Create mockup of a usable and aesthetically pleasing search user interface

umgc / fall2022

SWEN 670 Fall 2022 cohort

Creative Commons Zero v1.0 Universal

4 stars 3 forks source link

Create mockup of a usable and aesthetically pleasing search user interface #243

Closed mdconatser closed 2 years ago

mdconatser commented 2 years ago

The customer has a strong desire for a better overall layout of the application. Mockups are the most effective way to demonstrate our ideas. Please include mockups as an attachment to this issue and the team can provide feedback, after which the SRS can be updated with new mockups.

During the presentation, the idea of "search suggestions" based on what the user has entered so far was brought up, potentially with an AI library.

Replace home page

shaneknows commented 2 years ago

Updated main menu with dedicated search button:

mdconatser commented 2 years ago

could use a bit of context/branding, maybe just replacing "Main Menu" in the header with logo/USPS

shaneknows commented 2 years ago

Simple search page. Would add back button on the results to quickly go back to filters (same top menu and bottom menu bars).

cthorn2 commented 2 years ago

I'm working across the teams on the UI initiative. I have an idea for the main screen (home) that uses horizontal buttons instead of blocks so we can fill up the white space. If we're going to rely on system accessibility functionality, do we still need the Microphone and headphone buttons on the interface?

shaneknows commented 2 years ago

The headphones are there to toggle the chatbot interface. And the microphone was just in case we did keep that functionality. Seemed worth having a few different takes on UI to present to the customer before digging in. I do like the key items on the bottom in your design, but I'm not a fan of the gradient color

cthorn2 commented 2 years ago

Shane, thanks for the feedback. I replaced the gradient and I agree that a solid color looks cleaner. I also incorporated your chatbot UI into the design.