⌨️

Autosuggestion

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

📼 Videos

‣

Good Idea 💡 Bad Idea 💣 Typeahead Edition Pt 1 (Widget behavior)

‣

Good Idea 💡 Bad Idea 💣 Typeahead Edition Pt 2 (Suggestion experience)

💡 Ideas and tips

Widget design and experience

‣

Consider disabling typeahead on mobile

‣

Place a “View All Results” button below product suggestions

‣

Apply a visual hierarchy to suggestion “types”

‣

Label your product recommendations as Popular (for context)

‣

🦄 Show insta-results (bypass the page load)

‣

Consider mini descriptions with product suggestions

‣

🦄 Consider including price filters in the widget (where appropriate)

‣

Consider including price detail with product results (where appropriate)

‣

🦄 Consider department scopes in the widget

‣

Use large thumbnails for product results

‣

Nest category links under search suggestions

‣

Consider dropping product matches

‣

🦄 Consider showing variant swatches with product matches

Suggestion experience (matching logic)

‣

Show previously viewed searches on-click

‣

Trigger suggestions after minimum 3 characters

‣

Show hit counts

‣

🦄 Show instant feedback when no results match

‣

Highlight attributes, not character matches

🫣 Cautions

‣

Don’t pre-merchandize before the user types

‣

Don’t trigger autosuggestions after the first character

‣

Be careful with the full-screen takeover pattern

‣

Avoid product thumbnails for category and search term suggestions

‣

Don’t show product titles without thumbnails

‣

Don’t show banners in typeahead widget

‣

Avoid showing categories instead of search terms

‣

Always include a “View All” link!

‣

Avoid pill-style chips for list items

‣

Don’t suggest everything BUT search terms

‣

Avoid displaying the search term on the submit button

‣

Don’t force your customer to select a suggestion (aka “no Submit button”)

‣

Avoid semi-opaque dropdowns

Back to Site search ideas

👉 Follow on LinkedIn for daily ideas 💡