Verwende Autocomplete, um z. B. ...
- Usern zu ermöglichen, freie Eingaben zu machen, während Vorschläge zur Auswahl angezeigt werden.
- bei langen oder dynamischen Datenlisten (z. B. Städte, Usernamen, Tags).
Grundlagen
Autocomplete dient dazu, Usern beim Ausfüllen von Texteingabefeldern durch Vorschläge zu unterstützen. Während der Eingabe werden relevante Optionen angezeigt, aus denen ausgewählt werden kann. Die Auswahl eines Vorschlags ist optional, User können auch eigene Eingaben vornehmen. Autocomplete wird typischerweise in Kombination mit Komponenten wie TextField oder SearchField eingesetzt.
Best practices
Achte bei der Verwendung von Autocomplete darauf, dass ...
- die Vorschläge kontextbezogen sind.
- die Vorschlagsliste bei Bedarf sinnvoll vorgefiltert werden kann (z. B. anhand von Kategorien oder Kontext).
- bei leerem Eingabefeld zunächst keine Vorschläge angezeigt werden.
Verwendung
Verwende ein Autocomplete, um ...
- die Effizienz bei der Dateneingabe zu verbessern, insbesondere bei bekannten oder häufig genutzten Optionen.
- Tippfehler zu vermeiden und die Datenqualität zu erhöhen.
- lange Auswahlmenüs zu vermeiden, indem Vorschläge dynamisch gefiltert werden.
Autocomplete vs. ComboBox
Autocomplete und ComboBoxen sehen oft ähnlich aus, erfüllen aber unterschiedliche Zwecke.
Verwende ComboBox, um z. B. ...
- aus einer vordefinierten Liste von Optionen eine Auswahl zu treffen.
- bei bekannten, überschaubaren Optionen (z. B. Sprachen, Kategorien, Geschlecht).