Vom Excel-Sheet zum UX-optimierten Online-Tool
Auftrag
Wir haben das Nachhaltigkeitstool des Kantons Basel-Stadt von einem Excel-Sheet in eine webbasierte Lösung überführt. Ein besonderer Augenmerk lag dabei auf der UX-Optimierung und Vereinfachung.
Dienstleistung
Konzeption
Projektleitung
Entwicklung
Mehr Weniger
Für Arealentwicklungen, Hochbauten, öffentliche Plätze und Grünräume mit einem Projektvolumen über 2 Millionen Franken ist im Kanton Basel-Stadt die Anwendung eines Nachhaltigkeitstools für interne Projekte seit 2017 verbindlich.
Dieses Tool war vor unserer webbasierten Umsetzung ein Excel-Sheet, welches über mehrere Tabs hinweg ausgefüllt werden musste. Kernstück bildet dabei die Eigenbeurteilung des Projekts innerhalb von vier räumlich-funktionalen Ebenen.
Bereits im bestehenden Excel-Sheet gab es Hilfestellungen für die Nutzenden. Die Handhabung war jedoch wenig ansprechend und das Ausfüllen erschien komplizierter, als es eigentlich ist.
UX und Web2Print
Um die Handhabung zu vereinfachen, haben wir das Excel-Sheet als dynamisches Formular digitalisiert. Die einzelnen Ebenen können nun aufgeklappt und ausgefüllt werden und sind durch eine Farbcodierung optisch klar erkennbar. Weiter haben wir die folgenden Verbesserungen umgesetzt:
Um das Ausfüllen auch ausserhalb der angegebenen Reihenfolge zu erleichtern, können die Benutzer:innen dank einer responsiven Übersicht frei von Frage zu Frage springen.
Weiterführende Links und Infos werden an der richtigen Stelle bereitgestellt. Das aufwändige Suchen in einer Liste entfällt.
In den einzelnen Ebenen sowie auch zusammenfassend für alle Ebenen erscheinen animierte Kreisdiagramme zu den Ergebnissen. Diese schaffen Orientierung, wie das Projekt hinsichtlich Nachhaltigkeit aufgestellt ist.
Da der Kriterienkatalog umfassend und grösstenteils sehr komplex ist, haben wir uns mit dem Kanton Basel-Stadt explizit gegen eine mobile optimierte Version entschieden und uns auf die Desktop-Version sowie das anschliessende Web-Print-Out fokussiert. Das Web-Print-Out kann sowohl ausgedruckt als auch gespeichert werden. Durch einen Link/QR-Code lässt sich das Formular jederzeit wieder aufrufen, im Team teilen und weiter bearbeiten, sollten später Anpassungen nötig sein.
Des Weiteren lassen sich alle Parameter des komplexen Formulars im CMS verwalten. So können Texte einfach angepasst und Aspekte, Ziele und Kriterien jederzeit erweitert und dynamisch kategorisiert werden.