Eine Webseite besteht aus verschiedenen Navigationsinstrumenten, wie zum Beispiel Buttons oder Tabellen, die in einem Navigationssystem, wie zum Beispiel Sitemaps oder hierarchische Navigationsleisten, organisiert sind.
Navigationsinstrumente
Button: Der Button ist eine grafisch gestaltete Schaltfläche mit Bezugswort oder -icon.
Navigationsleiste: In der Navigationsleiste werden mehrere Schaltflächen zusammenhängend unter- oder nebeneinander organisiert.
Dropdown-Menü: Das Dropdown-Menü ist eine tabellarisch aufgebaute Navigation, die erst durch Interaktion des Benutzers sichtbar wird.
Pulldown-Menü: Ähnlich wie das Dropdown-Menü wird das Pulldown-Menü erst durch Interaktion mit dem Benutzer sichtbar, zeigt dann jedoch über eine rein eindimensionale Auflistung die Möglichkeit, weitere Untergruppen sichtbar zu machen.
Navigationssysteme
Hierarchische Navigation: Bei der hierarchischen Navigation werden die einzelnen Elemente geordnet vom allgemeinen zum speziellen dargestellt und ermöglichen so ein jeweils tieferes Einsteigen in eine Thematik.
Sitemap: Die Sitemap stellt alle klickbaren Inhalte auf einem Blick grafisch aufbereitet dar. Bei größeren Projekten kann eine Sitemap unübersichtlich werden und muss aus diesem Grund gegebenenfalls weiter strukturiert werden, wodurch ihr eigentlicher Zweck verloren geht. (schlechtes Beispiel: krefeld.de)
Inhaltsverzeichnis: Wie bei Inhaltsverzeichnissen aus Büchern oder Zeitschriften bekannt werden die Seiten nach Themen strukturiert. Es gibt die Hierarchie der Navigation geordnet in Listenform wieder.
Index: Ein Index sortiert sämtliche Inhalte einer Seite alphabetisch geordnet und gegebenenfalls durch Schlagworte erweitert in Listenform. (z.B.: wikipedia)
Globales Navigationssystem: Direktes Springen von Seite zu Seite, ohne dass man sich durch einzelne Hierarchie-Ebenen klicken muss.
Lineares Navigationssystem: Gute Eignung für längere Texte. Der Besucher profitiert von kurzen Ladezeiten und von einer guten Übersicht über die Gesamtstruktur. z.B. Bestellvorgang in 4 Schritten. (Warenkorb > Anmeldung > Bestätigung > Zahlung)
Ad-Hoc-Navigation: Bei der Ad-Hoc-Navigation werden themenbezogene Verlinkungen direkt in der Seite, zum Beispiel im Fließtext, dargestellt. Dies bietet auf der einen Seite eine Möglichkeit, eine Vielzahl an weiterführenden Inhalten mit einzubeziehen, verschlechtert aber die Übersichtlichkeit. (z.B: wikipedia)