Navigationsmenü optimieren

Die Navigation auf einer Website kann die Erfahrung Ihrer Besucher entscheidend beeinflussen. Je einfacher und ansprechender Ihre Navigation ist, desto mehr Zeit werden die Benutzer auf Ihrer Website verbringen. Wenn man versucht, auf einer Website ohne eine logische, klar definierte Struktur zu navigieren, ist das so, als würde man inmitten eines komplexen Labyrinths ohne Karte und ohne Anhaltspunkte ausgesetzt. Es ist überwältigend, frustrierend und rundum unangenehm – nicht gerade die Benutzererfahrung, die Sie sich erhoffen.

Die Erstellung eines guten Navigationssystems ist jedoch leichter gesagt als getan. Deshalb haben wir uns acht Möglichkeiten entwickelt, wie Sie den Benutzern helfen können, ihren richtigen Weg zu finden. Sie machen aus einer potenziell negativen Erfahrung eine großartige.

1. Optimieren Sie die Navigation Ihrer mobilen Website

Ein Navigationsmenü, das auf Mobiltelefone reagiert, ist für jede E-Commerce-Website unerlässlich. Die Verbraucher erwarten, dass die mobile Benutzererfahrung einer Website genauso gut, wenn nicht sogar besser ist als die des Desktops. Bieten Sie Ihren Website-Besuchern eine ansprechende, optimierte Navigationsleiste, und Sie werden garantiert eine Verbesserung Ihrer mobilen Conversion-Rate feststellen.

Die Kosmetikmarke Frank Body hat ein hervorragendes Webdesign, das auf mobile Endgeräte eingeht. Ihre Hauptnavigationsleiste bleibt beim Herunterscrollen der Seite am oberen Rand des Bildschirms, und sie haben auch ein separates, Menü am unteren Bildschirmrand, das Produktkategorien anzeigt (siehe Beispiel unten).

2. Ersetzen der Drop-Down-Menüs

Wenn die Optionen in Ihrem Dropdown-Menü ziemlich komplex, wenig vertraut oder umfangreich sind, sollten Sie erwägen, sie durch eine Detailseite zu ersetzen. Untersuchungen zur Benutzerfreundlichkeit zeigen, dass Dropdown-Menüs lästig sind; zudem werden Sie wertvolle Informationen weglassen müssen, um alles anzupassen.

Apple hat diese Strategie eingesetzt, um Kunden bei der Navigation durch das Supportmenü zu unterstützen. Anstatt alle Support-Optionen in ein Dropdown-Menü zu packen, hat man sich dafür entschieden, eine ganze Seite zu erstellen, auf der jede angebotene Produktkategorie aufgeführt ist. Dank der visuellen Gestaltung ist es einfach, die richtige Option zu finden.

3. Ermöglichen Sie eine effiziente Suche auf der Website

Nutzer, die eine Suche auf einer Website durchführen, konvertieren etwa zwei Mal häufiger als Nutzer, die dies nicht tun.

Das macht Sinn: Besucher, die die Suche nutzen, haben in der Regel die Absicht zu kaufen oder zu handeln. Außerdem finden sie viel eher, was sie suchen.

Spiele Max ist ein hervorragendes Beispiel für ein Unternehmen, das sich stark auf die Suchfunktion seiner Website konzentriert. Geschäfte, die Tausende von Artikeln in einer Vielzahl von Produktkategorien führen, benötigen eine gut sichtbare Suchleiste, damit ihre Kunden genau das finden können, was sie suchen. Auf der mobilen Version ihrer Website können Sie sehen, dass sie sich an ein sehr minimales Design halten: eine Schaltfläche für das Hamburger-Menü, eine Schaltfläche für den Einkaufswagen, eine Schaltfläche für Suchleiste und eine Schaltfläche für den Filialfinder.

Etsy ist ein weiteres gutes Beispiel dafür, wie Sie Ihre Suchleiste in der Hauptnavigationsleiste prominent anzeigen können. Für einen E-Commerce-Shop wie Etsy ist die Suche auf der Website ein wesentlicher Bestandteil der Benutzererfahrung. Damit die Kunden die Suchleiste leicht finden können, zeigen sie sie prominent in ihrer Navigationsleiste sowohl auf dem Handy als auch auf dem Desktop an, um ihre Kunden zur Verwendung der Suchleiste zu bewegen.

4. Überblick bereitstellen

Um Besuchern zu helfen, die richtige Seite zu finden, ohne dass ein einziger Klick nötig ist, fügen Sie Hinweise in Ihr Drop-Down-Menü ein. Ein Hinweis kann ein praktisches Symbol, eine visuelle oder eine andere hilfreiche Information sein.

Zum Beispiel zeigt die Registerkarte „Kategorie“ auf Awwwards nicht nur die verschiedenen Kategorien an – sie zeigt auch an, wie viele Einträge sich in jeder Kategorie befinden.

