Das Informationskonzept beschreibt, wie der User im mStudio über alle relevanten Informationen informiert wird – sowohl durch selbst initiierte Aktionen als auch durch systemseitig ausgelöste Ereignisse. Dazu zählen laufende und abgeschlossene Prozesse sowie wichtige Systemmeldungen (z. B. „Speicherplatz ist voll“). Es definiert, wie Feedback zu Prozessen gegeben wird und wie Benachrichtigungen gestaltet sind.
Status
Das Informationskonzept unterscheidet vier Status: Info, Warning, Danger und Success. Jeder Status folgt dabei einem definierten Kombination aus Color- und Icon, um eine eindeutige und schnelle Erkennung zu ermöglichen.
Wenn zwei Status inhaltlich miteinander konkurrieren, wird immer der handlungsentscheidende angezeigt. Zum Beispiel überschreibt ein Danger stets Warning und Info.
| Status | Einsatz | Beispiel |
|---|---|---|
| Sachliche Hinweise/Informationen ohne akuten Handlungsbedarf | - Update verfügbar - Download wird vorbereitet - Kündigung vorgemerkt - Neue Nachricht im Ticket - Aktive Anlegeprozesse | |
| Handlungsempfehlung oder Hinweis möglicher Konflikt | - Speicherplatz fast voll - E-Mail Versand gesperrt - Domain unverifiziert - Zertifikat konnte nicht ausgestellt werden | |
| Kritisches Problem, das sofortiges Handeln erfordert | - Speicherplatz voll - E-Mail Empfang deaktiviert - Webserver/Cronjobs deaktiviert | |
| Erfolgreich abgeschlossene Ereignisse | - Erfolgreich installiert - Erfolgreich angelegt - Erfolgreich erstellt - Domain verifiziert |
Alert
Ein Alert wird dort eingesetzt, wo unmittelbare Aufmerksamkeit erforderlich ist – etwa bei Systemfehlern oder wichtigen Systeminformationen. Er übermittelt die Information in wenigen Sätzen und gibt, wenn möglich, eine Handlungsempfehlung. Diese kann mithilfe eines Links oder eines Buttons unterstützt werden. Alerts sollten stets in der Nähe des betroffenen Inhalts platziert werden (s. Alert: Position).
AlertBadge
Eine AlertBadge dient dazu, den Status eines Elements schnell sichtbar zu machen, beispielsweise in Section Headings oder List-Einträgen. In vielen Fällen wird sie durch einen Alert ergänzt, etwa auf der Detailseite, um zusätzliche Informationen bereitzustellen. Für Metadaten oder ergänzende Informationen ist hingegen die Badge besser geeignet (siehe AlertBadge vs. Badge).
Notifications
Notifications informieren über wichtige System- oder Statusmeldungen und erscheinen kurz im Bildschirm des Users. So stellen sie sicher, dass User über einen Status informiert werden, auch wenn sie sich gerade nicht auf der betroffenen Detailseite befinden. Notifications sollten bewusst und sparsam eingesetzt werden. Denn zu viele Notifications überfluten den User und lenken von wirklich wichtigen Informationen ab.
Notifications werden durch den NotificationsProvider ausgelöst. Da Notifications in der Regel nur kurz sichtbar sind, sollten sie an einem zentralen Ort gesammelt werden, damit ungelesene Notifications auch zu einem späteren Zeitpunkt eingesehen werden können. Kritische Probleme sollten zusätzlich zur Notification per E-Mail kommuniziert werden. So wird sichergestellt, dass der User die Informationen zuverlässig erhält.
E-Mail-Adresse archiviert
Die E-Mail-Adresse example@mittwald.de wurde archiviert.Speicher fast voll
Der Speicherplatz im Projekt My Project ist zu 80% voll.Kein SSL-Zertifikat
Für exmaple.de konnte kein SSL-Zertifikat ausgestellt werden.App installiert
Deine App My WordPress wurde erfolgreich installiert.Status-Icon
Einzelne Status-Icon können den User auf versteckte Status-Informtionen aufmerksam machen. Zum Beispiel zeigt ein Status-Icon innerhalb von einem Tab an, dass in diesem ein relevanter Status vorliegt. Der Status kann dann im Tab z. B. mit Hilfe eines Alerts erläutert werden.