ilert

UX Audit und Optimierung für eine Incident Management SaaS Anwendung

ilert

UX Audit und Optimierung für eine Incident Management SaaS Anwendung

ilert

UX Audit und Optimierung für eine Incident Management SaaS Anwendung

Onboarding für Tool-Integrationen in einer Incident-Management-Plattform. Eine Vielzahl von Verbindungsoptionen, darunter Amazon SNS und Auvik, stehen zur Auswahl. Ein Fortschrittsbalken zeigt die aktuellen Setup-Schritte an.

KUNDE

KUNDE

ilert GmbH

KATEGORIE

KATEGORIE

Optimierung

INDUSTRIE

INDUSTRIE

IT, DevOps

PLATTFORM

PLATTFORM

Web, Mobile

KURZBESCHREIBUNG

KURZBESCHREIBUNG

ilert hat sich in den letzten Jahren als SaaS-Lösung im IT Incident Management-Bereich etabliert und sieht UI/UX als Differenzierungsmerkmal. Um diese Position weiter zu stärken und um für die künftige Integration von neuen Features eine solide Basis zu schaffen, wurde ein UI/UX Audit beauftragt.

ZIELSETZUNG

ZIELSETZUNG

Zwei Punkte sollten bei der Optimierung im Fokus stehen:


1️⃣ Reduzierung der Time-to-value (TTV) im Onboarding

2️⃣ Verbesserung der Usability der Mobile App.

MEINE LEISTUNGEN

MEINE LEISTUNGEN

UI/UX Audit

UX Konzept

UI Design

Ein Smartphone mit geöffneter Incident-Management-App wird in einer Hand gehalten. Die App zeigt einen kritischen Vorfall an, mit Eskalations- und Annahmeoptionen.
Ein Smartphone mit geöffneter Incident-Management-App wird in einer Hand gehalten. Die App zeigt einen kritischen Vorfall an, mit Eskalations- und Annahmeoptionen.

Vorgehen

Hebel identifizieren und umsetzen.

Vorgehen

Hebel identifizieren und umsetzen.

01

UI/UX Audit

Im durchgeführten Audit wurden 148 Optimierungsbereiche identifiziert.

02

Konzeption

Nach der Priorisierung der Findings wurden für die wichtigsten Bereiche Lösungsvorschläge entwickelt.

03

Design

Nachfolgend wurden die Lösungsvorschläge auf Basis der Brand-Vorgaben visualisiert und ausgestaltet.

Ergebnis

Effizientes Onboarding und optimierte Usability für die Mobile App.

Ergebnis

Effizientes Onboarding und optimierte Usability für die Mobile App.

Eine Übersicht von farbigen Design-Audit Labels für Verbesserungen, Korrekturen und UX-Vorschläge. Ein grünes Label lobt eine gute Umsetzung, während gelbe, rote und blaue Labels Verbesserungsvorschläge oder Fehlerhinweise enthalten.
Eine Übersicht von farbigen Design-Audit Labels für Verbesserungen, Korrekturen und UX-Vorschläge. Ein grünes Label lobt eine gute Umsetzung, während gelbe, rote und blaue Labels Verbesserungsvorschläge oder Fehlerhinweise enthalten.
Eine Übersicht von farbigen Design-Audit Labels für Verbesserungen, Korrekturen und UX-Vorschläge. Ein grünes Label lobt eine gute Umsetzung, während gelbe, rote und blaue Labels Verbesserungsvorschläge oder Fehlerhinweise enthalten.

UI/UX Audit


Zu Beginn des Projekts wurde ein Audit durchgeführt. In der Analyse des Status Quo wurden im Onboarding und in der Mobile App insgesamt fast 150 Bereiche zur Optimierung identifiziert. Diese wurden im Anschluss mit ilert gemeinsam priorisiert.

Klare Primäraktion


Ein Ergebnis des Audits war, dass die App bislang nur wenig Hilfestellung dabei gab, die nächste Aktion zu finden. Das wurde geändert indem eine neue Aktionsleiste am unteren Bildschirmrand eingeführt wurde. Die zeigt visuell sofort die Primäraktion und ist im Bereiche des Daumens einfach zu erreichen.

Screenshot einer mobilen App für Incident Management. Ein aktiver Alarm wird gezeigt. Zwei große Buttons am unteren Rand ermöglichen es, den Alarm anzunehmen oder zu eskalieren.
Screenshot einer mobilen App für Incident Management. Ein aktiver Alarm wird gezeigt. Zwei große Buttons am unteren Rand ermöglichen es, den Alarm anzunehmen oder zu eskalieren.
Screenshot einer mobilen App für Incident Management. Ein aktiver Alarm wird gezeigt. Zwei große Buttons am unteren Rand ermöglichen es, den Alarm anzunehmen oder zu eskalieren.
Aktionsmenü in einer Incident-Management-App.
Aktionsmenü in einer Incident-Management-App.
Aktionsmenü in einer Incident-Management-App.

Zentrales Aktionsmenü


In der App waren Aktionen an verschiedenen Stellen, teilweise nur durch scrollen erreichbar. Das wurde geändert indem alle Aktionen in einem zentralen Aktionsmenü untergebracht wurden. Von hier aus können sowohl systeminterne Aktionen, als auch externe Aktionen schnell erreicht werden.

Effizientes Onboarding


Das Onboarding wurde nach dem Audit umstrukturiert indem alle Stolpersteine entfernt wurden und das Onboarding auf Effizienz und Fehlerminimierung optimiert wurde.

Responsive Darstellung eines Schritts im Onboarding.
Responsive Darstellung eines Schritts im Onboarding.
Responsive Darstellung eines Schritts im Onboarding.
Vorher-Nachher-Vergleich einer Alert-Management-App. Die alte Version zeigt eine textlastige Oberfläche mit Filter-Buttons. Die neue Version bietet ein moderneres Design mit klarer Statusanzeige, besseren Nutzerbildern und einer optimierten Darstellung der Alerts.
Vorher-Nachher-Vergleich einer Alert-Management-App. Die alte Version zeigt eine textlastige Oberfläche mit Filter-Buttons. Die neue Version bietet ein moderneres Design mit klarer Statusanzeige, besseren Nutzerbildern und einer optimierten Darstellung der Alerts.
Einblick in mein Büro.

Du hast ein Projekt, das du gern angehen willst?

Lass uns unverbindlich zu deinen Ideen sprechen

Einblick in mein Büro.

Du hast ein Projekt, das du gern angehen willst?

Lass uns unverbindlich zu deinen Ideen sprechen

Einblick in mein Büro.

Du hast ein Projekt, das du gern angehen willst?

Lass uns unverbindlich zu deinen Ideen sprechen