Navigationsstruktur & Seitenaufbau
Aufbau der Navigation
Die Navigation des Webauftritts umfasst eine Hauptnavigation (im oberen Balken im Frontend) und das Flyout (Untermenü, das sich bei Klick auf einen Navigationspunkt nach unten hin öffnet, sobald diese Seite Unterseiten hat). In der Hauptnavigation können maximal sechs Punkte/Themen vergeben werden, die aber recht kurz formuliert sein sollten, da die Navigation sonst in eine zweite Zeile umbricht. Das ist sehr unübersichtlich für die Nutzer*innen und sieht zudem auch nicht schön aus.
Die Hauptnavigation im Balken kann Untermenüpunkte haben die sich auf drei Unterebenen verteilen. Jede Unterebene sollte maximal neun Punkte/Themen haben, da das Flyout mit dem Untermenü sonst aus der Bildschirmansicht unten herausläuft und die Nutzer*innen somit scrollen müssen. Das ist dann für diese etwas lästig oder aber manche Navigationspunkte können dadurch übersehen werden.
Erstellung der Navigation
Die Befüllung/Erstellung der Navigation erfolgt über den Aufbau des Seitenstrukturbaumes. Dabei bilden die ersten sechs Seiten die unmittelbar der Startseite untergeordnet sind, also auf erster Ebene liegen, die Hauptnavigation im Balken. Die Seiten auf zweiter Ebene bilden die Unterpunkte der jeweiligen Seite der sie untergeordnet sind, die Unterseiten von den Seiten der Ebene zwei, also Seiten auf Ebene drei, bilden wiederrum deren Unterseiten usw. Wie gesagt gibt es die Ebene der Hauptnavigation plus die drei Ebenen im Flyout.
Wichtige Hinweise zur Erstellung der Navigation
Die Navigationsstruktur sollte zur besseren Orientierung übersichtlich und auf das Wichtigste reduziert sein. Der Aufbau führt gezielt durch den gesamten Webauftritt und ist ein Abbild der Themen der Website.
Diese Aspekte sind gerade auf Hinblick der Barrierefreiheit sehr wichtig. Die Navigationsstruktur wird zum Beispiel linear von Screenreadern vorgelesen und muss deshalb gut strukturiert Orientierung bieten und darf keine thematischen Sprünge oder Lücken aufweisen.