Was ist eine Bottom Navigation?

UX-Designerin testet eine gut erreichbare untere Navigation auf Smartphone und Tablet

Der Vorteil liegt in der guten Erreichbarkeit mit dem Daumen und in einer stabilen Orientierung. Geeignet ist das Muster vor allem für drei bis fünf häufig genutzte Hauptziele. Seltene Funktionen, lange Bezeichnungen oder tief verschachtelte Unterpunkte gehören nicht in die Leiste. Auf breiten Displays kann eine Seitenleiste oder andere adaptive Navigation sinnvoller sein.

Die schnelle Definition

Eine Bottom Navigation ist eine dauerhaft am unteren Rand kleiner Displays platzierte Navigationsleiste für wenige, gleichrangige Hauptbereiche einer App oder Webanwendung. Sie zeigt den aktuellen Bereich eindeutig an und ermöglicht den direkten Wechsel zwischen zentralen Zielen. Sie ist kein Ersatz für jede Website-Navigation.

Warum ist Bottom Navigation wichtig?

Eine sauber umgesetzte Bottom Navigation verkürzt Wege, macht den aktiven Zustand sichtbar und bleibt per Tastatur sowie Screenreader verständlich. Zielgröße, Kontrast, Beschriftung, Fokusreihenfolge und der Umgang mit Systemleisten müssen auf realen Mobilgeräten geprüft werden.

So wird Bottom Navigation in der Praxis eingesetzt

Informationsarchitektur begrenzen: Nur die wichtigsten, gleichrangigen Hauptziele auswählen und keine Aktionssammlung daraus machen.
Aktiven Zustand kennzeichnen: Icon und Textlabel gemeinsam nutzen; Auswahl nicht allein durch Farbe oder eine Animation vermitteln.
Bedienbarkeit absichern: Ausreichend große Ziele, sichtbaren Tastaturfokus und zugängliche Namen für alle Einträge bereitstellen.
Adaptiv testen: Safe Areas, Browserleisten, Bildschirmzoom, Querformat und alternative Navigation auf Tablet und Desktop kontrollieren.

Praxisbeispiel

Eine mobile Kundenanwendung bietet unten die vier Ziele Start, Aufträge, Nachrichten und Profil. Beim Wechsel bleibt der Zustand des jeweiligen Bereichs erhalten. Der aktive Eintrag besitzt ein sichtbares Label und einen programmatisch ermittelbaren Zustand; im Desktop-Layout werden dieselben Ziele in eine Seitenleiste überführt.

Häufige Fehler

Sechs oder mehr Ziele, Untermenüs und eine hervorgehobene Hauptaktion konkurrieren in derselben schmalen Leiste.
Icons erscheinen ohne verständliche Beschriftung oder zugänglichen Namen und sind nur durch Farbe unterscheidbar.
Die Leiste verdeckt Inhalte, Cookie-Steuerung oder Systemgesten, weil Safe Areas und Zoom nicht getestet wurden.

Bedeutung für Google, Bing und KI-Suchsysteme

Für SEO ist die Bottom Navigation kein eigener Rankingfaktor. Sie kann jedoch wichtige Hauptseiten intern verlinken und die mobile Nutzung verbessern. Links müssen als echte, crawlbare Verweise ausgegeben werden; redundante mobile und Desktop-Navigation darf nicht zu widersprüchlichen Zielen oder Beschriftungen führen.