Logo of UI Challenges
Sign in
Wireframe example for Searching & Finding
An example interpretation of the prompt
Icon of target

Searching & Finding

Icon of book open

Design the search flow for a product area where users need to find a specific item fast. Start with the entry point: a search field, recent searches, and any scope or category control that changes what the query applies to. Make it obvious what is being searched before the user commits.

As the user types, show relevant suggestions, autocomplete, and a clear way to submit or refine the query. The results screen should support scanning at speed: visible match hierarchy, useful metadata, and controls for sorting or filtering without hiding the current query.

Include loading, no-results, and error states. Each one should keep the search term visible and offer a direct recovery path, such as editing the query, clearing filters, or broadening the scope. If the flow drills into a result, show how the user gets back to the list without losing context.

Icon of book open

Pro tip: Study the behavior of successful search interfaces, like Google, for inspiration. They often combine simplicity with powerful functionality, setting a great benchmark for usability.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.