Menü-Navigationen für Websites

Die Website-Navigation auf Smartphones kann auch entscheidend dafür sein, ob Besucher auf Ihrer Seite verweilen. Haben wir Ihnen im letzten Blog kostengünstige Möglichkeiten präsentiert, prüfen wir nun die Tauglichkeit von Menü-Navigationen.

AUSWAHL-MENÜ

Ein Auswahl-Menü am Kopf der Seite ist die Lösung, um wild wuchernde Navigationen für kleine Bildschirme zu zähmen. Durch einen Klick öffnet sich das Menü wie bei Formularen. Je nach Gerät tritt die Auswahl auch optisch in den Vordergrund.

Vorteile

Platz-Macher: Das Auswahl-Menü braucht viel weniger Platz als jede Liste.

Orientierung: Anders als die Footer-Navigation findet hier die ganze Interaktion im Header statt, wie es sich Nutzer gewöhnt sind.

Einfach erkennbar: Durch die Kennzeichnung als «Navigation» ist das Auswahl-Menü als solches für den Nutzer einfach erkennbar.

Nachteile

Knifflige Umsetzung: Auswahl-Menüs sind für die Grafik eine Herausforderung. Jeder Browser zeigt Auswahl-Menüs anders an. Das kann das Design einer eigentlich schönen Seite ruinieren.

Potentiell verwirrend: Benutzer sind sich Auswahl-Menüs normalerweise für Formulare gewöhnt. Es besteht die Gefahr, dass sie Mühe haben, das Element ausserhalb des gewohnten Kontexts zu verstehen.

Subnavigation: In einem Auswahl-Menü kann zwar eine Subnavigation untergebracht werden, sie sieht aber nicht attraktiv aus.

MENÜ-BUTTON

Für kleine Bildschirme kann man eine ganze Navigation auch in einem Menü-Button verstecken. Klickt man auf den Button, wird die Navigation zu Beginn der Seite aufgefaltet.

Vorteile

Orientierung: Der Nutzer bleibt im Headerbereich. So ist er es gewohnt.

Eleganz: Die Navigation besticht mit elegantem Aufklappen für die einzelnen Punkte. Sie springt nicht ans Ende der Seite und beinhaltet kein ungewohntes Auswahl-Menü.

Ausbaufähig: Da man die Navigation mit einem Klick auf- und einklappen kann, lässt sie sich beliebig erweitern ohne die Bedienbarkeit zu beeinträchtigen.

Passt sich gut an: Auf grösseren Bildschirmen kann diese Navigation direkt, ohne Button, umgesetzt werden.

Nachteil

Leistung bei Animation: Wird das Ausklappen animiert, kann das gerade bei Android-Geräten zu langen Ladezeiten führen, was den Benutzer irritieren kann.

Fazit

Menü-Navigationen sind nicht nur platzsparend, sondern brillieren auch mit Eleganz und Userfreundlichkeit. Bei der Umsetzung muss unbedingt darauf geachtet werden, dass die Menüs nicht verwirrend sind und keine unnötigen Ladezeiten verursachen. Ein gut durchdachtes Konzept ist unabdingbar.

Dies gilt auch für die Paradedisziplinen der Website-Navigationen. Diese präsentieren wir Ihnen im nächsten Blog.