A suggestion can be a starting point for a more precise query.
Editable autocomplete with keyboard support
Let shoppers navigate suggestions with the keyboard and edit the active suggestion before submitting.
Research context: Baymard · Editable autocomplete suggestions ↗
Use a few relevant suggestions. Ordinary Enter search must work without suggestions.
Try the pattern
Task and expected result
- 01
Type nord, press Arrow Down: the suggestion copies to the field, but results change only after Enter.
- 02
Cycle through suggestions with Arrow Up/Down. Escape closes them and restores nord.
- 03
Choose Nord Tur, edit to Nord Tur blue and submit. The field and URL must retain the edited query.
How to investigate value
Observe whether participants find an item meeting every need, not just how many cards they click. For measurement: relevant selections per eligible search/list visitor.
Watch for side effects
Zero results, false variant matches, lost list context and slow filters. More product-page visits are not necessarily better.
This is a proposed investigation, not a measured result. Choose one hypothesis and define the audience before testing.
Build a measurement plan for this concept ↗