Usability in der Praxis - Feldgrösse in Webformulare

Feldgrösse? Was soll daran wichtig sein?

Der Mensch orientiert sich im Alltag unbewusst an verschiedenen Merkmale. Bei der Benutzung eines Webformulars ist das beispielsweise die Feldgrösse.
Ist ein Feld eher klein, verbindet der Mensch dies unbewussst mit einer kurzen Eingabe. Beispielweise die Postleitzahl. 

Praktische Tipps
- Feld so gross machen, dass die gängigen Eingaben erfasst werden können ohne dass der Wert dabei teilweise verschwindet.
- Feldgrösse der erwarteten Eingabe anpassen

Umsetzung in HTML

<fieldset>
<legend>Schlecht</legend>
<label for="plz">PLZ:</label><br>
<input type="text" id="plz" name="plz"><br><br>
<label for="ort">Ort:</label><br>
<input type="text" id="ort" name="ort">
</fieldset>
<br><br>
<fieldset>
<legend>Besser</legend>
<label for="plz">PLZ:</label><br>
<input type="text" id="plz" name="plz" size="2"><br><br>
<label for="ort">Ort:</label><br>
<input type="text" id="ort" name="ort">
</fieldset>

 

Referenzen
https://www.nngroup.com/articles/web-form-design/
https://www.w3schools.com/html/html_forms.asp

Erstellt am: 28.04.2023
Teilen: