Web Usability Guidelines
Zusammenfassung
Diese Guidelines dienen zur Bewertung der Benutzbarkeit von Websites, insbesondere auch während
Konzeption und Entwicklung. Diese basieren auf Standardveröffentlichungen und der
umfassenden persönlichen
Erfahrung der Autoren. Sie enthalten sowohl qualitative als auch
quantitave Kriterien. Die Befolgung der Guidelines garantiert Benutzbarkeit einer Website
im Kontext des Internets. Auch Wartbarkeit und Erweiterbarkeit werden damit verbessert.
Seitengestaltung
Die Gestaltung der einzelnen Seiten nimmt eine besonders prominente Position bei der
Usability ein. Dabei sollten folgende Kriterien beachtet werden.
Geschwindigkeit
Der Benutzer muss schnell und flüssig mit der Seite arbeiten können. Maximale Zeit für den
Seitenaufbau sind 10 s. Die typische Benutzeranbindung ist derzeit ein 56k Modem. Aber
auch eine
durchdachte und konsistente Anordnung der Bedienelemente ist für ein effektives Arbeiten notwendig.
Folgende Punkte sind hier zu beachten. Allgemein sollten Navigationssysteme immer auch
einer
quantitaven Analyse unterzogen werden.
- Inhalt in HTML Seiten / Templates kodieren und Präsentationsrichtlinien in Stylesheets auslagern.
- Alt Tags für alle inhalttragenden Bilder (nicht für Designelemente)
- Kurze Wege bei der Navigation unterstützen
- Auf Monotonie achten
- Den Benutzer nicht zum Laden großer Dateien zwingen.
- Für große Datenmengen sowohl Dateigröße als auch ungefähre Ladezeit anzeigen.
Navigation
Die Seiten sollten einen klaren Aufbau haben. Dieser sollte sowohl innerhalb der Seite, aber auch
im Gesamtkontext des Internets konsistent gehalten sein. Der Benutzer sollte möglichst wenig
"geistige Aktivität" aufbringen müssen, um die Navigationsstruktur einer Website oder gar einer
einzelnen Seite zu verstehen. Insbesondere muss jede Seite dem Benutzer folgende Fragen klar beantworten
- Wo bin ich ? (Site, Bereich, Seite)
- Woher komme ich ? (Seiten)
- Wohin kann ich gehen ? (Links)
- Was kann ich tun ? (Interaktion, Eingabemasken)
Dies kann durch folgendes erreicht werden.
- Konsistentes Menü auf jeder Seite
- Klar erkennbares Firmenlogo, das auf die Homepage verlinkt
- Eindeutiger und sprechender Name jeder Seite
- Darstellen des "Pfads" der aktuellen Seite in einem sog. "Breadcrumb Trail"
- Farbliches Hervorheben des aktuellen Bereichs in der Navigation
- Links klar hervorheben. Dazu sind
- Links zu unterstreichen
- Die Standardlinkfarben beizubehalten
- Korrekte Unterstützung der Browserbedienelemente
- Forward
- Backward
- Bookmarks/Go
- Eindeutige URL für jede Seite
- Verzicht auf Frames
- Vermeidung von Redundanz bei der Navigation. Vermeidung des "klicken Sie hier"
- Keine Öffnen zusätzlicher Fenster.
- Ausnahme: Anwendungen, die nicht nach HTML Paradigmen funktionieren, wie z.B. Applets.
- Klare und konsistente Angabe, was an Eingaben erwartet wird.
- Nicht mehrfach die gleichen Angaben erzwingen
- Bei Eingabefehlern, Ort und Art des Fehlers klar darstellen.
Lesbarkeit
Die Lesbarkeit einer Seite trägt wesentlich zur Qualität der Interaktion bei. Dabei ist
optimale Lesbarkeit für möglichst viele Benutzer zu gewährleisten. Dazu
gehört insbesondere auch die Benutzbarkeit für behinderte Benutzer.
- Kodierung von Struktur statt Präsentation
- Benutzbarkeit auch bei geringen Bildschirmauflösungen
- Wichtigster Inhalt auf den oberen 700x500 Bildschirmpixeln
- Vermeidung absoluter Größenangaben,
insbesondere Vermeidung absoluter Fontgrößen
- Hoher Kontrast zwischen Schrift und Hintergrund. Keine Hintergrundbilder im Text.
- Vermeidung von Farbkontrasten, die bei Sehschwächen nicht aufgelöst werden können.
- Unterstützung von benutzerdefinierten Fonts und Farben.
- Seiteninhalt nicht zerreissen, z.B. durch Plazierung von Werbebanner zwischen Titel und Hauptseite.
- Chart Junk vermeiden
Site Struktur
Die Struktur einer Site dient der Unterstützung der Benutzer, wobei Benutzer sowohl Menschen als auch
andere Computerprogramme, insbesondere Suchmaschinen, sein können. Darüber hinaus leistet eine
gut strukturierte Site auch bei Entwicklung und Wartung der Site wertvolle Hilfestellung.
URLs
Bei der Gestaltung von URLs ist auf folgende Punkte besonders zu achten
- Primären Domainnamen als zusammengesetztes Wort ohne "-"
- Von Menschen verstehbare URLs (http://www.ibm.com/software/ad)
- Unterstützung von URL chunking
- Unterstützung von "deep linking"
- Unterstützung von archiviertem Inhalt. Klarer Hinweis auf Archiv URLs.
- Archivierter Inhalt muss über einen definierten Zeitraum (mindestens 6 Monate) stabil sein.
Dienste
Eine Site bietet ihren Benutzern zahlreiche Dienste an. Dazu gehören insbesondere
Suche, Sitemap und die Möglichkeit mit dem Kunden in Kontakt zu treten. Bei Gestaltung
und Art dieser Dienste soll insbesondere folgendes beachtet werden.
- Immer Suchfunktion anbieten
- Keine Volltextsuche (für Benutzer ohnehin nicht transparent)
- Keine boolsche Suche anbieten
- Großzügige Eingabefelder vorsehen
- Keine "natürliche Sprache" bei der Suche verwenden
- Suche nach ähnlichen Seiten ermöglichen
- Rechtschreibprüfung in Suche integrieren
- Seiten verschlagworten
- Alle Seiten mit klarer, menschlich lesbarer Zusammenfassung versehen
- Keine Suche im gesamten Internet anbieten
- In Sitemaps die letzte Seite anzeigen
- Feedbackformulare (statt Email) anbieten
- Interaktion zwischen Benutzern ermöglichen (Chat, Kommentare)
Links zum Thema
Literatur
Einige der Links in gedruckter Form und weitere Literatur.
- Nielsen, J.: Designing Web Usability, New Riders, Indianapolis, USA 1999
- Rosenfeld, L. und Morville, P.: Information Architecture for the world wide web, O'Reilly
- Greenspun, P.: Philip and Alex's Guide to Web Publishing, Morgan Kaufman Publishers, 1999
- Lynch, P. und Horton, S.: Web Style Guide, Yale University Press, 1999
- Raskin, J.: The Humane Interface, Addison Wesley, 2000
- Tufte, E.: Visual Explanations
- Maeda, J. und Antonelli, P.: Design by numbers, MIT Press 1999
Gerhard Wagner
2004-01-06