Webdesign und Web-Ergonomie. Websites professionell gestalten

3 Navigation (S. 35)

Jede Website ist nur so gut wie ihre Navigation. Sie muss daher sorgfältig konzipiert werden. Dazu gehören:

- die Auswahl und Kombination der richtigen Navigationsstrukturen: Wissensbaustein »Navigationsstrukturen« (S. 35)

- die Anforderungen an eine gute Navigation kennen und umsetzen können:

Wissensbaustein »Navigation: Anforderungen« (S. 44)

- die Navigationsbereiche auf den Webseiten optimal anordnen können:

Wissensbaustein »Navigationsbereich platzieren« (S. 50)

- die systematische und ästhetische Gestaltung der Hyperlinks: Wissensbaustein »Hyperlinks darstellen« (S. 55)

- die Ergänzung der Navigationsstrukturen um eine lokale Suchmaschine:

Wissensbaustein »Suchen in Websites« (S. 61)

- zusätzlich einen Überblick über die Inhalte und Strukturen der Website anbieten:

Wissensbaustein »Site Map/Site Index« (S. 65)

3.1 Navigationsstrukturen

Die primäre Navigation bildet die oberste Strukturierung für eine Website. Sie wird ergänzt um die sekundäre Navigation. Primäre und sekundäre Navigation werden durch Hyperlink-Strukturen dargestellt: Baumstruktur, Register, Listen, Pull-Down-Menüs, hyperbolische Bäume. Das Gegenstück dazu bilden die unstrukturierten Hyperlinks innerhalb der Informationsbereiche.

Der Benutzer wird mit Hilfe der Navigation durch die Website geführt. Man unterscheidet primäre und sekundäre Navigation. Die primäre Navigation besitzt für eine Website die gleiche Bedeutung wie die Kapitelstruktur für ein Buch. Sie teilt die Website in Hauptkategorien (sections) ein und sollte einen schnellen Überblick über die gesamte Website ermöglichen.

Die primäre Navigation soll auf den meisten Seiten einer Website direkt zur Verfügung stehen. Dann kann der Benutzer jederzeit in eine andere Hauptkategorie wechseln. Das ist beispielsweise dann wichtig, wenn sich der Benutzer innerhalb einer Hauptkategorie »verlaufen« hat oder über eine Suchmaschine eingestiegen ist und schnell in einen anderen Bereich der Website wechseln will.

Die sekundäre Navigation entspricht der Strukturierung der einzelnen Kapitel innerhalb eines Buchs. Sie ermöglicht dem Benutzer, zwischen den verschiedenen Seiten innerhalb einer Hauptkategorie zu navigieren. In einer Website sollte jede Seite über die primäre und sekundäre Navigation erreicht werden können. Eine gut gelungene primäre und sekundäre Navigation macht die Struktur der Website transparent und der Benutzer erhält einen Überblick, was es alles der Website zu sehen gibt und welche Wege dahin führen.

Primäre und sekundäre Navigation sollten getrennt vom In- halt der Webseiten angeboten und durch strukturierte Hyperlinks realisiert werden, d.h. Hyperlinks, die in einer Struktur angeordnet sind. Dazu gehören:

Baumstrukturen,

Register,

einfache Listen von Hyperlinks und

klassische Drop-Down-Menüs.

Baumstrukturen ermöglichen dem Benutzer eine gute Orientierung über die Inhalte einer Website. Sie sind daher ideale Navigationsstrukturen für große Online-Shops und für Dokumentsammlungen. Baumstrukturen werden meistens auf der linken Seite und gelegentlich auch auf der rechten Seite im Browser dargestellt.

Wenn die Baumstruktur erstmalig angezeigt wird, dann kön- nen entweder alle Knoten eingeklappt (kommt häufig vor), alle Knoten aufgeklappt (ist nur bei kleinen Bäumen sinvoll) oder nur ein Teil des Baumes aufgeklappt sein. »Aufklappen eines Knotens« bedeutet, dass die direkt darunter liegenden Elemente des Baums sichtbar sind, bei einem »eingeklappten Knoten« ist die darunter liegende Struktur verborgen.