Ein kleiner Schritt für den Coder, ein großer Schritt für die Usability
Folgende Codezeile kann die Usability einer Seite schlagartig erhöhen:
<script type="text/javascript">
document.getElementById('container_id').focus();
</script>
Bei Loginformularen (auf den Loginbutton) oder einfachen Eingabefeldern (ins Eingabefeld springen) eingesetzt kann dem Nutzer einen Klick sparen. Just my 2 cents.
Verwandte Artikel
- Css Pseudo Elemente und Klassen zur verbesserten Usability
- AJAX Ladezeiten Feedback zur Erhöhung der Usability
- Usability für alte Menschen
- 100 Usability Tipps
- Skalierbarkeit großer Webprojekte
- Pingback: Tastatur im Fokus on November 9, 2007
5 Kommentare
Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.
Wenn man dies jetzt noch mit tabindex=”" in den Eingabefeldern kombiniert, um die Tabulatorreihenfolge festzulegen erhöht das die Usability nochmal um ein vielfaches. Meine zwei Pfennig.
Kann mir von diesem Skript die Vorgehensweise erklärt werden, auch in dem vorgeschlagenem Zusammenhang von Tom Schult mit “tabindex”?
Was passiert, wenn Javascript deaktiviert wird?
Aus dem sonnigen und kaltem Dresden grüssend
Ralph
Hallo Ralph,
Sinn der Sache ist, dass der Benutzer, die Tastatur nicht verlassen muss, sprich er kann mit der Tastatur durch die Website navigieren. Das macht gerade dann Sinn, wenn der Benutzer auf der Website sowieso was eingeben muss. Sie dir zum Beispiel mal das online Wörterbuch dict.leo.org an. Nach einer kurzen Ladezeit, springt der Cursor in das Eingabefeld, weil es ganz klar ist, was der User will, und warum sollte man ihm die Zeit dann nicht sparen.
Wenn Javascript deaktiviert ist, wird es nicht funktionieren, eventuell gibt es dann aber eine Lösung die ohne Javascript auskommt(?)
Der Zusatz von Tom ist richtig. Indem man eine Tabulartorreihenfolge vorgibt, kann der Besucher an die Stellen springen, zu denen er hinmöchte. Angenommen du hast eine Website mit 3 Input-Feldern, alle 3 sind für die Besucher interessant, sie kommen nur deswegen auf die Website. Aber zusätzlich zu den Inputfeldern, hast du noch etliche Links und Grafiken auf der Website, im Quellcode vor den Inputfeldern. Komme ich nun auf diese Website, müsste ich mich mit der Tabulatortaste durch alle Grafiken und links durchklicken. Oder du gehst hin und vergibst für die Inputfelder eine Tabulatorreihenfolge, dann kann ich mit dem ersten “Tabdruck” ins erste Feld springen (oder mit dem obigen Script direkt), mit dem zweiten “Tabdruck” ins zweite Feld, usw.
Hallo,
halte das aus dem Grund nicht für sonderlich gut, weil der User dann oftmals nicht weiß war er nun tun muss. Wenn das Ganze verbreitet wäre, was es hoffentlich auch wird, ist jedem bald klar das es so funktioniert….bisher halte ich die Regel, das auf der Website nichts ohne zutun des Benutzers passiert für die Beste.
Grüße, Christoph
Da gebe ich dir recht, mir ist das Pattern auch noch nicht vertraut aber in Anwendungen, die man häufig nutzt, halte ich es für sinnvoll, da es auch Zeit erspart (siehe Google.de)