Search Ux

Search Input

• Prominent placement. Top of page or header bar.
• Placeholder text: specific to content. "Search products..." not "Search..."
• Magnifying glass icon inside or beside the input.
• Clear button appears when text is entered.
• Keyboard shortcut (Cmd+K or /) for power users.

Autocomplete

• Show suggestions after 2-3 characters.
• Debounce: 200-300ms after last keystroke.
• Categorize results (Products, Articles, Users).
• Highlight the matching text in suggestions.
• Recent searches above suggestions.
• Max 7-10 suggestions visible.