<?xml version="1.0" encoding="utf-8"?>

Use rich auto-suggest appropriately

Rich auto-suggest not only offers relevant queries but also includes links to related content like category pages, product details, and articles. This enriched approach is particularly effective for users who have a clear idea of what they're searching for. To enhance recognition and usability, adding image previews or category icons alongside text descriptions is beneficial. This visual aid helps users quickly identify the item or category they need.

Ensure that the suggestion dropdown is well-organized and spaciously designed. Cluttered or poorly labeled suggestions can overwhelm and confuse users, detracting from the overall user experience. A clear, visually appealing suggestion dropdown enhances navigation, making the search process more intuitive and efficient.

Pro Tip: When adapting these rich search suggestions for mobile, strip off distracting visuals and keep the text queries only.

Improve your UX & Product skills with interactive courses that actually work