Hallo!
Wir haben die gesamte Navigation von ELIZA von Grund auf neu gestaltet! Egal ob du am Desktop-PC arbeitest, auf einem kleinen Laptop-Bildschirm oder unterwegs mit deinem Smartphone – die neue Navigation passt sich perfekt an deine Bedürfnisse an und macht das Arbeiten mit ELIZA noch effizienter.
Was ist neu?
🖥️ Desktop Navigation: Volle Kontrolle
Normale Sidenav (Standard):
- Übersichtliche Modulansicht: Alle Module mit Icons und Namen auf einen Blick
- Intelligente Badges: Aktuelle Anzahl offener Aufgaben, Meldungen oder Dokumente direkt am Modul-Icon
- Aufklappbare Untermenüs: Module mit Submenüs zeigen alle Bereiche kompakt an
- Material Design 3: Modernes, professionelles Erscheinungsbild
- Logo-Header: Kunden-Logo prominent im oberen Bereich
- Dark Mode Toggle: Schalte zwischen hellem und dunklem Design um (nur Desktop)
Mini Sidenav (platzsparend):
- Toggle-Button: Klicke auf das Hamburger-Menü (☰) um die Sidenav zu minimieren
- Icon-Only Ansicht: Zeigt nur die Module-Icons ohne Text – perfekt für mehr Arbeitsbereich
- Hover-Tooltips: Fahre über ein Icon um den Modul-Namen zu sehen
- Badges bleiben sichtbar: Wichtige Zähler siehst du auch im Mini-Modus
- Sofortiges Aufklappen: Klicke ein Icon um direkt zum Modul zu springen
- Mehr Platz für Content: Ideal für Dashboards, Tabellen und große Dokumente
- Persistente Auswahl: ELIZA merkt sich deine Präferenz
📱 Mobile Navigation: Touch-optimiert
Bottom Navigation Bar:
- 5 zentrale Bereiche: START, MODULE, FAVORITEN, POSTEINGANG und PROFIL immer griffbereit
- One-Handed Bedienung: Alle wichtigen Funktionen mit dem Daumen erreichbar
- Live-Updates: Rote Badge-Zahlen für ungelesene Nachrichten aktualisieren sich in Echtzeit
- Material Design 3: Moderne Icons und flüssige Animationen
- iOS Safe Area: Berücksichtigt iPhone-Notch und Home-Bar automatisch
Module Flyout:
- Alle Module im Überblick: Tippe auf MODULE und sieh alle verfügbaren Bereiche
- Accordion-Untermenüs: Klappe Module mit Submenüs auf und zu
- Intelligente Suche: Finde Module und Untermenüs blitzschnell
- Swipe-Down Gesture: Wische nach unten um das Menü zu schliessen
- Badge-Synchronisation: Zeigt dieselben Zahlen wie die Desktop-Version
Favoriten Flyout:
- Alle Favoriten im Überblick: Tippe auf FAVORITEN und sieh alle gespeicherten Seiten
- Intelligente Suche: Finde gespeicherte Favoriten blitzschnell mit dem Suchfeld
- Scrollbare Liste: Alle deine Favoriten übersichtlich aufgelistet
- Direkter Zugriff: Ein Tipp und du bist auf deiner gespeicherten Seite
- Favoriten verwalten: Link zur Verwaltungsseite am Ende der Liste
Profil Flyout:
- Benutzer-Info: Dein Avatar, Name und E-Mail-Adresse im Header
- Mein Profil: Bearbeite deine persönlichen Einstellungen
- Dark Mode Toggle: Schalte zwischen hellem und dunklem Design um
- Abmelden: Sicher ausloggen mit Bestätigung
Wie profitierst du davon?
Für Desktop-Nutzer
- Flexibilität: Wähle zwischen normaler und Mini-Sidenav je nach Bedarf
- Mehr Bildschirmfläche: Mini-Modus gibt dir bis zu 200px mehr Breite für deinen Content
- Bessere Übersicht: Aufklappbare Untermenüs zeigen alle Optionen strukturiert
- Immer informiert: Live-Badge-Zahlen zeigen aktuelle Aufgaben und Meldungen
- Professionelles Design: Material Design 3 macht ELIZA modern und übersichtlich
Für Mobile-Nutzer
- Schnellerer Zugriff: Alle wichtigen Bereiche mit einem Fingertipp erreichbar
- Bessere Ergonomie: Navigation am unteren Bildschirmrand statt oben
- Intelligente Suche: Finde Module schneller als durch Scrollen
- Konsistente Erfahrung: Gleiche Module und Struktur wie auf dem Desktop
- Touch-optimiert: Alle Buttons und Bereiche sind optimal für Touchscreens angepasst
Wie nutzt du die neue Navigation?
Desktop: Normale Sidenav verwenden
- Öffne ELIZA auf deinem Desktop-Computer
- Links siehst du die Sidenav mit allen Modulen
- Modul ohne Untermenü: Klicke direkt auf das Modul um dorthin zu springen
- Modul mit Untermenü (Pfeil-Icon >): Klicke auf das Modul um es aufzuklappen
- Untermenü-Punkt: Klicke auf einen Eintrag um dorthin zu navigieren
- Badge-Zahlen: Rote Zahlen zeigen offene Aufgaben, Meldungen oder Dokumente
- Dark Mode: Klicke ganz unten auf “Dark Mode” um das dunkle Design zu aktivieren
Desktop: Mini Sidenav aktivieren
- Klicke oben links auf das Hamburger-Menü (☰) neben dem Logo
- Die Sidenav klappt ein und zeigt nur noch Icons
- Modul-Name sehen: Fahre mit der Maus über ein Icon
- Navigieren: Klicke auf ein Icon um zum Modul zu springen
- Zurück zur normalen Ansicht: Klicke erneut auf das Hamburger-Menü
- ELIZA merkt sich deine Wahl automatisch
Mobile: Bottom Navigation verwenden
- Öffne ELIZA auf deinem Smartphone oder Tablet
- Am unteren Bildschirmrand siehst du 5 Bereiche:
- START (🏠): Zurück zur Startseite
- MODULE (⊞): Öffnet Flyout mit allen Modulen
- FAVORITEN (⭐): Öffnet Flyout mit deinen gespeicherten Seiten
- POSTEINGANG (📥): Deine Nachrichten (mit roter Zahl bei Neuem)
- PROFIL (👤): Öffnet Profil-Flyout
- Tippe auf einen Bereich um dorthin zu navigieren
Mobile: Module Flyout nutzen
- Tippe auf MODULE in der Bottom Navigation
- Das Flyout-Menü öffnet sich von unten
- Module suchen: Nutze das Suchfeld am unteren Rand
- Modul aufklappen: Tippe auf den Pfeil (>) rechts am Modul
- Untermenü-Punkt: Tippe auf einen Eintrag um dorthin zu springen
- Schliessen: Wische nach unten oder tippe auf den grauen Hintergrund
Mobile: Favoriten Flyout nutzen
- Tippe auf FAVORITEN (⭐) in der Bottom Navigation
- Das Favoriten-Flyout öffnet sich von unten
- Du siehst:
- Alle gespeicherten Favoriten in einer scrollbaren Liste
- Suchfeld am unteren Rand: Filtere Favoriten nach Name
- Favoriten verwalten: Link zur Verwaltungsseite
- Tippe auf einen Favoriten um direkt dorthin zu springen
- Schliessen: Wische nach unten oder tippe auf den grauen Hintergrund
Mobile: Profil Flyout nutzen
- Tippe auf PROFIL in der Bottom Navigation
- Das Profil-Flyout öffnet sich von unten
- Du siehst:
- Dein Profilbild und Name im Header
- Mein Profil: Persönliche Einstellungen bearbeiten
- Dark Mode: Zwischen hell/dunkel umschalten
- Abmelden: Sicher ausloggen
- Tippe auf eine Aktion um sie auszuführen
Tipps für die optimale Nutzung
Desktop-Tipps
- Wechsle zwischen Modi: Nutze normale Sidenav beim Erkunden, Mini-Sidenav beim konzentrierten Arbeiten
- Tastatur-Shortcut: Alt+S öffnet die Suche direkt
- Badge-Zahlen: Klicke auf Module mit Badges um direkt zu den offenen Aufgaben zu springen
- Favoriten: Speichere häufig genutzte Seiten als Favoriten für noch schnelleren Zugriff
- Dark Mode: Schont die Augen bei Dunkelheit und reduziert Bildschirmhelligkeit
Mobile-Tipps
- Die Bottom Navigation ist immer sichtbar – du kannst jederzeit zwischen Bereichen wechseln
- Nutze die Suche im Module-Flyout um schnell Module zu finden
- Nutze die Suche im Favoriten-Flyout um gespeicherte Seiten schnell zu finden
- Favoriten-Tab gibt dir direkten Zugriff auf deine wichtigsten Seiten
- Dark Mode spart Akku und schont die Augen
- Alle Flyout-Menüs schliessen sich automatisch wenn du navigierst
- Swipe-Down Gesture ist der schnellste Weg um Flyouts zu schliessen
- Die Navigation funktioniert auf allen Smartphones und Tablets optimal
Allgemeine Tipps
- Schnelle Navigation: ELIZA lädt Seiten jetzt blitzschnell
- Badge-Updates: Alle Zahlen aktualisieren sich automatisch in Echtzeit
- Konsistente Erfahrung: Module, Namen und Struktur sind auf Desktop und Mobile identisch
- Responsive Design: Die Navigation passt sich automatisch an deine Bildschirmgrösse an
- Barrierefreiheit: Alle Elemente sind keyboard-navigierbar und screen-reader-optimiert
Bekannte Features in neuer Form
Die neue Navigation bringt alle gewohnten Funktionen mit:
- ✅ Alle Module: Dashboard, DMS, Prozesse, Zeiterfassung, Projekte, etc.
- ✅ Badge-Zähler: Offene Aufgaben, ungelesene Meldungen, zu prüfende Dokumente
- ✅ Favoriten: Schneller Zugriff auf gespeicherte Seiten (Mobile: eigener Tab mit Suchfunktion)
- ✅ Suche: Global Search über alle Module (Desktop: Alt+S, Mobile: in Flyouts)
- ✅ Benutzer-Profil: Einstellungen und persönliche Daten
- ✅ Dark Mode: Helles und dunkles Design
- ✅ Benachrichtigungen: Live-Updates für Posteingang-Badge
Technische Verbesserungen
- Material Design 3: Moderne UI-Komponenten und flüssige Animationen
- Live-Updates: Badge-Zahlen aktualisieren sich automatisch in Echtzeit
- Schnelle Performance: Optimierte Ladezeiten und flüssige Navigation
- Touch-Optimierung: Alle Buttons mindestens 48x48px für optimale Bedienung
- iOS Safe Area: Automatische Anpassung an iPhone-Notch und Home-Bar
- Responsive Design: Perfekte Darstellung auf allen Bildschirmgrössen
Viel Erfolg mit der neuen Navigation – egal ob am Desktop, Laptop oder Smartphone!
Dein ELIZA-Team 🐢