UX in Business Apps

73
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 of UX in Business Apps

Page 1: UX in Business Apps

UX in Business Apps

Page 2: UX in Business Apps

Alexander Casall

Saxonia Systems AG

Christian Schäfer

Saxonia Systems AG

Hi…

Page 3: UX in Business Apps
Page 4: UX in Business Apps

Heutige Themen

UX – Regeln?

Was kann man falsch machen?

Nutzer statt Regeln!

Page 5: UX in Business Apps

MotivationIntegriertes Usability Engineering in agile Vorgehensmodelle

Page 6: UX in Business Apps

ISO 9241-110Gesetze der Dialoggestaltung

Page 7: UX in Business Apps

AufgabenangemessenheitWeniger ist mehr, aber davon das Richtige bitte!

Page 8: UX in Business Apps

Unterschiedliche Domänen

Page 9: UX in Business Apps
Page 10: UX in Business Apps

SteuerbarkeitBestätigen, Hinterfragen, Abbrechen, Neu Starten…

Page 11: UX in Business Apps
Page 12: UX in Business Apps

Hinterfragen von

kritischen Aktionen

Page 13: UX in Business Apps

ErwartungskonformitätWas der Bauer nicht kennt isst er nicht

Page 14: UX in Business Apps

Der Nutzer erwartet das Look & Feel der jeweiligen Plattform

Page 15: UX in Business Apps
Page 16: UX in Business Apps

Fehlerrobustheit / FehlertoleranzNobody‘s perfect

Page 17: UX in Business Apps

Sofortiges Feedback zu Fehleingaben hilft Frustration zu vermeiden!

Validierung

zu spät

Page 18: UX in Business Apps

SelbstbeschreibungsfähigkeitKlare Signale, damit der User nicht raten muss

Page 19: UX in Business Apps

Keine Prompt Texte

Fehlende

Abgrenzung von

Eingabebereichen

Klares Trennen von

Buttons

Button oder Kategorie?

Page 20: UX in Business Apps

IndividualisierbarkeitAnpassung des Tools an eigene Bedürfnisse

Page 21: UX in Business Apps

Elemente anordnen

Page 22: UX in Business Apps

LernförderlichkeitKonsistente Oberflächen

Page 23: UX in Business Apps

Hauptnavigation ist

nicht mehr präsent

Page 24: UX in Business Apps

Geht’s noch?Besser?

Page 25: UX in Business Apps
Page 26: UX in Business Apps
Page 27: UX in Business Apps
Page 28: UX in Business Apps

Warum steht UX bei Business Apps nicht im Focus

Meist sind Fachlichkeit und Budget wichtiger!

Page 29: UX in Business Apps

1995 2000 2005 2010 2015

Page 30: UX in Business Apps

Das Nutzerverhalten und der Anspruch verändern sich

Dem müssen sich auch Business Apps beugen!

Page 31: UX in Business Apps

ISO 9241-210

ISO 9241-110 ist nicht alles

Human-centered design for interactive systems

Page 32: UX in Business Apps

User Centered Design Prozess

Konzipieren

ImplementierenEvaluieren

Analysieren

Page 33: UX in Business Apps

Iteration 1Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Interviews und Beobachtung

Page 34: UX in Business Apps

1. Iteration - Analyse

Wie sind eure Abläufe?

Wo liegen eure Probleme?

Welche Informationen benötigt ihr?

Page 35: UX in Business Apps

Iteration 1Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Darstellungsformen und Navigation

Page 36: UX in Business Apps
Page 37: UX in Business Apps
Page 38: UX in Business Apps
Page 39: UX in Business Apps
Page 40: UX in Business Apps

Iteration 1Schritt 3/4 Implementierung

Implementieren

Evaluieren

Papierprototyp

Page 41: UX in Business Apps
Page 42: UX in Business Apps

Iteration 1Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie und Thinking Aloud

Page 43: UX in Business Apps

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

Test mittels Papierprototyp

Page 45: UX in Business Apps
Page 46: UX in Business Apps
Page 47: UX in Business Apps

Video: iteration1.wmv

Page 48: UX in Business Apps

Iteration 2Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Auswertung Nutzerstudie

Page 49: UX in Business Apps

Weiterentwicklung der UI-Elemente

Page 50: UX in Business Apps

Iteration 2Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Ausbau der Navigationskonzepte

Page 51: UX in Business Apps

Konzeption alternativer Navigations-Controls

Page 52: UX in Business Apps

Konzeption alternativer Navigations-Controls

Page 53: UX in Business Apps

Iteration 2Schritt 3/4 Implementation

Implementieren

Evaluieren

3 Papierprototypen

Page 54: UX in Business Apps

Getauschte Navigation

Navigationskonzept anhand von Wohnungsmetapher umgesetzt

Page 55: UX in Business Apps

Iteration 2Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie und Thinking Aloud

Page 56: UX in Business Apps

Iteration 3Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Auswertung Nutzerstudie

Page 57: UX in Business Apps

Navigations-Control Entscheidung

✗✓

Page 58: UX in Business Apps

Iteration 3Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Screendesigns und Styleguide

Page 59: UX in Business Apps
Page 60: UX in Business Apps

Styleguide

Page 61: UX in Business Apps

Iteration 3Schritt 3/4 Implementierung

Implementieren

Evaluieren

iPad App

Page 62: UX in Business Apps
Page 63: UX in Business Apps

Iteration 3Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie mit Thinking Aloud

Fragebogen und Heatmap Tracking

Page 64: UX in Business Apps
Page 65: UX in Business Apps
Page 66: UX in Business Apps
Page 67: UX in Business Apps
Page 68: UX in Business Apps

Iteration …Schritt 1/4 Analyse

Und so weiter…

Page 69: UX in Business Apps

Interviews

Page 70: UX in Business Apps

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

ISOs sind eine gute OrientierungDer tatsächliche Nutzer empfindet aber nicht nach ISO‘s

Page 72: UX in Business Apps

„Ein Usability Test ist besser als kein Usability Test“

Michael Heinrichs

Page 73: UX in Business Apps

Alexander Casall

[email protected]

Christian Schäfer

[email protected]

Q&A