UX in Business Apps

Post on 20-Jun-2015

209 views 4 download

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

UX in Business Apps

Alexander Casall

Saxonia Systems AG

Christian Schäfer

Saxonia Systems AG

Hi…

Heutige Themen

UX – Regeln?

Was kann man falsch machen?

Nutzer statt Regeln!

MotivationIntegriertes Usability Engineering in agile Vorgehensmodelle

ISO 9241-110Gesetze der Dialoggestaltung

AufgabenangemessenheitWeniger ist mehr, aber davon das Richtige bitte!

Unterschiedliche Domänen

SteuerbarkeitBestätigen, Hinterfragen, Abbrechen, Neu Starten…

Hinterfragen von

kritischen Aktionen

ErwartungskonformitätWas der Bauer nicht kennt isst er nicht

Der Nutzer erwartet das Look & Feel der jeweiligen Plattform

Fehlerrobustheit / FehlertoleranzNobody‘s perfect

Sofortiges Feedback zu Fehleingaben hilft Frustration zu vermeiden!

Validierung

zu spät

SelbstbeschreibungsfähigkeitKlare Signale, damit der User nicht raten muss

Keine Prompt Texte

Fehlende

Abgrenzung von

Eingabebereichen

Klares Trennen von

Buttons

Button oder Kategorie?

IndividualisierbarkeitAnpassung des Tools an eigene Bedürfnisse

Elemente anordnen

LernförderlichkeitKonsistente Oberflächen

Hauptnavigation ist

nicht mehr präsent

Geht’s noch?Besser?

Warum steht UX bei Business Apps nicht im Focus

Meist sind Fachlichkeit und Budget wichtiger!

1995 2000 2005 2010 2015

Das Nutzerverhalten und der Anspruch verändern sich

Dem müssen sich auch Business Apps beugen!

ISO 9241-210

ISO 9241-110 ist nicht alles

Human-centered design for interactive systems

User Centered Design Prozess

Konzipieren

ImplementierenEvaluieren

Analysieren

Iteration 1Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Interviews und Beobachtung

1. Iteration - Analyse

Wie sind eure Abläufe?

Wo liegen eure Probleme?

Welche Informationen benötigt ihr?

Iteration 1Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Darstellungsformen und Navigation

Iteration 1Schritt 3/4 Implementierung

Implementieren

Evaluieren

Papierprototyp

Iteration 1Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie und Thinking Aloud

Nutzerstudie

Thinking Aloud

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

0 2 4 6 8 10

Gefundene Probleme / Teilnehmerzahl

3ROI

Test mittels Papierprototyp

Video: iteration1.wmv

Iteration 2Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Auswertung Nutzerstudie

Weiterentwicklung der UI-Elemente

Iteration 2Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Ausbau der Navigationskonzepte

Konzeption alternativer Navigations-Controls

Konzeption alternativer Navigations-Controls

Iteration 2Schritt 3/4 Implementation

Implementieren

Evaluieren

3 Papierprototypen

Getauschte Navigation

Navigationskonzept anhand von Wohnungsmetapher umgesetzt

Iteration 2Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie und Thinking Aloud

Iteration 3Schritt 1 / 4 Analyse

InterpretierenAnalysieren

Auswertung Nutzerstudie

Navigations-Control Entscheidung

✗✓

Iteration 3Schritt 2 / 4 Konzeption

KonzipierenAnalysieren

Screendesigns und Styleguide

Styleguide

Iteration 3Schritt 3/4 Implementierung

Implementieren

Evaluieren

iPad App

Iteration 3Schritt 4/4 Evaluation

ImplementierenEvaluieren

Nutzerstudie mit Thinking Aloud

Fragebogen und Heatmap Tracking

Iteration …Schritt 1/4 Analyse

Und so weiter…

Interviews

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

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

„Ein Usability Test ist besser als kein Usability Test“

Michael Heinrichs

Alexander Casall

alexander.casall@saxsys.de

Christian Schäfer

christian.schaefer@saxsys.de

Q&A