Neugestaltung einer Bedienoberfläche für einen mobilen Fahrausweisautomaten.

Einleitung

Auf dieser Webseite dokumentieren wir den Entstehungprozess des Touchscreen-Interfaces der mobilen Fahrkartenautomaten der Verkehrsbetrieb Potsdam GmbH. Der Fokus in diesem Projekt lag darin, im nutzerzentrierten Gestaltungsprozess — durch die kontinuierliche Befragung und Miteinbeziehung des Nutzers — ein bedienerfreundliches und ansprechendes Konzept zum Lösen von Fahrscheinen zu entwickeln. Unsere dokumentierte Herangehensweise soll als Anregung für vergleichbare Projekte dienen, um ein nutzerfreundliches Produkt zu erzielen. Die Verkehrsbetrieb Potsdam GmbH beauftragten uns Interfacedesigner — Sabine Richter, Sebastian Schwinkendorf und Mandy Hoffmann — die grafische Benutzeroberfläche der mobilen Fahrkartenautomaten neu zu gestalten. Unsere Arbeit wurde beleitet durch die Professoren Prof. Dr. Frank Heidmann und Prof. Nils Krüger aus den Studiengängen Interfacedesign und Produktdesign der Fachhochschule Potsdam.

Auf Grundlage der ermittelten Probleme aus der Expertenevaluation überarbeiteten wir die Prozessstruktur des Fahrscheinkaufs. Mit Hilfe eines Organigramms strukturierten und optimierten wir die Navigation durch das Tarifsystem der Verkehrsbetrieb Potsdam GmbH.

Anhand von definierten Nutzungsszenarien haben wir ein Konzept des neuen Fahrscheinautomaten-Interface in Form von Papierskizzen und Wireframes erarbeitet. Diese testeten wir mit acht Nutzern in Hinblick auf Verständlichkeit von Begriffen, Nutzerführung und Orientierung. Die Methode des Paper-Prototyping war eine gute Wahl, um zeitnah und ohne großen Programmier- oder Gestaltungsaufwand einen Fahrscheinkauf zu simulieren. In den durchgeführten Nutzertests evaluierten wir den Fahrscheinkauf und konnten schnell Korrekturen vornehmen, um ein optimales Ergebnis zu erzielen.

Wir haben drei verschiedene Varianten des Designs erarbeitet, um zu ermitteln, welche Schriften und Farben für ein Fahrkartenautomaten-Interface geeignet sind. Das finale Design zeichnet sich durch folgende Merkmale aus:

• Reduzierung auf die zwei Hauptfarben Dunkelgrün und Weiß.
• Übersichtlichkeit durch optimal eingesetzte Typografie.
• Klare, grafische Darstellung der Bedienelemente.
• Hoher Kontrast und eine gute Lesbarkeit.
• Zeitloses und angenehmes User Interface.

Um Erkenntnisse zur Schriftgröße, den Farben und Kontrasten der neugestalteten Ansichten des Fahrkartenautomaten zu erhalten, ließen wir diese von 24 Probanden unterschiedlicher Altersgruppen beurteilen. Sie führten eine freie Exploration an dem Startbildschirm und dem Bezahlbildschirm durch. Wir dokumentierten alle Aussagen und Verbesserungsvorschläge der Probanden. Zusätzlich nutzten wir den AttrakDiff™ Fragebogen, um das Design anhand von bestimmen Adjektivpaaren bewerten zu können.

Für die zweite Testphase nutzen wir das Eyetracking-System um die Blickbewegung der Probanden nachvollziehen zu können. Der SMI Eyetracker wurde mit einem Single-Touch-Monitor verbunden. So war es uns möglich, aufgabenbasierte Nutzertests mit Hilfe eines interaktiven HTML-Prototypen durchzuführen und die Bedienerfreundlichkeit mit vier Probanden über 60 Jahre zu testen. Die Erkenntnisse zu den fokussierten Bereichen und der Leserichtung aus der Eyetracking-Evaluation ließen wir in unseren weiteren Gestaltungsprozess mit einfließen.

Abschließend führten wir einen Nutzertest und eine Befragung mit 30 Fahrgästen durch. Wir beobachteten sie beim realen Fahrscheinkauf am Automaten in der Tram und fragten nach dem persönlichen Eindruck und der Bedienung des neuen Fahrkartenautomaten. Die Kunden empfanden das Design als übersichtlich, schlicht und klar. Vor allem die ältere Fahrgäste lobten den hohen Kontrast der verwendeten Farben Weiß und Grün, welcher die Lesbarkeit unterstützt.

• »Alles super. Die Bedienung war gut.«
• »Es ist einfacher als vorher.«
• »Ich hatte keine Probleme, alles fein.«
• »Wenn man es einmal gemacht hat, weiß man wie es geht.«
• »Der Bildschirm ist viel übersichtlicher als beim alten Automaten.«