Analyse & Recherche
Angesichts des Umfangs bestand der erste Schritt darin, die Plattform zu analysieren und die fachliche Seite zu verstehen:
- Service-Audit Bestehende Services, ihre Abläufe und Unterschiede in Design und Umsetzung geprüft.
- Stakeholder-Interviews Mit mehreren Fachverantwortlichen gesprochen, um ihre Bedürfnisse und Einschränkungen zu erfassen.
- Sammlung der Schwachstellen Nutzerfeedback und Support-Tickets ausgewertet, um wiederkehrende Probleme sichtbar zu machen, etwa:
- Uneinheitliche Navigationsmuster über die Services hinweg.
- Unterschiedliche UI-Elemente und Begriffe, die Verwirrung stifteten.
- Redundante Formularstrukturen, die den Abschluss verlangsamten.
- Fehlende Barrierefreiheitsstandards in den Services.
Ergebnis
Die klare Erkenntnis, dass Inkonsistenz das größte Hindernis für Usability und Effizienz war.
Persona-Entwicklung
Damit die Bedürfnisse der Nutzer das Redesign leiten, haben wir Personas entwickelt, die das vielfältige Publikum der Plattform abbilden:
- Bürger, die Genehmigungen oder Lizenzen beantragen oder Meldungen einreichen.
- Unternehmer, die gewerbliche Genehmigungen oder Bescheinigungen beantragen.
- Mitarbeitende der Kommunen, die Anträge prüfen und genehmigen.
- Berater und Auftragnehmer, die technische Unterlagen einreichen.
Diese Personas halfen, Einfachheit, Vertrauen und Effizienz als zentrale Designprinzipien zu priorisieren.
Das Designsystem entwickeln
Die größte Herausforderung und Chance war ein Designsystem, das mehr als 400 Services vereinen kann.
Leitprinzipien
- Konsistenz Jeder Service soll sich wie ein Teil von Balady anfühlen, unabhängig vom verantwortlichen Team.
- Skalierbarkeit Das System soll neue Services unterstützen, ohne das Design neu zu erfinden.
- Effizienz Wiederverwendbare Komponenten sollen Gestaltung und Entwicklung beschleunigen.
- Barrierefreiheit Alle Services müssen für Bürger mit unterschiedlicher digitaler Kompetenz nutzbar sein.
Komponenten & Muster
- UI-Bibliothek Schaltflächen, Eingabefelder, Dropdowns, Fortschrittsbalken, Hinweise und Tabellen, einmal gestaltet und überall wiederverwendet.
- Formularvorlagen Standardisierte Formularstrukturen für Anträge, die Fehler reduzieren und Einreichungen beschleunigen.
- Navigationsmuster Klare, vorhersehbare Menü- und Serviceabläufe über alle Services hinweg.
- Statusverfolgung Eine einheitliche Möglichkeit für Nutzer, den Fortschritt ihres Antrags zu verfolgen.
- Farb- & Typografiesystem Eine moderne, barrierefreie Palette im Einklang mit der Identität von MOMRAH.
Dokumentation & Übergabe
- Designdokumentation erstellt, die Entwickler und Fachverantwortliche anleitet.
- Eine Figma-Komponentenbibliothek mit Nutzungsrichtlinien für jedes Element aufgebaut.
- Ein Governance-Modell etabliert, um die Konsistenz über Teams hinweg zu wahren.
Wirkung
Statt jeden Service einzeln neu zu gestalten, konnten Fachverantwortliche nun an das Designsystem andocken – das sicherte Tempo und Konsistenz zugleich.
Tests & Iteration
Jeder überarbeitete Service durchlief Usability-Tests mit Schwerpunkt auf:
- Abschlussquote bei Formularen Konnten Nutzer Services schneller abschließen?
- Weniger Fehler Verhinderte die Inline-Validierung Fehleingaben?
- Klarheit der Navigation Konnten Nutzer ihren Service leicht finden und seinen Status verfolgen?
- Das Feedback führte zu Verfeinerungen wie kürzeren Beschriftungen, klareren Fehlermeldungen und größeren Touch-Flächen für mobile Nutzer.