5. Erstellen Sie separate Menüs für verschiedene Zielgruppen

Es ist immer schwierig, eine Schnittstelle zu entwerfen, die zwei verschiedene Gruppen gleichermaßen bedient. Um sicherzustellen, dass jede Gruppe das findet, was sie braucht – ohne sich durch irrelevante Inhalte wühlen zu müssen – teilen Sie Ihre Links in zwei Gruppen auf.

So hat The Muse zum Beispiel zwei Zielgruppen: Arbeitssuchende und Arbeitgeber. Die ersten vier Links in der oberen Navigationsleiste richten sich an Arbeitssuchende, während der fünfte Link Unternehmen zu ihrem eigenen Abschnitt der Website umleitet. Der Link ist grau, nicht weiß, um anzuzeigen, dass er sich von den anderen unterscheidet.

Für Arbeitssuchende

Für Arbeitgeber

Lyft verwendet das gleiche Konzept auf seiner Homepage. Statt eines traditionellen verschachtelten Navigationsmenüs haben sie für jede Kategorie von Benutzern unterschiedliche Menüs bzw. Einstiegsseiten erstellt. Je nachdem, in welchem Abschnitt der Website Sie sich befinden, sehen Sie unterschiedliche Menüpunkte.

6. Mega-Footer Menü hinzufügen

Die Navigation ist auf jeden Fall ermüdend – und wenn Ihre Website eine komplexe Hierarchie hat, werden die Benutzer schnell müde, weil sie es leid sind, jedes einzelne untergeordnete Menü zu öffnen.

Mega-Footer sind eine optimale Lösung. Sie bieten Navigationslinks zu allen wichtigen Seiten auf Ihrer Website, so dass die Benutzer schnell zu genau dem springen können, was sie suchen. Das Einfügen eines Mega-Footers auf Ihrer Website kann sich positiv auf die Absprungrate Ihrer Website sowie auf die Gesamtkonversionsrate auswirken.

Werfen Sie einen Blick auf den Footer von SIXT, um sich ein Bild zu machen.

Ein Mega-Footer kann auch ein großartiger Bereich sein, um wichtige Keywords zur Verbesserung Ihrer Platzierung auf der Ergebnisseite von Suchmaschinen einzubeziehen. Lassen Sie sich von Footer Menü auf Lieferando.de inspirieren. Wenn Sie versuchen, für eine Reihe von bestimmten Standorten ein Ranking zu erreichen, hilft Ihnen die Einbindung in Ihren Footer, Ihre Local SEO zu unterstützen, ohne dass Sie diese in Ihrem Hauptmenü auflisten müssen.

7. Strategische Auswahl der Menüreihenfolge

Würde man Sie um 12 Artikel aus dem Lebensmittelgeschäft bitten, würden Sie wahrscheinlich mit den ersten beiden Artikeln, den letzten beiden Artikeln und vielleicht einem der mittleren Artikel zurückkommen. Das ist dem Serien Positionseffekt zu verdanken, der zeigt, dass die meisten Menschen sich an den ersten und letzten Artikel einer Liste erinnern.

Sie können diesen Effekt in Ihrem Navigations-Design nutzen. Um die Besucher zu Ihren wichtigsten Links zu führen, platzieren Sie sie am Anfang und am Ende Ihres Menüs.

8. Unterpunkte neu auflisten

Die allgemeine UX-Weisheit schreibt vor, dass man Inhalte nicht wiederholen sollte. Die Navigation ist jedoch eine der wenigen Ausnahmen von dieser Regel. Wenn eine oder mehrere Ihrer Seiten natürlich in zwei Kategorien passen, sollten Sie sie in beiden auflisten.

Das Menü von REI veranschaulicht, warum. Jemand, der sich für den Kauf eines Rucksacks interessiert, könnte unter „Travel“ oder unter „Camping“ nachschauen – egal, auf welche Seite er klickt, man möchte, dass er die entsprechende Rubrik für Rucksäcke findet.

In diesem Beispiel erscheinen beide Navigationsmöglichkeiten offensichtlich. Wahrscheinlich ist Ihnen aber auch aufgefallen, dass die Benutzer Ihre Erwartungen oft nicht erfüllen. Usability-Tests kommen hier definitiv ins Spiel; beobachten Sie, wie Besucher versuchen, den Weg zu bestimmten Seiten zu finden, und achten Sie auf gemeinsame Trends.

Natürlich wollen Sie nicht zu weit in die andere Richtung gehen und jeden Link unter mehreren Überschriften auflisten. Wenn die Besucher immer Schwierigkeiten haben, die entsprechenden Kategorien zu identifizieren, sind Ihre Bezeichnungen wahrscheinlich irreführend oder gar falsch.