LEKTION 17 / BEDIENBARE DEMO
Navigation ausprobieren.
Diese Beispielseiten zeigen dieselbe Informationsarchitektur in Sidebar und unterer Navigation. Alle Inhalte sind fiktiv.
Responsive Demo: breite Fläche mit Sidebar, schmale Fläche mit vier unteren Einträgen. Alle Links führen zu lokalen Beispielseiten. „Mehr“ ist eine eigene Übersichtsseite, kein ARIA-Menü. Die Einstellungen bleiben beim Wechsel als URL-Parameter erhalten.
FIKTIVE PROJEKT-APP
Kalender
Auf Mobile unter „Mehr“ erreichbar · aktueller Bereich: Kalender.
Beispieltermin: Design-Review um 14 Uhr. Die Kalenderpriorität ist in der zweiten Variante eine Annahme über zeitkritische Aufgaben, kein Ergebnis einer echten Studie.
Deine nächste Aufgabe
Wechsle zu Aufgaben, öffne über „Mehr“ die Einstellungen und finde anschließend den Kalender. Beobachte Beschriftung, aktiven Zustand und den Weg zurück.
Geprüft werden Auffindbarkeit und Orientierung. Es gibt weder eine echte Projektverwaltung noch erfundene Nutzerergebnisse.
Ende des Beispielinhalts. Diese letzte Aktion liegt oberhalb der unteren Navigation und bleibt im eigenen Inhaltsbereich erreichbar.
Die App-Fläche hat einen eigenen scrollbaren Inhaltsbereich. Die untere Navigation belegt eine eigene Rasterzeile, deren Höhe mit dem Text wächst. Sie liegt dadurch nicht über dem Inhalt. Das simulierte 200-%-Textmaß ersetzt keine Prüfung mit Browserzoom und echten Geräten.