Der Redesign-Prozess begann mit einer gründlichen Bewertung der bestehenden Furas-Plattform. Um systematisch vorzugehen, habe ich mich auf Jakob Nielsens 10 Usability-Heuristiken für die Gestaltung von Benutzeroberflächen als wichtigsten Bewertungsrahmen gestützt.
Vorgehen
- Feedback des Support-Teams zu Nutzerbeschwerden und wiederkehrenden Problemen gesammelt.
- Systemprotokolle ausgewertet, um Abbruchstellen im Meldeprozess zu finden.
- Eine heuristische Evaluation durchgeführt und Usability-Probleme den Heuristiken von Nielsen zugeordnet.
- Die Probleme nach Schweregrad eingeteilt: kritisch, schwerwiegend, geringfügig.
Identifizierte Hauptprobleme
- Sichtbarkeit des Systemstatus Nutzer waren unsicher, ob Meldungen erfolgreich übermittelt wurden (unklares Feedback).
- Übereinstimmung zwischen System und realer Welt Eine zu technische Sprache verwirrte Bürger ohne Fachwissen.
- Nutzerkontrolle und Freiheit Begonnene Meldungen konnten weder zurückgenommen noch bearbeitet werden.
- Konsistenz und Standards Schaltflächen, Beschriftungen und Icons wurden auf der Plattform uneinheitlich verwendet.
- Fehlervermeidung Lange Formulare ohne Inline-Validierung führten zu häufigen Fehlern.
- Flexibilität & Effizienz Die Navigation war tief verschachtelt und komplex und schreckte von wiederholter Nutzung ab.
Ergebnis
Eine priorisierte Liste der Probleme entstand und lenkte das Redesign, indem zuerst die kritischen Hindernisse angegangen wurden.
Ideenfindung
Sobald die Schwachstellen klar waren, ging es darum, mögliche Lösungen zu entwickeln. In Design-Workshops und Brainstormings habe ich Wege erkundet, die Plattform zu vereinfachen.
Zentrale Ideen und Konzepte
- Geführter Meldeablauf Komplexe Formulare in einen Schritt-für-Schritt-Assistenten verwandelt.
- Vertrauensbildende Oberfläche Datenschutzhinweise, sichere Sprache und visuelle Hinweise auf Vertraulichkeit ergänzt.
- Vereinfachte Navigation Funktionen in logische Kategorien geordnet (Meldung einreichen, Meldung verfolgen, Mehr erfahren).
- Konsistenz durch Komponenten Ein Designsystem definiert, das Schaltflächen, Formulare und Rückmeldungen vereinheitlicht.
- Weniger Fehler Inline-Validierung und klare Bestätigungszustände eingeführt.
Ich habe mehrere Ansätze für den Meldeweg skizziert – mit dem Ziel, die Zahl der Klicks zu verringern und sicherzustellen, dass Nutzer immer wissen, wo sie sind und was als Nächstes zu tun ist.
Wireframing
Das Wireframing war eine entscheidende Phase, in der aus Ideen strukturierte Lösungen wurden.
Low-Fidelity-Wireframes
- Einfache Skizzen und graustufige Wireframes erstellt, um Abläufe ohne visuelle Ablenkung darzustellen.
- Den Fokus auf die Navigationshierarchie gelegt: vom unübersichtlichen System aus vielen Seiten zu einem linearen, geführten Prozess.
- Eine Fortschrittsanzeige eingeführt, die Nutzern zeigt, wo sie sich im Meldeprozess befinden.
Mid-Fidelity-Wireframes
- Formularstrukturen mit Inline-Fehlerbehandlung ergänzt.
- Dashboard-Layouts zur Verfolgung eingereichter Meldungen entworfen.
- Die Wireframes mit internen Stakeholdern validiert, um rechtliche Vorgaben einzuhalten und die Usability zu wahren.
Ergebnis
Ein validierter Entwurf des Nutzerflusses, der Meldezeit und Verwirrung verringerte.
Visuelles Design
Nachdem die Wireframes feststanden, ging ich zum High-Fidelity-Design über:
- Markenausrichtung Die offiziellen Farben und die Typografie von Nazaha integriert und das Erscheinungsbild für digitale Klarheit modernisiert.
- Visuelle Hierarchie Zentrale Aktionen wie „Meldung einreichen“ und „Status verfolgen“ durch einheitliche Gestaltung hervorgehoben.
- Vertrauenssignale Sicherheitssiegel, klare Sprache und Bestätigungsseiten stärkten das Vertrauen.
- Barrierefreiheit Kontrastreiche Farben, große Touch-Flächen und zweisprachige Unterstützung (Arabisch/Englisch).
- Skalierbarkeit Wiederverwendbare Komponenten (Schaltflächen, Formulare, Hinweise) als Teil eines Designsystems für künftige Updates entworfen.
Ergebnis
Ein Design, das modern, offiziell und beruhigend wirkte und dabei für alltägliche Nutzer zugänglich blieb.
Tests
Usability-Tests wurden mit repräsentativen Nutzern durchgeführt, darunter Bürger und Behördenmitarbeitende.
Wichtige Erkenntnisse
- Die Nutzer schätzten den Schritt-für-Schritt-Meldeablauf und fühlten sich beim Abschließen von Meldungen sicherer.
- Die Fortschrittsanzeige nahm die Sorge vor langen Formularen.
- Die Inline-Fehlervalidierung half, Fehler zu vermeiden.
- Mobile Nutzer fanden das neue Design leichter zu bedienen, mit weniger Scrollen und Tippen.
Verbesserungen nach den Tests
- Beschriftungen weiter gekürzt, um die kognitive Belastung zu senken.
- Farbkontraste in einigen Bereichen für die Barrierefreiheit angepasst.
- Die Funktion „Entwurf speichern“ ergänzt, damit Nutzer pausieren und später weitermachen können.
Ergebnis
Eine von echten Nutzern validierte Plattform, die Vertrauenswürdigkeit und Usability sicherstellt.
