Balady App

Ziel des Redesigns von Balady+ war es, die App von einer funktionalen Navigations-App in eine reibungslose, vertrauenswürdige und ansprechende digitale Reise zu verwandeln:

• Komplexe Navigationsabläufe mit immersiven, kontextsensitiven Karten vereinfachen.

• Vertrauen und Sicherheit durch klare Hinweise, offizielles Branding und Echtzeit-Feedback aufbauen.

• Barrierefreiheit mit Mobile-first-Layouts, skalierbarer Typografie und inklusiven UI-Mustern verbessern.

• Konsistenz schaffen, indem ein wiederverwendbares Designsystem für Services und Karteninteraktionen eingeführt wird.

• Skalierbarkeit sichern, während neue kommunale Services und Smart-City-Funktionen weiter wachsen.

Analyse & Recherche

Was wir getan haben

• Eine heuristische Evaluation der alten Balady+ App anhand von Jakob Nielsens 10 Usability-Heuristiken durchgeführt.
• Nutzerbeschwerden und Support-Tickets sowie Bewertungen im Play Store und App Store ausgewertet.
• Balady+ mit globalen Navigations-Apps (Google Maps, Waze, Apple Maps) und Apps für Behördenservices verglichen.

Gefundene Schwachstellen

• Navigationsüberlastung Zu viele Daten auf der Karte (Verkehr, Hinweise, Services) ohne Hierarchie.
• Schwaches Feedback Nutzer waren unsicher, ob Meldungen oder Anträge erfolgreich übermittelt wurden.
• Komplexe Service-Abläufe Lange, verwirrende Schritte bei Genehmigungen und Lizenzen hielten vom Abschluss ab.
• Uneinheitliche Oberfläche Verschiedene Services wirkten wie getrennte Apps innerhalb einer Plattform.
• Barrierefreiheitsprobleme Zu kleine Schaltflächen, kontrastarme Screens und schwache zweisprachige Unterstützung.

Ideenfindung

Wir haben die Designherausforderungen in Lösungskonzepte übersetzt:

• Geführte Abläufe Lange Formulare und Navigationsaufgaben in einfache Schritt-für-Schritt-Abläufe verwandeln.
• Einheitlicher Servicezugang Einstiegspunkte zu kommunalen Services vereinheitlichen.
• Vertrauenszentriertes Design Bestätigungszustände, Sicherheitsindikatoren und Statusverfolgung ergänzen, um Nutzer zu beruhigen.
• Intelligente Overlays Datenebenen (Verkehr, Wetter, kommunale Hinweise) mit Schaltern ordnen, um Überladung zu vermeiden.
• Designsystem-Denken Wiederverwendbare Muster und Komponenten schaffen, um Konsistenz über mehr als 400 Services zu sichern.

Wireframing

Die Wireframes wurden zum Bauplan für den Wandel:

• Low-Fidelity-Skizzen Fokus auf der Neuordnung von Navigation, Menüs und Service-Abläufen.
• Mid-Fidelity-Wireframes Layouts für Dashboards, Karten-Overlays und Service-Formulare getestet.

Wichtige Verbesserungen

• Fortschrittsanzeigen in Service-Formularen.
• Klarere Karten-Overlays mit vom Nutzer steuerbaren Schaltern.
• Schnellzugriffsmenüs für die am häufigsten genutzten kommunalen Services.
• Ein Dashboard zur Verfolgung des Antragsstatus.

Visuelles Design

Das visuelle Design sollte Balady+ modern, vertrauenswürdig und zugänglich wirken lassen:

• Aufbau des Designsystems Eine wiederverwendbare Bibliothek aus Schaltflächen, Formularen, Karten, Overlays und Kartenkomponenten aufgebaut.
• Markenausrichtung Farben, Typografie und offizielle Ikonografie von MOMRAH angewendet.
• Verbesserte Barrierefreiheit Kontrastreiche Palette, skalierbare Typografie und touchfreundliche Flächen.
• Immersive Karten 3D-Karten mit Wetter-, Verkehrs- und Service-Ebenen gestaltet.
• Zweisprachige Oberfläche Konsistenz zwischen arabischen und englischen Layouts sichergestellt.

Tests & Iteration

Wir haben Prototypen mit Bürgern, Unternehmern und Fahrern getestet:

• Navigationsklarheit Nutzer fanden Routen und Hinweise verständlicher.
• Abschlussquoten bei Services Geführte Abläufe erhöhten die Abschlussquote bei Genehmigungen und Anträgen.
• Vertrauenssignale Bestätigungsseiten gaben Nutzern die Gewissheit, dass ihre Aktionen erfolgreich waren.
• Erfolge bei der Barrierefreiheit Nutzer mit geringerer digitaler Kompetenz erledigten Aufgaben ohne Hilfe.

Wichtige Verfeinerungen waren vereinfachte Beschriftungen, bessere Fehlermeldungen und die Funktion „Fortschritt speichern“ für lange Formulare.

Die Beschreibung des Ergebnisses folgt in Kürze.