Navigation

Bei der Benutzerführung mit berührungsempfindlichen Bildschirmen sind ergonomische Aspekte zu beachten.  Aus Wikipedia zu Ergonomie: «Ein besonderes Augenmerk liegt auf der Benutzerfreundlichkeit, also der Verbesserung des Arbeitsplatzes, der Arbeitsorganisation und heute meist der Mensch-Maschine-Schnittstelle.» Im Zusammenhang mit Benutzerfreundlichkeit müssen wir uns bewusst sein, wie und wann z.B. eine Touchscreen-Applikation genutzt wird.

Folgenden Situation: Sie sind in einer Ihnen fremden Stadt und wollen ein gebuchtes Hotel finden. Sie haben Ihr Mobiltelefon in der einen Hand und in der anderen Ihr Gepäck. Nun suchen Sie einhändig Ihr Hotel auf einer Kartenapplikation wie z.B. Google Mapps. Letztlich bleibt Ihnen nur der Daumen der einen Hand, denn mit den anderen Fingern fixieren Sie das Mobiltelefon.

https://medium.com/tall-west/lets-ditch-the-nav-bar-3692cb17cc67

Die Abbildung oben zeigt, dass bei grösseren Mobil-Geräten nicht alle Bereiche des Bildschirms bequem – also natürlich – zu erreichen sind.

Aus ergonomischer Sicht ist eine Navigation bei Mobil-Geräten dann gut zu erreichen, wenn sie im unteren Bereich des Bildschirms platziert ist.


Unten Beispiele von Apps mit der Navigation am untern Sichtbereich des Bildschirms

https://alty.co/blog/8-best-mobile-navigation-design-examples/

Was ist beim Design von Menüs am unteren Bildschirmrand zu beachten:

  • Begrenzen des Menüs auf maximal 2 bis 5 Elemente.
  • Icons selbsterklärend und die dahinter stehende Funktionalität anzeigen.
  • Icons nicht mit Texten verbinden sonst wird das Menü unübersichtlich.

Weitere Formen mobile Navigation

Unteres Menü mit Aktionen (Submenü)

Die Reduzierung des Inhalts auf fünf Menüpunkte kann für eine Applikation mit  vielen Inhalten (Tiefe Menüstuktur) ungeeignet sein . Eine intelligente Lösung dieses Problem besteht darin, eine zentrales Hauptmenü mit zusätzlichen  Menüpunkten hinzuzufügen, die nach dem Klicken zusätzliche Navigationsoptionen anzeigt.

Unten die App «Yelp» als Beispiel eines unteres Menü mit Aktionen (Submenü).


Listenmenü


Ganzseitiges Listenmenü

Sehr intuitiv; starke Betonung von Bild; grosszügige Erscheinung.
Gefahr: der User kann sich «verlaufen».
Darum: Home-Funktion vorsehen.


Kachelmenü

Vorteile wie ganzseitiges Listenmenü.
An Home-Funktion denken.


Menüleiste oben

Navigation oben und unten kann etwas verwirren; wenig intuitiv.


Gestengesteuerte Navigation

Eignet sich nicht für komplexe Inhalte, insbesondere reine Wischnavigation (nur Ja-Nein-Funktion).


Kreismenüe

Sehr spielerische Navigation, wirkt intuitiv, kann aber verwirren.