ux in business apps
DESCRIPTION
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.TRANSCRIPT
![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