Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Become a member

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Archives for Pranava Tandra

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 the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    ✕

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

    Accept policy