Tritium-Design

Wenn es nach Jakob Nielsen geht, haben die guten alten Passwortfelder ausgedient.
In seinem Artikel vom 23. Juni 2009 beschreibt er die immer wiederkehrenden Probleme im Umgang mit maskierten Passwörtern: Die User erhalten kein visuelles Feedback, was sie da eigentlich gerade eintippen. “Habe ich mich jetzt vertippt, oder nicht?” Wer kennt das nicht?
Er rät daher dazu, Passwortfelder durch normale Textfelder zu ersetzen und eine Maskierung durch Klick auf eine Checkbox durchzuführen.

Die Jungs von decaf haben hingegen die Passwortmaskierung des IPhone aufgegriffen. Hierbei wird der letzte Buchstabe (und nur dieser) im Klartext dargestellt.

Obwohl ich diesen Ansatz gar nicht so schlecht finde, halte ich es für überflüssig, da der Benutzer ja eigentlich gerne das gesamte Passwort sehen würde um sicherzugehen, dass er sich nicht vertippt hat.

Daher habe ich mal ein kurzes Beispiel für eine Passwortmaskierung umgesetzt, die mehr in Richtung der Idee von Jakob Nielsen geht.
Hierbei wird das Passwort per default maskiert und bei Klick auf die Checkbox kann man es sich im Klartext betrachten.

Das Skript ist handliche 50 Zeilen lang (inklusive Kommentar) und lässt sich einfach für mehrere Checkboxen und Passwortfelder konfigurieren. Vorausgesetzt wird lediglich Prototype.
Wenn kein Javascript beim Client zur Verfügung steht, wird die Checkbox nicht angezeigt – die Passwortfelder verhalten sich also standardkonform.
Noch habe ich das Skript nicht in allen Browsern getestet, da es reines “vHiT” (vom Hirn ins Terminal) ist. Aber als Proof of Concept sollte es erstmal genügen und die Idee verdeutlichen.