We stand with Ukraine and our team members from Ukraine.

A Community Of Over 740,000

Become a member
Twitter Linkedin-in Facebook-f
Home

Pranava Tandra

Designer | Microsoft

Pranava is a product designer deeply interested in processes and measures that support scalable solutions for design challenges. She currently designs search experiences for Microsoft Teams.

Best Practices: Designing autosuggest experiences

  • Accessibility, Customer Experience, Interaction Design, Interface and Navigation Design

8 design recommendations for search bar & autosuggest patterns

Article by Pranava Tandra
IDEAS IN BRIEF
Best Practices: Designing autosuggest experiences
Here are some best practices recommended for the search bar & autosuggest patterns based on the analysis of user-typed queries & query formulation from about 50+ search bars.
  1. Scoping. Allow scoping if your app has multiple types of entities. Please note that scoping is not a mandatory step in the search workflow. It is only used to aid faster contextual suggestions.
  2. Autocomplete. Add Autocomplete as the top suggested item.
  3. Advanced Search. Give advanced search capabilities if your website/app has a huge volume of information and a dedicated search results page.
  4. Recent Searches. Always present recent search queries, especially in Zero State. To ensure high-quality suggestions in zero states, it’s better to have a threshold. It means a query needs to be executed several times before it ends up as a potential suggested term.
  5. Shorter suggestion lists. Limit suggestions to less than 10 list items. It is also recommended to avoid using the scroll paradigm in search suggestions.
  6. Grouping Suggestions. Always add labels and visual grouping for diverse information types.
  7. Enable conversations. Introduce conversational search experiences. Leveraging NL models to introduce voice inputs and question-answer framework can save a lot of time.
  8. Autocorrect & Clear queries. Assist with typos, erase queries, and suggestions. Additionally, provide users with an option to clear their search results in the search bar and equip them to remove their previous searches.
Read the full article below to get a breakdown of each of these best practices and learn about the research and concepts behind them. 
Read Article →
Share
Share:Best Practices: Designing autosuggest experiences
6 min read

Join 740,000 designers, thinkers, and doers.

Become a member

This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and

Accept policy