The Art of Web Usability

Es war Jared M. Spool, der es wieder auf den Tisch brachte. Eine Sache, die selbstverständlich klingt, von jedem mit heftigem Kopfnicken bejaht wird und dennoch im World-Wide-Web oft so sträflich vernachlässigt wird: Eine Schaltfläche – bei Designern “Button” genannt, ist ganz einfach zu bedienen. Mauspfeil drauf positionieren und die Maustaste drücken – fertig! Eine Sache, bei der man nicht lange nachdenken muss. Ach, eigentlich gar nicht nachdenken muss. Es geht wie von selbst. Drauf, klick, fertig! Aber nur wenn der Button gut gestaltet ist. “Huch”, werden Sie entgegnen, “was kann man denn an einem Button falsch machen?”. Alles!

Button werden einfach als HTML-Element gesetzt, per CSS definiert oder als Grafik eingebunden. Und viel zu wenig darüber nachgedacht, dass diese Schaltfläche auch bedient werden muss. Paul Fitts hat sogar eine Formel dafür entwickelt, die aufzeigt, welche Zusammenhänge gelten, wenn eine Schaltfläche mit der Maus angefahren werden soll. Diese Formel ist in der Ergonomie als Fitts’s Law bekannt. Sie besagt, kurz und einfach erklärt: “Die Zeit, die benötigt wird, um ein Ziel zu erreichen, ist die Funktion aus Entfernung zum Ziel und Größe des Ziels!”

Viel zu selten wird der Zusammenhang zwischen Größe der Klickfläche, der Entfernung und der benötigten Zeit beachtet. Ist es doch einfach, mit der Maus über den Bildschirm zu huschen. Aber gerade im Umfeld von Applikationen, die über ein Web-Interface gesteuert werden, ist eben dieser Umstand entscheidend über Erfolg oder Misserfolg. Wie oft liegt der zu betätigende Knopf weit ab vom letzten Eingabefeld eines Formulares und somit von der letzten Position des Mauszeigers. Ist der Knopf jetzt auch noch schnuggeligklein, ist der Aufwand ihn zu treffen und die Aktion zu beenden entsprechend größer.

Fitts’s Law, das ist der große Vorteil, lässt es sogar zu, dass man Interfaces auf Zeitverluste prüfen kann und eindeutiges Verbesserungspotential festlegen kann.

Minibuttons sind vielleicht schick, aber in unmittelbarer Nähe der zuletzt vermuteten Pfeilposition und in adäquater Größe bringt er mehr: Er funktioniert!

Diesen Beitrag tweeten

Dieser Eintrag wurde am Sonntag, den 23. März 2008 um 20:29 Uhr erstellt und ist in der Kategorie Allgemein, GUI, User Experience, Web Site Usability zu finden. Sie können die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Sie können einen Kommentar schreiben, oder einen Trackback auf Ihrer Seite einrichten.