Formulare: Hervorheben der Zeilen sinnvoll?

Functioning Form hat mittels Eye-tracking-Methode untersucht, ob das Hervorheben von Zeilen in Formularen Vorteile für den Anwender bringt.

In “Row Highlights in Web Forms” wird wieder klar, dass es für den Anwender besser und effizienter ist, das Label über das Formfeld zu setzen. Auch wenn – wie Paypal das wohl jetzt anbietet – beim Fokussieren auf ein Formelement dieses farblich hervorgehoben wird, macht es keinen wirklichen Unterschied, ob mit Hervorhebung oder ohne. Der Anwender präferiert eindeutig erstere Methode: Label über dem Formfeld.

Web ohne Grenzen: ein eher nutzerunfreundliches Formular :-)

Man kann es auch zu gut meinen, mit der Gestaltung von Formularen. :)

Auf der Webseite Web ohne Grenzen hat man die Möglichkeit, via Webformular einen Newsletter zu abonnieren. Und irgendwie schaffe ich es immer, Formulare nicht zu durchblicken, schon gar nicht eins, dass die LEGENDS des Formulars überproportional hervorhebt. So habe ich schlicht immer auf die LEGEND gedrückt, um das Formular abzuschicken. ;-)
Artikel weiterlesen

Formulare: die beste Position von LABEL und Formfeld

Mit Hilfe von Eyetracking-Tests wurde analysiert, wie Nutzer am besten mit der Kombination von Label und Formfeld zurecht kommen.

In Label Placement in Forms werden einige interessante Ergebnisse präsentiert, wie man am besten und nutzerfreundlichsten die Kombination von LABEL und Formfeld einsetzt.

LABEL über dem Formfeld

Die beste Position von LABEL und Formfeld ist wohl übereinander, weil der Nutzer am schnellsten beides erfassen kann. Visuell muss ein hinreichender Abstand zum LABEL des nächsten Formfeldes gesetzt werden.
Artikel weiterlesen

Formulare: mit CSS und Webform 2.0 zugänglicher machen

CSS3 Testumgebung mit unterschiedlichen Browsern testen kann Spass machen. :-)

Die CSS3 Testumgebung des w3c kann richtig Spass machen, auf das was in späteren Jahren kommen wird.

Einen ganz deutlichen Vorsprung in Sachen CSS und Formulare hat mittlerweile Opera, wie man in den Beispielen zu “Improve your forms using HTML5” ersehen kann:
Artikel weiterlesen