NAVIGATION
Die Navigation ist das Inhaltsverzeichnis einer Seite. Hier helfen wir dem User dabei, sich einen Überblick zu verschaffen. Man muss verstehen, wo man sich gerade befindet, wie man wieder zurück kommt oder weiter gehen kann, und was die Anwendung alles zu bieten hat.
Hauptnavigation
Die Hauptnavigation befindet sich meistens im oder unter dem Header Bereich, oder am linken Seitenrand meist vertikal. Die Hauptnavigation sollte immer sichtbar sein, sich beim Scrollen mitbewegen und hierarchisch angeordnet sein. Das menschliche Gehirn kann in der Regel nur 7 Einheiten gleichzeitig erfassen. Aus diesem Grund werden die wichtigsten Bereiche zuerst genannt und nicht mehr als 7 Einheiten in der Hauptnavigation verwendet.
Mobile Navigation
Auf mobilen Endgeräten ist der Platz begrenzt. Wir verwenden daher das "Burger"-Symbol als Menü denn es ist den meisten Anwender:innen bereits bekannt. Mit einem Klick werden die detaillierten Optionen eingeblendet. Die einzelnen Menüpunkte sollten problemlos antippbar sein. Sidebars und Mega Menüs eignen sich nicht für mobile Endgeräte. Solche Elemente sollten versteckt, oder, wenn notwendig, durch den User aktiviert werden.
Dropdown Menü
Das wichtigste bei einem Drop-down Menü ist die durchdachte Informationsstruktur. Bevor es umgesetzt wird, ist es wichtig, die Unterpunkte so zu benennen, wie es für den User am Verständlichsten ist. Weiterhin ordnen wir die Unterpunkte nach den Zielen des Users.
Das Drop-down Menü sollte sich bei Mouseover nicht zu schnell öffnen und es sollte sich bei Mouseout auch nicht wieder zu schnell schließen. Hier wird eine Verzögerung von 0,5 Sekunden empfohlen
