Kriterien für gute Navigation

Einführung

Das Navigationssystem auf Ihrer Website beantwortet Ihrem Besucher die Fragen

Wo bin ich? - auf dieser Website / im gesamten World Wide Web?

Wo war ich / welchen Weg bin ich gekommen?

Wo kann ich hingehen?

Steve Krug weist uns darauf hin, dass Navigation weitere Funktionen hat:

Navigation gibt uns etwas zum Festhalten, 'virtuellen Boden unter den Füßen'.
Navigation zeigt uns, was da ist - indem sie einen Überblick über den Inhalt gibt.
Navigation zeigt uns, wie wir die Website benutzen können; wenn die Navigation gut ist, ist keine weitere Hilfestellung nötig.
Eine gute Navigation hinterlässt einen guten Eindruck. Der Besucher hat Vertrauen, dass die Leute hinter der Website wissen, was sie tun.

(Steve Krug: Don't make me think. 2000, S. 59/60)

In Nielsen/Lorangers (2006, S. 27) umfangreicher Untersuchung gelangten mehr als die Hälfte der Kunden zunächst auf eine untergeordnete Seite ("deep link") einer aufgerufenen Website, weil sie durch eine Suchmaschine darauf verwiesen wurden. Umso wichtiger sind folgende Orientierungshilfen auf jeder einzelnen Seite.

Logo in der oberen linken Ecke verweist auf die Homepage
Ein Klick auf das Logo führt von jeder Seite auf die Homepage
Suchfeld in der oberen rechten Ecke jeder Seite
Breadcrumb-Pfad, der anzeigt, wo sich der Kunde innerhalb der Site befindet

Kriterien

Die unten aufgeführten Kriterien wurden zum größten Teil aus folgender Quelle direkt übernommen und übersetzt: David K. Farkas and Jean B. Farkas: "Guidelines for Designing Web Navigation" In: Technical Communication (2000) Vol. 47, No. 3 (Sonderheft)

1 Gelungene Links

1.1 Sind alle Links klar als solche erkennbar?

Allgemein bekannte Anzeichen für Links sind Unterstreichungen und der erhobene Button mit seiner 'Drück-Aufforderung'. Diese Effekte sollen für keine anderen Zwecke verwenden werden.
Link-Design ist auch durch semantische Hinweise möglich (z.B. "About"), außerdem durch Layout + Formatierung (z.B. vertikale Liste von Phrasen in einer Box). Vorsicht: Diese Hinweise werden weniger zuverlässig erkannt.
Grafiken werden im Gegensatz zu Icons häufig nicht als Links erkannt. Eine spezielle Beschriftung soll auf die Linkfunktion hinweisen.

1.2 Sind die Links sichtbar?

Links sind auf vollgestopften Seiten schwerer zu entdecken.
Die wichtigsten Links müssen ohne Scrollen sichtbar sein - und zwar unabhängig von der Bildschirmauflösung.
Wenn sich Scrollen nicht vermeiden lässt, deutet ein optischer Hinweis dem Besucher an, dass mehr Links weiter unten zu erwarten sind (z.B. durch eine halb sichtbare Grafik am unteren Rand).

1.3 Machen alle Links deutlich, wohin sie verweisen?

Zusätzlicher Text und Maus-Roll-Over verdeutlichen - wenn nötig -, wohin ein Link verweist.
Beschriftungen und Text in ALT-Tags verdeutlichen das Verweisziel von Icons. ALT-Tags sind besonders zu empfehlen, weil sie von Text-Browsern und von Browsern mit Sprachausgabe erkannt werden; sie tragen zur Barrierefreiheit bei.
Die Link-Beschriftungen unterscheiden deutlich unterschiedliche Linkziele.
Durch eine deutliche Kennzeichnung des Link-Typs erkennt der Besucher, was geschehen wird, wenn er klickt (z.B. ein Mail-Fenster öffnet sich, eine externe Seite wird aufgerufen, ein Download erfolgt ...).
Neue Browserfenster werden nur dann geöffnet, wenn Web-fremde Dokumente geöffnet werden (z.B. pdf-Dateien, Powerpoint-Dateien).

2 Umfangreiche Linksammlungen

2.1 Ist das Verhältnis zwischen Breite und Tiefe der Hierarchie gelungen?

Breite geht vor Tiefe; dieses Prinzip hat natürlich seine Grenzen.
Damit Besucher sich in einem breiten Angebot von Links orientieren können, werden Links gruppiert, und die Gruppen werden mit Überschriften versehen.

2.2 Werden die primären Links wenn erforderlich durch sekundäre Links ergänzt?

Abkürzungslinks (z.B. zu häufig nachgefragten Seiten) ermöglichen direkten Zugriff von der Homepage auf wichtige Knotenpunkte, die eigentlich tiefer in der Hierarchie liegen.
Assoziative Links weisen auf eine besondere Beziehung zwischen zwei Knotenpunkten hin.

2.3 Ist Polyhierarchie zugelassen?

Mehrere primäre Links können sich in einem Knotenpunkt treffen, wenn sich der Knotenpunkt inhaltlich mehreren übergeordneten Links zuordnen lässt - vor allem dann, wenn voraus zu sehen ist, dass Besucher diesen Link an unterschiedlichen Orten vermuten.
Wenn die Website strikt hierarchisch ist, wird von polyhierarchischen Zuordnungen so wenig Gebrauch wie möglich gemacht, damit der Besucher die Hierarchie immer noch klar erkennen kann.
Anders bei umfangreichen, komplexen Websites (z.B. E-Commerce): Polyhierarchische Zuordnungen sind nützlich; viele Knotenpunkte sind Endpunkte sich überlappender Hierarchien.
Die Knotenpunkte, an denen sich übergeordnete Links treffen, werden kontextabhängig eingeführt, d.h. die Zielseite zeigt dem Besucher an, von welchem übergeordneten Knotenpunkt er warum hier her fand.

2.4 Ist die zugrunde liegende Informationsstruktur deutlich?

Das Interface hilft dem Besucher, sich eine mentale Landkarte der Knoten-Link-Struktur von der Site vorzustellen.
Auf der Homepage sind die Links zu den Hauptzweigen der Hierarchie (Primäre Links) hervorgehoben. Abkürzungslinks und Links zu Tools (wie 'Hilfe' und 'Suche') unterscheiden sich deutlich von primären Links.
Auf Seiten unterer Hierarchieebenen kann der Besucher Links zur nächst tieferen Ebene leicht von verschiedenen sekundären Links unterscheiden.
Hervorhebungen und Markierungen in den Navigationsleisten ermöglichen es dem Besucher, sich ein Bild von ihrer augenblicklichen Position in der Hierarchie zu machen.

3 Orientierung

3.1 Die Orientierungsinformation auf der Homepage ist

klar, kurz und auffällig

Um sich auf einer unbekannten Website orientieren zu können, muss der Besucher den Namen der Site kennen, ihren Zweck und den Sponsor/Betreiber. Wenn Zweck und Sponsor/Betreiber aus dem Kontext heraus selbstverständlich sind, muss diese Information nicht explizit vorhanden sein.

Orientierungsinformation ist deutlich sichtbar. Sie ist nicht von anderen Elementen überdeckt - Werbebanner eingeschlossen.

Orientierungsinformation auf der Homepage einer Subsite verdeutlicht die Identität der Subsite, ihren Zweck und ihre Beziehung zur Hauptsite.

3.2 Unterstützt die Orientierungsinformation auf den untergeordneten Seiten die Erkundung der gesamten Website?

Ein Site-Name bzw. ein Logo identifizieren die Gesamtsite auf allen Hierarchieebenen.
Orientierungshilfen verdeutlichen die Unterschiede zwischen Teilen der Site und sorgen gleichzeitig für Kontinuität in der Wahrnehmung des Besuchers.

4 Ergänzungen zum Surfen

4.1 Gibt es eine Sitemap, die einen Überblick über die Gesamtstruktur der Site zeigt und direkten Zugriff auf einzelne Knotenpunkte bietet?

Die Sitemap enthält sämtliche Hierarchieebenen, obwohl Platznot die Anzahl der angezeigten Ebenen begrenzen könnte.
Sitemaps sind nützlicher, wenn sie den gegenwärtigen Standort angeben ("Sie sind hier" oder "last page visited")
Wenn es nicht möglich scheint, eine vollständige Sitemap anzubieten, ist es besser, darauf zu verzeichten, als eine rudimentäre Sitemap anzubieten.

4.2 Gibt es eine Suchmöglichkeit oder einen Index mit direktem Zugriff auf den Inhalt?

Es gibt eine Suchmöglichkeit, es sei denn, die Website hat einen geringen Umfang (weniger als 100 Seiten).
Bei der Auswahl der Suchmaschine und der Anpassung ihres Interfaces an die Site spielen folgende Einflussgrößen eine Rolle:
- die Größe der Site
- ihre Informationsstruktur
- die Informationsbedürfnisse der Besucher
Es gibt einen Suchmodus für Besucher, die ein Wort oder eine Phrase eingeben, und ein zweites Interface für Besucher, die komplexe Suchformulierungen verwenden wollen. Das Interface ist optimiert für die am häufigsten aufretenden Sucharten.
Die Suchergebnisse werden in geeigneter Reihenfolge aufgelistet und bieten genügend Information über jede Seite, so dass der Besucher eine Relevanzentscheidung treffen kann.
Ein guter Index führt in der Regel zu besseren Suchergebnissen als eine Suchmaschine. Allerdings ist es teuer, einen Index zu erstellen und zu pflegen. Wenn die Website klein und wenig Änderungen unterworfen ist, ist ein Index zu bevorzugen.

4.3 Ist auf jeder Seite ein Link zur Homepage?

Es gibt von jeder Seite einen Link zur Homepage.
Es hat sich als Konvention durchgesetzt, dass das (Firmen-) Logo oben links als Link zur Homepage interpretiert wird.
Wenn die Website aus mehreren Unter-Web-Sites besteht, gibt es einen Link von jeder Seite zu der Homepage der jeweiligen Unter-Web-Site. Ein zusätzlicher direkter Link zur Homepage der Haupt-Web-Site ist sinnvoll.

[Update: 01. Februar 2009 - Prof. Ursula Schulz, HAW Hamburg, Department Information]