EINGABEFELDER

O-Symbol Links
O-Symbol Rechts

Suchfeld

Das Suchfeld wird von den Nutzern in der rechten Ecke erwartet, dezent mit einem Lupe Icon. Mit Funktionen wie Auto-Suggest und Autocomplete wird den Usern mehr Komfort gegeben. Weiterhin sollte die Suchfunktion fehlertolerant sein und die Tippfehler erkennen können. Bei null Treffern sollte dem Nutzer Hilfe angeboten werden.

Text Feld

Bei einem Text Feld ist es wichtig dem Nutzer klarzustellen, was er eintragen soll. Weiterhin schadet es nicht auch eine Beschreibung hinzuzufügen um mehr Unterstützung bei der Aufgabe zu bieten.

Kennzeichnung

Datumauswahl

Um den Nutzer bei einer Datumsauswahl zu unterstützen und die Usability zu verbessern gestalten wir einen Datum Picker, welcher schon das heutige Datum indiziert, um Fehler zu vermeiden. Weiterhin hat der User die Möglichkeit ein Datum selbst einzutragen oder das gewünschte Datum über den Picker auszuwählen.

Formulare

Um die Bedienbarkeit bei Formularen Benutzerfreundlich zu halten, sollten die Felder gut erkennbar werden. Eine Möglichkeit wäre durch den Kontrast des Hintergrundes und Feldes.

Die Felder müssen so beschriftet sein, dass die User verstehen, was Sie eintragen müssen. Zu beachten ist, dass sich der Platzhaltertext und der Eingabetext farblich unterscheiden sollen.

Um dem Benutzer klarzumachen, dass das Formular interaktiv ist, können wir durch Hover- und Klick-State die Interaktivität andeuten. Falls der User fehlerhafte Daten einträgt, sollte das mitgeteilt werden indem auf den Fehler aufmerksam gemacht wird. Dies können wir durch rote Farbe und Hilfetext signalisieren. Formularfelder immer eindeutig bezeichnen und so wenig wie möglich Formularfelder verwenden.