Navigationselemente (Screendesign)

Navigationselemente sollen dem User ermöglichen, sich auf einer Webseite zu bewegen und gezielt bestimmte Orte zu besuchen. Auch hier braucht der Benutzer eine Antwort auf folgende Fragen.

• Wo befinde ich mich ?
• Wo kann ich hingehen ?
• Wie gelange ich dort hin ?
• Wie komme ich dorthin zurück, wo ich schon war ?

Können alle diese Fragen vom Nutzer beanwortet werden kann er intuitiv navigieren, kurz gesagt es besteht eine Orientierungsstruktur, die ihn dorthin führt, wo er hin möchte. Falls diese nicht oder nur ausreichend vorhanden ist kann der Benutzer die Webseite im schlimmsten Fall vorzeitig verlassen, ohne sich mit dem eigentlichen Inhalten zu befassen. Ein Navigationsschema kann sich aus folgenden Navigationseinheiten zusammensetzen...

1. Primäre Navigation
Sie zeigt die Hauptgebiete und -kategorien des Angebots in Form von Textlinks oder Buttons und ist meistens links oben auf der Seite positioniert, da das menschliche Auge intuitiv von oben nach unten und von links nach rechts wandert. Für die Anordnung der Navigationsleisten hat sich das "kopfstehende L" weitestgehend durchgesetzt.

2. Sekundäre Navigation
Öffnet ein Button oder Textlink ein Untermenü, muss die Obergruppe für eine gemeinsame Aktion klar (z.B. farblich abgesetzt) erkennbar sein.

3. Home Button
Ein bekanntes Navigationselement ist der Home Button. Jede Seite sollte grundsätzlich einen deutlich platzierten Link zurück zur Startseite haben. Sehr oft wird das Logo, da es auf jeder Seite erscheinen soll mit dem Home-Link versehen. Es empfielt sich aber eine Schaltfläche mit dem Text Home zu versehen um den Home Button eindeutig zu machen.

4. Suchfunktion
Bei umfangreichen Webseiten ist eine Suchfunktion empfehlenswert um Nutzern, die eine genaue Zielvorstellung haben, schnell an ihr Ziel zu führen. Um Irritationen zu vermeiden muss das Suchelemente immer an der gleiche Stelle auf allen Seiten zu finden sein.

5. "Vor- und Zurück-Buttons"
Damit dem Besucher die Navigation erleichtert wird können zusätzlich Vor- und Zurück-Buttons in die einzelnen Seiten eingebaut werden um den Wechsel in eine andere hierarchische Ebene zu ermöglichen.

6. Alternative Navigation
Durch das Anbieten alternativer Navigationsmöglichkeiten soll verhindert werden, dass jemand völlig oder teilweise von der Navigation ausgeschlossen wird. (z.B. durch Verwendung von Javascript oder Flash Elementen). Als Alternativen können Bilder, Sitemaps, Hotspots oder Piktogramme verwendet werden. Beim Design ist jedoch zu beachten, dass diese vom Anwender eindeutig als Navigationselement erkennbar sind. (z.B. durch farbliche Hervorhebung)

7. Lesezeichen/Favoriten anlegen
Lesezeichen (oder auch Bookmarks) haben den Nutzen, dass der Anwender seine Lieblingswebseiten schnell finden und besuchen kann. Sie sind daher zu einem wichtigen Navigationsmittel geworden, da ein Großteil der Surfer bestimmte Seiten sehr häufig anläuft.