Download - UX in Business Apps
![Page 1: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/1.jpg)
UX in Business Apps
![Page 2: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/2.jpg)
Alexander Casall
Saxonia Systems AG
Christian Schäfer
Saxonia Systems AG
Hi…
![Page 3: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/3.jpg)
![Page 4: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/4.jpg)
Heutige Themen
UX – Regeln?
Was kann man falsch machen?
Nutzer statt Regeln!
![Page 5: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/5.jpg)
MotivationIntegriertes Usability Engineering in agile Vorgehensmodelle
![Page 6: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/6.jpg)
ISO 9241-110Gesetze der Dialoggestaltung
![Page 7: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/7.jpg)
AufgabenangemessenheitWeniger ist mehr, aber davon das Richtige bitte!
![Page 8: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/8.jpg)
Unterschiedliche Domänen
![Page 9: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/9.jpg)
![Page 10: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/10.jpg)
SteuerbarkeitBestätigen, Hinterfragen, Abbrechen, Neu Starten…
![Page 11: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/11.jpg)
![Page 12: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/12.jpg)
Hinterfragen von
kritischen Aktionen
![Page 13: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/13.jpg)
ErwartungskonformitätWas der Bauer nicht kennt isst er nicht
![Page 14: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/14.jpg)
Der Nutzer erwartet das Look & Feel der jeweiligen Plattform
![Page 15: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/15.jpg)
![Page 16: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/16.jpg)
Fehlerrobustheit / FehlertoleranzNobody‘s perfect
![Page 17: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/17.jpg)
Sofortiges Feedback zu Fehleingaben hilft Frustration zu vermeiden!
Validierung
zu spät
![Page 18: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/18.jpg)
SelbstbeschreibungsfähigkeitKlare Signale, damit der User nicht raten muss
![Page 19: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/19.jpg)
Keine Prompt Texte
Fehlende
Abgrenzung von
Eingabebereichen
Klares Trennen von
Buttons
Button oder Kategorie?
![Page 20: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/20.jpg)
IndividualisierbarkeitAnpassung des Tools an eigene Bedürfnisse
![Page 21: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/21.jpg)
Elemente anordnen
![Page 22: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/22.jpg)
LernförderlichkeitKonsistente Oberflächen
![Page 23: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/23.jpg)
Hauptnavigation ist
nicht mehr präsent
![Page 24: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/24.jpg)
Geht’s noch?Besser?
![Page 25: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/25.jpg)
![Page 26: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/26.jpg)
![Page 27: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/27.jpg)
![Page 28: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/28.jpg)
Warum steht UX bei Business Apps nicht im Focus
Meist sind Fachlichkeit und Budget wichtiger!
![Page 29: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/29.jpg)
1995 2000 2005 2010 2015
![Page 30: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/30.jpg)
Das Nutzerverhalten und der Anspruch verändern sich
Dem müssen sich auch Business Apps beugen!
![Page 31: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/31.jpg)
ISO 9241-210
ISO 9241-110 ist nicht alles
Human-centered design for interactive systems
![Page 32: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/32.jpg)
User Centered Design Prozess
Konzipieren
ImplementierenEvaluieren
Analysieren
![Page 33: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/33.jpg)
Iteration 1Schritt 1 / 4 Analyse
InterpretierenAnalysieren
Interviews und Beobachtung
![Page 34: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/34.jpg)
1. Iteration - Analyse
Wie sind eure Abläufe?
Wo liegen eure Probleme?
Welche Informationen benötigt ihr?
![Page 35: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/35.jpg)
Iteration 1Schritt 2 / 4 Konzeption
KonzipierenAnalysieren
Darstellungsformen und Navigation
![Page 36: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/36.jpg)
![Page 37: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/37.jpg)
![Page 38: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/38.jpg)
![Page 39: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/39.jpg)
![Page 40: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/40.jpg)
Iteration 1Schritt 3/4 Implementierung
Implementieren
Evaluieren
Papierprototyp
![Page 41: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/41.jpg)
![Page 42: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/42.jpg)
Iteration 1Schritt 4/4 Evaluation
ImplementierenEvaluieren
Nutzerstudie und Thinking Aloud
![Page 43: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/43.jpg)
Nutzerstudie
Thinking Aloud
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
0 2 4 6 8 10
Gefundene Probleme / Teilnehmerzahl
3ROI
![Page 44: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/44.jpg)
Test mittels Papierprototyp
![Page 45: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/45.jpg)
![Page 46: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/46.jpg)
![Page 47: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/47.jpg)
Video: iteration1.wmv
![Page 48: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/48.jpg)
Iteration 2Schritt 1 / 4 Analyse
InterpretierenAnalysieren
Auswertung Nutzerstudie
![Page 49: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/49.jpg)
Weiterentwicklung der UI-Elemente
![Page 50: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/50.jpg)
Iteration 2Schritt 2 / 4 Konzeption
KonzipierenAnalysieren
Ausbau der Navigationskonzepte
![Page 51: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/51.jpg)
Konzeption alternativer Navigations-Controls
![Page 52: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/52.jpg)
Konzeption alternativer Navigations-Controls
![Page 53: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/53.jpg)
Iteration 2Schritt 3/4 Implementation
Implementieren
Evaluieren
3 Papierprototypen
![Page 54: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/54.jpg)
Getauschte Navigation
Navigationskonzept anhand von Wohnungsmetapher umgesetzt
![Page 55: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/55.jpg)
Iteration 2Schritt 4/4 Evaluation
ImplementierenEvaluieren
Nutzerstudie und Thinking Aloud
![Page 56: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/56.jpg)
Iteration 3Schritt 1 / 4 Analyse
InterpretierenAnalysieren
Auswertung Nutzerstudie
![Page 57: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/57.jpg)
Navigations-Control Entscheidung
✗✓
✗
![Page 58: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/58.jpg)
Iteration 3Schritt 2 / 4 Konzeption
KonzipierenAnalysieren
Screendesigns und Styleguide
![Page 59: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/59.jpg)
![Page 60: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/60.jpg)
Styleguide
![Page 61: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/61.jpg)
Iteration 3Schritt 3/4 Implementierung
Implementieren
Evaluieren
iPad App
![Page 62: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/62.jpg)
![Page 63: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/63.jpg)
Iteration 3Schritt 4/4 Evaluation
ImplementierenEvaluieren
Nutzerstudie mit Thinking Aloud
Fragebogen und Heatmap Tracking
![Page 64: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/64.jpg)
![Page 65: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/65.jpg)
![Page 66: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/66.jpg)
![Page 67: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/67.jpg)
![Page 68: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/68.jpg)
Iteration …Schritt 1/4 Analyse
Und so weiter…
![Page 69: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/69.jpg)
Interviews
![Page 70: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/70.jpg)
Konzipieren
ImplementierenEvaluieren
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
Thinking Aloud
Fragebögen
Analyse-Frameworks
Heatmaps
![Page 71: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/71.jpg)
ISOs sind eine gute OrientierungDer tatsächliche Nutzer empfindet aber nicht nach ISO‘s
![Page 72: UX in Business Apps](https://reader034.vdocuments.net/reader034/viewer/2022042700/55850de3d8b42ac60a8b4a1e/html5/thumbnails/72.jpg)
„Ein Usability Test ist besser als kein Usability Test“
Michael Heinrichs