Es ist für Entwickler immer noch eine Herausforderung, große Informationsmengen für mobile Endgeräte. Der Platz auf einem iPad ist begrenzt und Dashboards leiden dadurch meist an Informationsüberflutung. Weiterhin muss die Navigation zwischen Informationen intuitiv sein, damit der Endnutzer effizient und effektiv mit der App arbeiten kann. Klassische “Master-Detail-TableView-Konstrukte” tragen dabei nicht unbedingt zur Übersicht bei, werden dennoch gern und ausgiebig als grundlegende Navigationsstruktur verwendet.

1. UX in Business Apps

2. Alexander Casall
Saxonia Systems AG
Christian Schäfer
Saxonia Systems AG
Hi…

4. Heutige Themen
UX –Regeln?
Was kann man falsch machen?
Nutzer statt Regeln!

5. Motivation
Integriertes Usability Engineering in agile Vorgehensmodelle

6. ISO 9241-110
Gesetze der Dialoggestaltung

7. Aufgabenangemessenheit
Weniger ist mehr, aber davon das Richtige bitte!

8. Unterschiedliche Domänen 

10. Steuerbarkeit
Bestätigen, Hinterfragen, Abbrechen, Neu Starten…

12. Hinterfragen von
kritischen Aktionen

13. Erwartungskonformität
Was der Bauer nicht kennt isst er nicht 

14. Der Nutzer erwartet das Look & Feelder jeweiligen Plattform

16. Fehlerrobustheit / Fehlertoleranz
Nobody‘sperfect

17. Sofortiges Feedback zu Fehleingaben hilft Frustration zu vermeiden!
Validierung
zu spät

18. Selbstbeschreibungsfähigkeit
Klare Signale, damit der User nicht raten muss

19. Keine Prompt Texte
Fehlende Abgrenzung von Eingabebereichen
Klares Trennen von Buttons
Button oder Kategorie?

20. Individualisierbarkeit
Anpassung des Tools an eigene Bedürfnisse

21. Elemente anordnen

22. Lernförderlichkeit
Konsistente Oberflächen

23. Hauptnavigation ist nicht mehr präsent

24. Geht’s noch?
Besser?

28. Warum steht UX bei Business Apps nicht im Focus
Meist sind Fachlichkeit und Budget wichtiger!

29. 1995 2000 2005 2010 2015

30. Das Nutzerverhalten und der Anspruch verändern sich
Dem müssen sich auch Business Apps beugen!

31. ISO 9241-210
ISO 9241-110 istnichtalles
Human-centered design for interactive systems

32. User CenteredDesign Prozess
Konzipieren
Implementieren
Evaluieren
Analysieren

33. Iteration 1
Schritt 1 / 4 Analyse
Interpretieren
Analysieren
Interviews und Beobachtung

34. 1. Iteration -Analyse
Wie sind eure Abläufe?
Wo liegen eure Probleme?
Welche Informationen benötigt ihr?

35. Iteration 1
Schritt 2 / 4 Konzeption
Konzipieren
Darstellungsformen und Navigation

40. Iteration 1
Schritt 3/4 Implementierung
Implementieren
Evaluieren
Papierprototyp

42. Iteration 1
Schritt 4/4 Evaluation
Evaluieren
Nutzerstudie und ThinkingAloud

43. Nutzerstudie
ThinkingAloud
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
0
2
4
6
8
10
Gefundene Probleme / Teilnehmerzahl
3
ROI

44. Test mittels Papierprototyp

47. Video: iteration1.wmv

48. Iteration 2
Schritt 1 / 4 Analyse
Interpretieren
Analysieren
Auswertung Nutzerstudie

49. Weiterentwicklung der UI-Elemente

50. Iteration 2
Schritt 2 / 4 Konzeption
Konzipieren
Analysieren
Ausbau der Navigationskonzepte

51. Konzeption alternativer Navigations-Controls

52. Konzeption alternativer Navigations-Controls

53. Iteration 2
Schritt 3/4 Implementation
Implementieren
Evaluieren
3 Papierprototypen

54. Getauschte Navigation
Navigationskonzept anhand von Wohnungsmetapher umgesetzt

55. Iteration 2
Schritt 4/4 Evaluation
Evaluieren
Nutzerstudie und ThinkingAloud

56. Iteration 3
Schritt 1 / 4 Analyse
Interpretieren
Analysieren
Auswertung Nutzerstudie

57. Navigations-ControlEntscheidung
✗
✓
✗

58. Iteration 3
Schritt 2 / 4 Konzeption
Konzipieren
Analysieren
Screendesignsund Styleguide

60. Styleguide

61. Iteration 3
Schritt 3/4 Implementierung
Implementieren
Evaluieren
iPad App 

63. Iteration 3
Schritt 4/4 Evaluation
Evaluieren
Nutzerstudie mit ThinkingAloud
Fragebogen und HeatmapTracking

68. Iteration …
Schritt 1/4 Analyse
Und so weiter…

69. Interviews

70. Konzipieren
Implementieren
Evaluieren
Analysieren
Beobachten
Vorgängerversionen
Interviews
Fokusgruppen
Fragebögen
Konkurrenzsysteme
Nutzungsdaten
Marketingdaten
Papier und Bleistift
Styleguides
UI-Designpatterns
Vektorprogramme
Templates
LoFi-Prototypen
Papier
Storyboard/Powerpoint
Wizard-Of-Oz
HiFi-Prototypen
Funktionale Implementierung
(maschinelle) Logik
Heuristiken
Nutzerstudien
Beobachtung
ThinkingAloud
Fragebögen
Analyse-Frameworks
Heatmaps

71. ISOs sind eine gute Orientierung
Der tatsächliche Nutzer empfindet aber nicht nach ISO‘s

72. „Ein Usability Test ist besser als kein Usability Test“
Michael Heinrichs

73. Alexander Casall
alexander.casall@saxsys.de
Christian Schäfer
christian.schaefer@saxsys.de
Q&A