Usability-Konventionen: Grundlagen und Beispiele
Artikel vom 8. Dezember 2006, exklusiv fĂŒr den Webkrauts-Adventskalender 2006. ISSN 1614-3124, #28. Schwerpunkt: Usability (RSS-Feed fĂŒr alle Themen).
Dieser und viele andere BeitrĂ€ge sind auch als hĂŒbsches, wohlerzogenes E-Book erhĂ€ltlich: On Web Development.
Eine Konvention (v. lat.: conventio = Ăbereinkunft, Zusammenkunft) ist eine nicht formal festgeschriebene Regel, die von einer Gruppe von Menschen aufgrund eines Konsens eingehalten wird.
In Bezug auf Webdesign liegen neben technischen Konventionen (und Standards) unter anderem Konventionen vor, die Bedienbarkeit und Benutzerfreundlichkeit (Usability) adressieren. Sie haben ihren Ursprung in der Praxis, oftmals durch Applikationen oder andere Online-Angebote inspiriert. GröĂere Verbreitung von bestimmten Vorgehensweisen, wie zum Beispiel das Hervorheben oder Platzieren von Seitenelementen, sorgt gewissermaĂen fĂŒr Ăbereinkunft und damit Konvention.
Eine solche PopularitĂ€t von Vorgehensweisen und Designlösungen im Webdesign muss zwar nicht unbedingt die effektivsten, effizientesten und auch angenehmsten Lösungen hervorbringen, bringt jedoch mit sich, dass Benutzer nach und nach mit diesen vertraut werden und entsprechende Erwartungen aufbauen, und besitzt den Vorteil, dass sie mit Etablierung der jeweiligen Konvention schneller und leichter zum Ziel kommen. Und so begrĂŒndet sich und steigt die Wichtigkeit von Usability-Konventionen.
- Konventionen helfen Benutzern durch ErfĂŒllung von Erwartungen.
- Konventionen unterstĂŒtzen Webdesigner und -entwickler durch Vereinfachung von Entscheidungen.
Die nÀchsten Abschnitte beschreiben ein paar Beispielkonventionen, Erfahrungswerte und Daumenregeln, die ein Webdesigner unabhÀngig von allgemeiner Usability-Heuristik kennen sollte. Diese Sammlung ist recht frei gehalten und legt eine tolerante Definition von Konventionen zugrunde; eine striktere Auslegung, die beispielsweise mehr als 50% Verbreitung als Konvention und mehr als 80% als De-facto-Standard annimmt, findet sich beispielsweise bei Jakob Nielsen (1999).
Positionierung
Das im Laufe der Zeit reifer gewordene Internet hat relativ schnell Konventionen hinsichtlich der Platzierung von Seitenelementen hervorgebracht. Vom »Software Usability Research Laboratory« der UniversitĂ€t von Wichita (Kansas, USA) wurde bereits 2001 untersucht, wo Benutzer bestimmte Seitenelemente erwarten. Mitte 2004 und Anfang 2006 wurde die Studie nochmals durchgefĂŒhrt. Die folgenden mehrheitlichen Nutzererwartungen wurden ermittelt, ohne auf die weniger deutlichen Unterschiede zwischen 2001, 2004 und 2006 einzugehen:
- Startseiten-/Homepage-Link: oben links (44%), aber auch unten Mitte (15%) und unten links (11%);
- Interne, also Navigationslinks: links;
- Seiteninterne Suche: oben;
- Werbung: oben Mitte (27%) und rechts;
- Anbieterkennzeichnung: unten Mitte, aber auch links (unten).
Links
Vor allem Jakob Nielsen propagiert in regelmĂ€Ăigen AbstĂ€nden Grundregeln zur Kennzeichnung von Links, die jedoch durchaus als Konventionen wahrgenommen werden können und sollten. Seine Richtlinien zur Darstellung von Links (2004) legen nahe, Links:
- farblich hervorzuheben;
- zu unterstreichen (Ausnahme: NavigationsmenĂŒs und Linklisten, sofern klar als solche erkennbar);
- anders zu kennzeichnen, wenn sie besucht wurden;
- Nicht-Links nicht zu unterstreichen.
ErgÀnzung zur Unterstreichung von Links: Auch wenn Web-Usability-Experten wie Jared Spool auf die Erfahrung verweisen, dass Linkunterstreichung nicht erforderlich ist, solange Links dennoch als solche erkennbar sind, kann man Benutzern das Leben einfacher machen, wenn man eine solche alte, »native« Konvention in seiner Arbeit als Designer oder Entwickler beherzigt.
Formulare
Analog haben sich einige Konventionen fĂŒr Formulare und Formularelemente herauskristallisiert.
- Buttons fĂŒr Aktionen und BestĂ€tigungen stehen links (von anderen Buttons);
- Verzicht auf »ZurĂŒcksetzen«-Buttons (okay, keine ĂŒbliche Konvention);
- Formularbeschriftungen ĂŒber oder links von den dazugehörigen Formularelementen (Ausnahme: Checkboxen und Radio-Buttons mit rechtsstehenden Beschriftungen).
Schlussbemerkung
Auch wenn die Definition einer Konvention hier lax erfolgt, sollte dennoch deutlich werden, warum Konventionen hilfreich sind, und gleichzeitig, welche zu den anerkannteren im Webdesign gehören. Gegenbeispiele finden sich in groĂer Zahl; eine populĂ€re Plattform fĂŒr viele KonventionsbrĂŒche ist immer noch Flash, das nicht nur im Jahr 2000 zu vielen kontraproduktiven Designabweichungen fĂŒhrte, hauptsĂ€chlich in Bezug auf Standardinteraktionselemente (Formularelemente und Scrollbalken). Konventionen sind unsere Freunde.
Ăber mich
Ich bin Jens (lang: Jens Oliver Meiert), und ich bin ein Webentwickler, Manager und Autor. Ich habe als technischer Leiter und Engineering Manager fĂŒr kleine und groĂe Unternehmen gearbeitet, bin Mitwirkender an verschiedenen Webstandards und schreibe und prĂŒfe FachbĂŒcher fĂŒr OâReilly und Frontend Dogma.
Ich experimentiere gerne, nicht nur in der Webentwicklung und im Engineering Management, sondern auch in anderen Bereichen wie der Philosophie. Hier auf meiert.com teile ich einige meiner Erfahrungen und Ansichten. (Sei jederzeit kritisch, interpretiere wohlwollend und gib Feedback.)
Ăhnliche BeitrĂ€ge
Das könnte dich ebenfalls interessieren:
- Usability-Heuristiken
- 100 Usability-Tipps (Revision)
- Das Problem des »Fire and Forget« im Webdesign
Die Webentwicklung gut ĂŒberblicken? Probier WebGlossary.info â und The Web Development Glossary 3K. Mit ErklĂ€rungen und Definitionen zu tausenden Begriffen aus Webentwicklung, Webdesign und verwandten Feldern, aufbauend auf Wikipedia sowie MDN Web Docs. ErhĂ€ltlich bei Apple Books, Kobo, Google Play Books und Leanpub.