Uslimato Experience
Uslimato Experience ist die neue Oberfläche der App. Sie läuft parallel zum klassischen Design — du wechselst jederzeit hin und her. Beim Umschalten werden keine Daten verschoben, neu geladen oder migriert.
#Umschalten
Drei Wege führen zum Moduswechsel:
- Header-Icon — ein Klick rechts oben wechselt den Modus
- Avatar-Menü › Design — ein Umschalter *Klassisch / Experience*
- Command Palette — mit
⌘Kbzw.Strg + Köffnen und nach *Uslimato Experience umschalten* suchen
Deine Auswahl gilt für die aktuelle Browser-Sitzung. Sie übersteht ein Neuladen im selben Tab; ein frisch geöffneter Browser startet wieder im klassischen Modus.
#Was sich ändert — und was nicht
Die Experience ist eine visuelle Überarbeitung. Berechtigungen, Daten, Routen und Funktionen verhalten sich in beiden Modi identisch.
| Bereich | In der Experience |
|---|---|
| Akzentfarbe | Uslimato-Grün #03a900, wie in der Marke |
| Sidebar | Helle Fläche mit gruppierter Navigation und Favoriten |
| Kopfleiste | Dunkle Command-Fläche mit App-Launcher, Breadcrumb, Suche, Mandanten-Umschalter und Erstellen-Button |
| Bedienelemente | Pillförmige Primärbuttons, größere Eckenradien, weichere Schatten |
| Typografie | Century Gothic für Wortmarke und Überschriften, JetBrains Mono für IDs und Zahlen |
| Logo | Die Tidal-Wortmarke aus dem Brand-Guide |
Unverändert bleiben Berechtigungen und Rollen, sämtliche Datenpfade, Dark und Light Mode sowie die Mandanten-Isolation.
#Das Erstellen-Menü
Der grüne Erstellen-Button in der Kopfleiste bündelt die häufigsten Einstiegspunkte: Asset anlegen, Ticket erstellen, Prozess starten und Benutzer einladen. Es erscheinen nur die Aktionen, die du auch tatsächlich ausführen darfst.
#Produkt- und Admin-Kontext
Das Zahnrad in der Kopfleiste schaltet zwischen zwei Kontexten um. Es ist nur für Personen mit Administrationsrechten sichtbar.
- Produkt-Kontext — die Arbeitsansicht: Dashboard, Assets, Prozesse, Bewegungen, Tickets, Katalog, Standorte
- Admin-Kontext — die Konfiguration des Mandanten: Allgemein, Branding, Module, Benutzer & Rollen, Standorte, Abrechnung, Integrationen, API
Ein Akzentstreifen unter der Kopfleiste und ein Badge im Breadcrumb machen jederzeit klar, in welchem Kontext du gerade bist. Mehr dazu in Admin-Modus.
#App-Launcher
Der 9-Punkte-Button ganz links öffnet den App-Launcher, gegliedert in drei Gruppen:
- Arbeitsbereich — die Kernmodule
- Add-ons — ITSM-Tickets und das Self-Service-Desk
- Ökosystem — Dokumentation und Developer-Portal, jeweils in einem neuen Tab
Einträge, für die deinem Plan die Lizenz fehlt, erscheinen ausgegraut mit einem Hinweis, statt kommentarlos zu fehlen.
#Benachrichtigungen
Die Glocke in der Kopfleiste öffnet deinen persönlichen Feed. Ein Eintrag entsteht in dem Moment, in dem etwas dich betrifft — es ist keine Ansicht des Audit-Logs.
- Ein Badge auf der Glocke zeigt die Zahl der ungelesenen Einträge
- Beim Öffnen der Liste gilt alles als gelesen; der Gelesen-Status liegt auf dem Server
- Ein Klick auf einen Eintrag springt zur betroffenen Entität — Asset, Ticket, Bewegung, Benutzer oder Prozess
Ausgelöst wird eine Benachrichtigung, wenn dir ein Asset oder ein Ticket zugewiesen wird, wenn sich der Status eines dir zugewiesenen Tickets ändert oder wenn eine Bewegung abgeschlossen wird, die eines deiner Geräte betrifft. Weist du dir selbst etwas zu, entsteht keine Benachrichtigung.
#Command Palette
⌘K bzw. Strg + K öffnet die Command Palette. Sie gruppiert nach Navigieren und Aktionen; Pfeiltasten bewegen die Auswahl, Enter führt aus.
Ab zwei eingegebenen Zeichen sucht sie zusätzlich in Assets und Benutzern: bis zu fünf Assets (nach Name, Asset-Tag und Typ) und vier Benutzer (nach Anzeigename und E-Mail) erscheinen in eigenen Gruppen. Wie überall gilt die Mandanten-Isolation — du siehst ausschließlich Treffer aus deinem eigenen Mandanten.
#Favoriten und Branding
Der Stern an jedem Navigationseintrag legt ihn oben in der Sidebar unter Favoriten ab. Favoriten liegen auf dem Server und sind pro Mandant getrennt.
Die Administration kann unter Branding die Akzentfarbe und den Wortmarken-Text des Mandanten anpassen. Beides wirkt in beiden Oberflächen; ein leerer Wert fällt auf Uslimato-Grün beziehungsweise „uslimato" zurück.
#Barrierefreiheit
- Der Modus-Umschalter ist ein echter Button mit
aria-pressed - Die Farbkontraste erfüllen WCAG AA in hell und dunkel
- Die Command Palette ist vollständig mit der Tastatur bedienbar
- Touch-Ziele bleiben auf Mobilgeräten mindestens 44 × 44 px groß