it-swarm.com.de

Formularetikettenposition für beste Benutzerfreundlichkeit

Ich erstelle ein Formular, in dem ein Besucher nach seinem firstname, middle initial und lastname gefragt wird. Ich möchte, dass diese Textfelder alle inline sind, aber wo soll ich die Beschriftungen platzieren? Links, oben oder unter den Feldern.

Ich bin auf der Suche nach dem besten Ansatz in Bezug auf die Benutzerfreundlichkeit.

16
Shane Stillwell

Schauen Sie sich diese Studie von UXmatters an . Es ist ziemlich ausführlich, enthält Daten zum Eye-Tracking und kommt zu dem Schluss, dass Etiketten oben die beste Lösung sind.

Es gibt einen ähnlichen Artikel von Luke Wroblewski , der auch ziemlich ausführlich ist. Beide Artikel sind lesenswert!

10
Grant Palin

Das Wichtigste ist, dass Sie mit dem Rest Ihrer Website übereinstimmen. In der Regel werden auf den meisten Websites die Bezeichnungen links von den Textfeldern angebracht. In diesem Fall wäre es eine lange Beschreibung, also stellen Sie sicher, dass Sie Platz haben und es gut fließt.

Wenn links nicht richtig aussieht oder es keinen Platz dafür gibt, dann würde ich oben tun. Da ist das ganz klar.

Die einzige Methode, die ich vermeiden würde, besteht darin, die Beschriftungen unter den Textfeldern zu platzieren. Wenn sich die Beschriftungen unter den Feldern befinden, ist dies verwirrender.

5
Ben Hoffman

Normalerweise ist es für Ihre Situation am besten, oben oder links zu sein. Stellen Sie sicher, dass das Etikett vor dem Eingabefeld für die Barrierefreiheit steht.

Dennoch gibt es viele verschiedene Möglichkeiten, eine Seite zu gestalten und erreichbar zu sein.

Formularbeschriftungen können praktisch überall angezeigt werden, wo Sie sie möchten, solange sie noch vorhanden sind. Dieser Rückgriff ist einen Blick wert, http://patterntap.com/tap/collection/forms

4
Kevin

Es gibt zwei Optionen, die als am besten angesehen werden:

  • beschriftungen links vom Feld, rechts gespült, damit sie sich in der Nähe der Eingabe befinden.
  • beschriftungen über dem Feld selbst

ein weiterer wichtiger Punkt, den Sie für die Benutzerfreundlichkeit beachten müssen, um sicherzustellen, dass Sie das Attribut for des Etiketts verwenden, damit sich das Klicken auf das Etikett auf das beschriftete Feld konzentriert.

3
GSto

Antwort: Keine der oben genannten. Verwenden Sie Platzhalter im Feld selbst. Das Platzhalterattribut ist ein integrierter Bestandteil von HTML-5.

Ansonsten würde ich sagen, linksbündig über die Felder setzen.

1
Adam L Davis

Dies ist etwas tangential - aber bitte verwenden Sie nicht Vorname/Nachname/Initiale. Nicht jeder Name fällt in diese ordentliche Gruppierung.

Ich zitiere mich über StackOverflow:

In vielen asiatischen Kulturen steht der Name der Familie an erster Stelle, da die Familie als wichtiger angesehen wird als das Individuum.

Da es eine ganze Reihe von Personen gibt, die einen Namen verwenden, der nicht von ihren Eltern vergeben wurde, habe ich das folgende Schema mit einigem Erfolg angewendet:

Vollständiger Name (wie normalerweise für die Adressierung von E-Mails geschrieben); Nachname; Bekannt als (der im Gespräch häufig verwendete Name).

Z.B.:

Vollständiger Name: William Gates III; Familienname: Gates; Bekannt als: Bill

Vollständiger Name: Soong Li; Familienname: Soong; Bekannt als: Lisa

Weitere Informationen finden Sie unter https://stackoverflow.com/questions/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694 .

0
Bevan