Qualitätsmerkmale einer Webnavigation

Anmutung

Hauptnavigation fällt durch ihre Gestaltung spontan ins Auge
Themengerechte und harmonische Farb-, Form- & Schriftwahl
Navigation fügt sich ästhetisch in das Design der Website ein
Priorität, Absicht, Botschaft und/oder Philosophie des Unternehmens spiegelt sich im Design wieder
Hauptnavigation fördert das Branding der Website (Logo wird z.B. ansprechend in Szene gesetzt)
Alles wirkt klar, aufgeräumt und mit ausreichend Platz versehen (Symmetrie & virtuelle Linien eingehalten)
Abwechslungsreiches visuelles Erscheinungsbild mit konsistentem Anteil über alle Seiten hinweg
Funktional unterschiedliche Bereiche sind optisch differenziert und auf einem Blick deutlich voneinander zu unterscheiden
Ansprechendes visuelles Feedback während der Interaktion mit der Navigation (Fokus, Mausfokus, Klick, etc.)

Usability

Navigationsoptionen lassen sich einfach selektieren und anklicken
Funktioniert in allen gängigen Browsern und Browserversionen wie erwartet
Web Konventionen wurden eingehalten (Logo verlinkt, Text- Links unterstrichen, besuchte Links eingefärbt, etc.)
Aktuelle Position innerhalb der Website-Struktur ist zu jeder Zeit klar ersichtlich
Eine angemessene Schriftgröße sorgt für eine einfache Lesbarkeit der Navigationsbeschriftung
Navigationsbeschriftung ist für die Zielgruppe leicht zu verstehen (keine Wortspielereien, Fachjargon, etc)
Linkbeschriftungen der Hauptnavigation sind im Durchschnitt nicht länger als zwölf Zeichen
Linkbeschriftungen kennzeichnen sich durch treffende Ausdrücke derselben Granularitätsstufe und sind frei von inhaltlichen Überschneidungen
Formulierungen, Satzbau, sowie Grammatik finden auf gleicher Ebene eine einheitliche Verwendung
Navigation funktioniert auch ohne Scripte (Alternative steht zur Verfügung)
Navigation funktioniert auch ohne CSS (Sinnzusammenhang des Inhalts bleibt erhalten)
Es existiert zu jeder Zeit ein Verweis zur Startseite
Browsermechanismen (zurück, vorwärts, Lesezeichen, etc.) funktionieren wie erwartet
Es existiert eine Suchfunktion als alternative Navigationsmöglichkeit
Jeder Navigationspunkt ist auch über die Tastatur erreichbar und bei Fokuserhalt, wie auch der Mausfokus, sichtbar hervorgehoben
Tabulator-Reihenfolge verläuft gemäß des gewöhnlichen Leseflusses
Navigation ist auch auf einem mobilen Endgerät leicht zu benutzen
Alt-Attribut ist nur für Bildelemente die Inhalt vermitteln sollen gesetzt (z.B. Unternehmenslogo)
Navigation kann auch ohne Farbwahrnehmung genutzt werden (Graustufentest)
Deutlicher Helligkeitskontrast zwischen Linktext und Hintergrund
Valides HTML (Prüfergebnis des W3C-HTML-Validators ist positiv)
Navigation ist auch noch bei einem Browserzoom von 200% les- und nutzbar

Inhalt

Es ist deutlich zu erkennen von wem die Website ist
Bedürfnisse der Benutzer und Vorhaben des Unternehmens spiegeln sich in der Hauptnavigation wieder
Angemesse Balance zwischen Breite versus Tiefe innerhalb der Navigationsstruktur
Wichtige Inhalte sind direkt von der Startseite aus erreichbar und befinden sich innerhalb der Navigation weit oben
Informationen bzw. Seiten die inhaltlich in Beziehung zueinander stehen, sind auch über einen Link miteinander verknüpft
Jede Seite besitzt eine eindeutige Überschrift
Der Fenstertitel ist auf die Navigation und auf die Überschrift des aktuellen Seiteninhalts konsistent abgestimmt
Nachvollziehbare Hierarchie der Inhalte & Überschriften auf jeder Seite
Lesbare URLs vermitteln Inhalt, Bezug zum Unternehmen sowie eine nachvollziehbare Website-Struktur