Navigationsleisten

Die Navigationsleiste im PEIQ PORTAL ist der dritte Bereich des Headers, auch Top-Bar genannt. Hier wird definiert, welche Rubriken und Kategorien wo gesetzt werden.

Funktionalitäten der Navigationsleisten

Hinterlegung der Rubriken und Kategorien des PORTALs
Intuitive Bedienung im Mobilen dank Off-Canvas-Navigation

Inhaltsverzeichnis

1 Allgemeine Beschreibung
2 Navigation im Mobilen
3 Verwandte Seiten

Allgemeine Beschreibung

In der Navigationsleiste sind die kundenspezifischen Links gesetzt (Best Practice: Rubriken des Nachrichtenportals, Startseiten von Veranstaltungskalender, Kleinanzeigenmarkt und Pinboard). Die Topbar wird in der mobilen Ansicht ausgeblendet und findet sich im Hambuger-Menü der Titlebar wieder. Neben Buttons sind in der Top-Bar auch Drop-Down-Menüs möglich. Auch der Heimatort und der Absprung auf das Benutzermenü können hier eingebettet werden. Bei unangemeldeten Benutzer:innen wird statt dem Benutzermenü der Anmelden-Button angezeigt.

^{Ansicht Header: Navigationsleiste mit Drop-Down, unangemeldet}

^{Ansicht Header: Navigationsleiste, angemeldet}

Navigation im Mobilen

Um die Navigation im Mobilen leicht bedienbar zu gestalten, wird die Navigationsleiste dort zu einem Off-Canvas-Menü.

^{Moblie Ansicht des Headers mit Off-Canvas-Navigation}

Beim Klick auf das Menü-Icon schiebt sich das Off-Canvas-Menü über die Seite. Hier sind alle Punkte zu finden, die in der Desktop-Ansicht in der Navigationsleiste sind, inklusive der Verortung und Suche. Im unangemeldeten Zustand wird der bzw. die Benutzer:in hier durch einen Hinweis auf die Anmelden/ Registrieren-Seite, animiert, sich im PORTAL einzuloggen bzw. anzumelden. Im angemeldeten Zustand ist ein Hinweis auf das Benutzermenü verlinkt sowie die Möglichkeit, sich abzumelden.

^{Off-Canvas-Navigation – unangemeldete:r Benutzer:in}

^{Off-Canvas-Navigation – angemeldete:r Benutzer:in}

Navigationsleisten

Allgemeine Beschreibung

Navigation im Mobilen

Verwandte Seiten