spart Zeit und Geld

setzt effiziente und effektive Werkzeuge voraus

Regeln Menschen UI-Technologien Backends

Regeln Menschen UI-Technologien Backends

Gesetze der Dialoggestaltung

Weniger ist mehr, aber davon das Richtige bitte!

Unterschiedliche Domänen

Windows 8?

Der Nutzer erwartet das Look & Feel der jeweiligen Plattform

Nobody‘s perfect

Sofortiges Feedback zu Fehleingaben hilft Frustration zu vermeiden!

Validierung zu spät

klare Signale, statt Interpretation

Fehlende Prompt-Texte

Fehlende Abgrenzung von

Eingabebereichen

Klares Trennen von Buttons

Button oder Kategorie?

Anpassung des Tools an eigene Bedürfnisse

Elemente anordnen

konsistente Oberflächen

Hauptnavigation ist nicht mehr präsent

Bestätigen, Hinterfragen, Abbrechen, Neustarten…

Downloading 2 / 50 MB

Apple, Numbers

Meist sind Fachlichkeit und Budget wichtiger!Nutzen von UX schwer messbar.

1995 2000 2005 2010 2015

Dem müssen sich auch Business Apps beugen!

Regeln Menschen UI-Technologien Backends

Regeln sind nicht alles!

Human-centered design for interactive systems

User Centered Design Prozess

Konzipieren

ImplementierenEvaluieren

Analysieren

1.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

Wie sind eure Abläufe?Wo liegen eure Probleme?

Welche Informationen benötigt ihr?

Interviews, Beobachtungen

1.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

1.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

1.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

0 1 2 3 4 5 6 7 8 9 10

Gefundene Probleme / Teilnehmerzahl

3ROI

Video: iteration1.wmv

Evaluationsergebnisse der ersten Iteration sind die Basis für die Analysephase der zweiten Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

2.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

2.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

2.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

2.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

4.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

4.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

Sketch (Mac App)

Styleguide

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

3.Iteration

Konzipieren

ImplementierenEvaluieren

Analysieren

solange der Entwicklungsprozess läuft

Iteratives Vorgehenz.B. SCRUMBacklog

User Story 1User Story 2User Story 3

Konzipieren

ImplementierenEvaluieren

Analysieren

BeobachtenVorgängerversionen

InterviewsFokusgruppen

FragebögenKonkurrenzsysteme

NutzungsdatenMarketingdaten

Papier und BleistiftStyleguidesUI-DesignpatternsVektorprogramme

Templates

LoFi-PrototypenPapierStoryboard/Powerpoint

Wizard-Of-OzHiFi-Prototypen

Funktionale Implementierung(maschinelle) Logik

HeuristikenNutzerstudienBeobachtung

Thinking AloudFragebögen

Analyse-Frameworks Heatmaps

der tatsächliche Nutzer empfindet aber nicht nach Regeln

Regeln Menschen UI-Technologien Backends