CeBIT Mobile Business Solutions Forum: Vortrag "UX User Experience" von André Haase (StarFinanz) und Franz Haslbeck (m-ACADEMY)

1. UX
User Experience

2. ?

3. Definition „Usability“
Schwierigkeitsgrad von Erlernbarkeit und
Handhabung
Auch: Benutzerfreundlichkeit

4. Definition „Usability“
Vom Nutzer erlebte Nutzungsqualität bei der Interaktion mit einem
System. Eine besonders einfache, zum Nutzer und seinen Aufgaben
passende Bedienung wird dabei als benutzerfreundlich angesehen.
Enthält Methoden zur Messbarkeit wie: Gebrauchstauglichkeit,
Barrierefreiheit, Typografie, Ergonomie, etc.
Erst seit 2010 gibt es international einheitliche Normen und Regeln
zur Messbarkeit.

5. Definition „User Experience“
Persönlicher subjektiver „gefühlter“ Eindruck
eines Anwenders von einem Produkt.

6. Definition „User Experience“
Zusammenspiel aus Erwartung, Eindruck, Erfahrung und Bewertung
(inkl. Nützlichkeit und Spaßfaktor) eines Produkts, Systems oder
Dienstes (oder deren Gesamtheit), auch im Kontext, nach subjektiven
Maßstäben und Einschätzungen des Anwenders, fließend und
veränderlich.

7. Definition „User Interface“
Schnittstelle der Mensch-Maschine-
Interaktion
Auch: Benutzerschnittstelle (Oberfläche und
Bedienkonzept)

8. Definition „User Interface“
Auf die menschlichen Fähigkeiten und Bedürfnisse angepasste
Schnittstelle, mit der ein Mensch mit einer Maschine interagiert.
Enthält die grafische Benutzeroberfläche zur Ein- und Ausgabe, auf
Bildschirmen auch Stift- und Fingerbedienung (Gestensteuerung),
Tastatur, haptisches Feedback, etc.

9. User Experience
Usability und User Interface und deren Konsistenz
Funktionalitäten und Mehrwert
Erwartungshaltung
Kommunikationskomponenten
Spaßfaktor / Gamification
Kontext

10. UX: Konsistenz
Inkonsistenz bei Bedienkonzept und Design der
mobilen Betriebssysteme Blackberry, Symbian
und Android
z.B. bei Android Nutzung von „Zurück“- und
„Menü“-Taste und mangelhafte Definition des
Styleguides

11. UX: Don‘ts
Abfragen selbstverständlicher Informationen
(Kein Prefill genutzt)
Abweichungen vom Styleguide
Übernahme von Konzepten aus anderen Systemen
Lange Start und Reaktionszeiten

12. UX: Do‘s
Klar Strukturiert
Intuitiv bedienbar (keine Anleitung nötig)
Kurze Klickwege
Klare Use Cases und Mehrwert gegenüber mobiler Webseite
Sinnvolle Standardeinstellungen
Ggf. Landscape Modus unterstützen

13. UX: Beispiele
Positiv (Vollbild Spiel iOS) Positiv (Vollbild Spiel WP)

14. UX: Beispiele
Negativ (iOS Settings) Positiv (iOS Settings)

15. UX: Beispiele
Negativ (iOS App) Positiv (iOS App)

16. UX: Beispiele
Negativ (Android App) Positiv (Android App)

17. UX: Beispiele
Negativ (WP App) Positiv (WP App)

18. UX: Beispiele
Positiv (iOS App) Positiv (WP App)

19. UX: Beispiele
Positiv (iOS App) Positiv (Android App) Positiv (WP App)

20. UX: Kontext
UX hängt auch vom Kontext der App ab. Eine
Banking App sollte sicherlich nicht verspielt und
kunterbunt daherkommen, sondern einen zur Bank
und zum Thema Sicherheit passenden seriösen
Look haben.

21. UX: Kontext
App Store: Beschreibung und Bilder
Informationspolitik des Herstellers
Updatehäufigkeit des Herstellers
Erweiterung durch Social Plugins
Nutzung des App Ökosystems

22. Design Guides
iOS:
http://bit.ly/iOSDesignGuides
Android:
http://bit.ly/AndroidDesignGuides
Windows Phone:
http://bit.ly/WP7DesignGuides

23. Vielen Dank
André Haase Franz Haslbeck