HMI mobiler Apps zur Organisation multimodaler Mobilität Thomas Ritz, Ramona Wallenborn (FH Aachen) 08.September 2013, Bremen

Agenda •  Ausgangssituation •  Gestaltungsrichtlinien •  Usability Tests multimodaler Apps •  Analyse InCar Apps •  Konsistentes HMI •  Ausblick

Ausgangssituation

Ausgangssituation Multimodale Mobilität •  Alternativen zum eigenen Automobil •  Nutzung und Kombination unterschiedlicher Verkehrsangebote (ÖPNV, CarSharing, etc.) Besonderheiten mobiler Apps •  Spezielle Eigenschaften (Small-Form-Faktor, geringe Aufmerksamkeit) •  Unterschiedliche Nutzungsumgebungen (Routenplanung vs. Bedienung im Fahrzeug)

Ausgangssituation Problem •  Kaum Unterstützung multimodaler Mobilität •  Fehlende Gebrauchstauglichkeit •  Keine Anpassung für App-Nutzung im Automobil 2 Ansätze •  Verwendung mobile App im Fahrzeug (BYOD) •  Nutzung eingebautes InCar-System

Gestaltungsrichtlinien Styleguides für Smartphones •  Gewährleistung einheitliches Bedienkonzept •  Gestaltungsrichtlinien (Android, iOS) •  48dp-Scheme von Android

In Anlehnung an: www.developer.android.com/design/style/metrics-grids.html

Gestaltungsrichtlinien

Gestaltungsrichtlinien •  •  •  •  • 

Richtlinien für InCar-Apps ESoP, DIN- und ISO-Normen Leichtes Verständnis und Orientierung Bedienung mit nur einer Hand 2 Modi: ruhendes vs. bewegtes Fahrzeug

Quelle: Ulrike Pfeil, Informationsdesign im Fahrzeug, 2005

Usability Tests multimodaler Apps

Usability Tests multimodaler Apps •  •  •  • 

Analyse mehrerer Mobilitäts-Apps Kein KFZ-Interaktionsmodus Keine App konnte fehlerfrei bedient werden Komplex, unübersichtlich, unverständlich

Eigene Darstellung: Ergebnis Usability Test Öffi

Usability Tests multimodaler Apps

zu komplex

Screenshot Öffi

übersichtlich

Screenshot Moovel

Analyse InCar-Apps

Analyse InCar-Apps •  •  •  • 

Analyse unterschiedlicher InCar-Systeme Verschiedene Bediensysteme Unterschiedliche Struktur und Menüführung Kombination von Hard-Softbuttons

Foto Volvo InCar-System

Foto VW InCar-System

Quelle: Cadillac, http://www.cadillac.com/cadillac-cue.html

Konsistentes HMI

Konsistentes HMI •  BYOD: Anpassung an Fahrzeugkontext •  InCar-System: gleiches Gestaltungsmuster

Eigene Darstellung: ec2go iPhone

Eigene Darstellung: ec2go InCar

Konsistentes HMI •  Erwartungskonformität •  Symbole, Metaphern, Farben und Themes •  Wiedererkennung, Orientierung und Usability

Eigene Darstellung: UI-Elemente

Konsistentes HMI •  Übertragung 48dp-Schema auf Raster und UI-Elemente

Eigene Darstellung: 48dp-Schema Smartphone

Eigene Darstellung: 48dp-Schema Tablet

Ausblick

Ausblick •  Mobilität wird organisiert •  Bereitstellung übergreifender Informationen •  Erwartungskonformität auch bei Änderung des Nutzungskontextes

In Anlehnung an: www.transitiontown-friedrichshain-kreuzberg.de/so36/node/327

Vielen Dank!

FH Aachen Fachbereich Elektrotechnik und Informationstechnik Prof. Dr.-Ing. Thomas Ritz Eupener Straße 70 52066 Aachen T +49. 241. 6009 52136 [email protected] www.m2c-lab.fh-aachen.de