Webdesign und technisches Update in TYPO3
Verbesserung User Experience:
Zwischen Planung und Pedaltritt liegt gutes UX-Design
Die Aufgabe
Der für das Verkehrsministerium NRW von der Ingenieurgruppe IVV Aachen entwickelte Radroutenplaner NRW ist ein vielgenutztes Fahrradrouten-Planungswerkzeug in Nordrhein-Westfalen. Nach vielen Jahren der Nutzung und Entwicklung umfangreicher Funktionalitäten war eine grundsätzliche technische und inhaltliche Neugestaltung der Kartenoberfläche erforderlich.
Die Aufgabe bestand also darin, ein komplexes Planungswerkzeug für eine breite Zielgruppe intuitiv bedienbar zu machen und gleichzeitig den Erwartungen hinsichtlich moderner Routing-Anwendungen zu entsprechen. Dabei galt es, bewährte Funktionen zu erhalten und die Wiedererkennbarkeit aus über 20 Jahren Nutzung nicht zu verlieren.
Ziel war neben der Bereitstellung weiterer Funktionen ein Designrelaunch im Hinblick auf ein moderneres Erscheinungsbild und eine verbesserte Usability. Hierzu holte die Ingenieurgruppe IVV etcetera mit an Bord.
Mehr zum Radfahrplnaer NRW findet sich auch hier: https://www.ivv-aachen.de/news/detail/20-jahre-radroutenplaner-nrw
Die Umsetzung
Gemeinsam erarbeiteten wir Konzept, Usability-Struktur und visuelles Design für die Überarbeitung des Planers für die Desktopversion.
Das Ergebnis ist eine neu strukturierte Nutzeroberfläche der Kartenanwendung mit klarer Menü-Hierarchie und durchgängigem Design-System:
- Durchgängige farbbasierte Unterscheidung der 5 Routing-Varianten: Fahrradnetz, Knotenpunktnetz, Themenrouten, Asphalt/Beton, Fahrradtaugliche Route
- Konsolidiertes Detailpanel mit Kennzahlen, Höhenprofil, Wegoberflächen-Infos sowie allen Aktionen (Speichern, App-Export, Druck) an einem Ort
- Menü mit Routenplaner-Auswahl, Hilfe, Sprachauswahl und Meta-Navigation
- Design-System mit definiertem Farbset, Font- und Spacing-Regeln sowie Icon-Größen — übergeben als vollständiges Stylesheet.


Leistungen im Überblick
Beratung zu Usabilty und Funktionen in der Desktopversion
Detailliertes Layout: Überarbeitung von Menüs, Userführung, Hilfen, Farbigkeiten
des komplexen Routenplaners





