Gallery
See what others have created
parthiban
@parthiban
Searching & Finding
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.
What to deliver
- Design the search entry state with a clear input, scope, and recent queries.
- Design autocomplete and suggestion behavior while typing.
- Design the results view with sorting, filtering, and result previews.
- Design no-results, loading, and error states with recovery actions.
- Design an item detail or drill-in path from search results.
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.