Typeahead

Mechanismus, der dem Nutzer in Echtzeit Suchvorschläge anzeigt, während er tippt bevor er seine Anfrage zu Ende formuliert hat.


Definition

Wenn jemand in die Shop-Suche tippt, löst jedes Zeichen eine Server-Anfrage aus, die eine sofort aktualisierte Vorschlagsliste zurückliefert. Der Client sendet die Teilzeichenkette (Prefix Query), und die Engine gibt die relevantesten Begriffe oder Produkte zurück. Die Antwortlatenz ist entscheidend: Über 200 ms verliert das Erlebnis an Flüssigkeit. Zwei Hauptvarianten: Query Suggestions (schlägt komplette Suchbegriffe vor) und Product Suggestions (zeigt direkt Produktkarten mit Bild, Name und Preis).

Wofür es nützlich ist

Reduziert Reibung und Zeit bis zum Klick. Ein Nutzer, der schon beim Tippen relevante Ergebnisse sieht, braucht weniger kognitive Anstrengung. Implizit werden auch Tippfehler korrigiert: Schlägt das System «kabellose Kopfhörer» vor, wenn der Nutzer «kabello» geschrieben hat, gelangt der Fehler nie in die Suche.

Doofinder

Der Suchlayer von Doofinder setzt Typeahead über die Search Suggestions um, im Panel konfigurierbar. Die Vorschläge werden aus realen Shop-Suchen erzeugt. Der Floating Layer wirkt als angereicherter Typeahead: Er zeigt Produkte mit Bild und Preis in Echtzeit. Guided Search ergänzt eine weitere Ebene durch visuelle Filtervorschläge.

Quellen

  • Autocomplete UX — Baymard Institute
  • Search Suggestions — Doofinder Support
  • Site Search Design Pattern — Nielsen Norman Group