Webkrauts: Für mehr Qualität im Web.

Artikel

Sonnenseiten: Nutzerführung

Formulare sind selten sexy, meist eher eine Mischung aus schnöden Textfeldern und ein paar Erklärungen mit wichtigen Fußnoten-Sternchen. Beim Klick auf den Absende-Button bekommt man außerdem nahezu immer eine Warnung, man hätte etwas unvollständig aufgefüllt. Wer mag sowas?

Es geht auch anders: Das Anmelde-Formular von Pownce beweist es!

Schon beim Eintippen gibt ein kleines, per Javascript eingeblendetes Symbol neben dem Textfeld unmissverständlich zu verstehen, ob der gewünschte Name schon vergeben ist, oder nicht. Ein kleines simples Detail, aber genau auf die kommt es hier an.

Beim Klick in das jeweilige Textfeld wird ein – zuvor mit einem simplen display: none; versteckter – Tooltip per display: block; eingeblendet. Diese einfache Technik versorgt hier den User schon während des Tippens mit liebevoll formulierten Texten. All dies ohne dabei übers Ziel hinaus zu schießen oder an Glaubwürdigkeit zu verlieren.

Nicht nur internetaffine Menschen werden Formulare selten im Gedächtnis behalten, bei diesem durch einfaches CSS und simples Javascript angereicherten Exemplar mag es anders sein, zumindest geht es mir so, und ich werde in Zukunft zweimal über Funktionen nachdenken, die ohne viel Aufwand eine irrsinnige Bereicherung darstellen können.

Zum Autor

Alexander Hahn lebt in Wolfsburg, studiert Kommunikationsdesign an der Hochschule für Bildende Künste (HBK) in Braunschweig und ist als Freelancer tätig. Neben seinem Weblog beschäftigt er sich mit Fotografie und dem Treiben im Netz.

Zur Aktion

Dies ist ein Text zur Aktion Sonnenseiten: Webkrauts loben – höchst subjektiv – einzelne Details von Webseiten. Entgegen unserer Gewohnheit steht diesmal nicht der Quelltext, sondern die Idee im Mittelpunkt.

Info:

Sonnenseiten: Nutzerführung ist Beitrag Nr. 451

Autor:

Alexander Hahn am 23. Juli 2008 um 08:00

Kategorie:

Sonnenseiten

Kommentare

Bitte die Hausregeln beachten. Alle Kommentare werden auf werbliche Links/Nicknames geprüft und gegebenenfalls gelöscht.

1. 1.
   

   Wirklich schick, aber ich denke die Erklärung zu "gender" hätte man sich sparen können.

   Kommentar by Moritz Gießmann - 23. Juli 2008 um 08:23

2. 2.
   

   Solche Formulare sollten all die Portale nutzen, die ihre Nutzerzahl erhöhen wollen. Ich habe sofort eine Anmeldung sausen lassen, weil ständig Fehler oder Warnungen erschienen. Bis man z.b. einen freien Usernamen gefunden hat, können manchmal wirklich minuten vergehen.

   gruß
   damian

   Kommentar by Damian - 23. Juli 2008 um 09:02

3. 3.
   

   Sehr schön gemacht. Die AJAX-Validierung der Felder gibt es z.B. auch auf Remember the Milk. Das i-Tüpfelchen wäre jetzt noch ein bißchen ARIA-Zauberpulver in Form von aria-required und aria-invalid.

   Kommentar by Martin Kliehm - 23. Juli 2008 um 10:35

4. 4.
   

   Ist schon sehr gut gelöst. Allerdings auch noch verbesserungswürdig:

   Man könnte auch bei der E-Mail Adresse und bei dem Postalcode schon während der Eingabe abfragen, ob diese valide ist.

   Aber wie gesagt, ansonsten sehr schön.

   Grüße, OLE

   Kommentar by Ole - 23. Juli 2008 um 12:07

5. 5.
   

   Na das ist doch mal Usability. Jeder Schritt wird vorgegeben und der User kann nur nach weitermachen und absenden. Für Portale mit vielen Usern unabdinglich. Gefällt mir.
   Gruss Michael

   Kommentar by Michael - 15. September 2008 um 13:21

Kommentar-Feed für diesen Beitrag

Entschuldige, das Kommentarformular ist zurzeit geschlossen.