App
Oberfläche & KontoUslimato Experience
Oberfläche & Konto

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 ⌘K bzw. 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.

BereichIn der Experience
AkzentfarbeUslimato-Grün #03a900, wie in der Marke
SidebarHelle Fläche mit gruppierter Navigation und Favoriten
KopfleisteDunkle Command-Fläche mit App-Launcher, Breadcrumb, Suche, Mandanten-Umschalter und Erstellen-Button
BedienelementePillförmige Primärbuttons, größere Eckenradien, weichere Schatten
TypografieCentury Gothic für Wortmarke und Überschriften, JetBrains Mono für IDs und Zahlen
LogoDie 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ß
Tipp
Fällt dir eine visuelle Unstimmigkeit auf, wechsel einfach zurück ins klassische Design. Deine Arbeit bleibt davon unberührt — es ist reine Darstellung.
Hat dir das geholfen?
Etwas verbessern