USECON_RoX_Workshop_3Us-Basics

3Us Basics – Was ist Usability, User Experience und User Interface Design

2 USECON | 2013

Peter Strassl

Senior Interaction Designer [email protected] Motto: “A picture is worth a thousand words. An interface is worth a thousand pictures.” - Ben Shneiderman

Angelika Kunz

Team Lead Experience Consulting [email protected]

Motto: “If I asked people what they wanted, they would have said Faster Horses.” - Henry Ford

3 http://www.youtube.com/watch?v=OJQ9JmRoMq8

4

Übung – it‘s your turn!

Usability Probleme

5 USECON | 2012

Was bedeutet für mich Usability?

• Ziel

– Sensibilisierung für Usability

• Aufgabe

– Denken Sie an eine Webseite oder eine Webapplikation

– Überlegen Sie sich folgende Fragenstellungen und schreiben Sie Ihre Antworten auf Kärtchen.

– Was verhindert gute Benutzbarkeit? Was sind die größten Probleme bei der Benutzung? (Rote Karten)

• Ergebnis

– Probleme auf Karten notieren

• Einzelarbeit

• Ca. 10 Minuten

Struktur 12%

Inhalt 14%

Design 18%

Navigation 56%

Prozentuale Aufteilung der Usability Probleme

6 USECON | 2013

Analyse der Usability Reports von 2009 - 2012 Web, Mobile GUI Anwendungen

… Interfaces Everywhere, Anytime …

7

„Das Interface ist das Produkt“ – Jef Raskin

S99-01415, NASA JSC, January 1999

9 USECON | 2013

Usability, User Experience & User Interface Design

Experience Management

10

Die 3 Us – Usability, User Experience & User Interface Design

USECON | 2013

Was ist Usability?

11

Definition gemäß ISO 9241-100

Ziele Effektiv

Effizient

Zufriedenstellend

USECON | 2013

Kontext

Usability ist messbar

12

• Effektivität

– Hat der Benutzer sein Ziel erreicht?

– “Genauigkeit und Vollständigkeit, mit der Benutzer ein bestimmtes Ziel erreichen.“

• Effizienz = Output / Input

– Hat der Benutzer einmal das Design gelernt, wie schnell kann er damit Aufgaben durchführen?

– Benutzer Effzienz = Effektivität / Dauer der Aufgabe

– Menschliche Effzienz = Effektivität / Aufwand

– “Im Verhältnis zur Genauigkeit und Vollständigkeit eingesetzter Aufwand, mit dem Benutzer ein bestimmtes Ziel erreichen.“

• Zufriedenheit (User Satisfaction)

– Wie angenehm ist es das Design zu benutzen?

– “Freiheit von Beeinträchtigungen und positive Einstellungen gegenüber der Nutzung des Produkts“

USECON | 2012

Definition der Usability

13

ISO Standard 9241-210

„Ausmaß, in dem ein System, ein Produkt oder eine Dienstleistung durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um festgelegte Ziele effektiv, effizient und zufrieden-stellend zu erreichen.“

USECON | 2013

Was ist User Experience Design?

14

Mehr als Usability – User Experience

Sozialität

Spannung

Freude

Sicherheit

Emotion

Flow

Vertrauen

Ästhetik

Identität

Verlässlichkeit

Spaß Funktionalität

Akzeptanz

Usability Interkulturalität

USECON | 2013

Auch ein Erlebnis

15 Foto: Jason Campbell

Uns geht es aber um die täglichen „Erlebnisse“ von

Kunden und Anwender

User Experience Definition

16

ISO Standard 9241-210

„Wahrnehmungen und Reaktionen einer Person, die aus der tatsächlichen und/oder der erwarteten Benutzung eines Produkts, eines Systems oder einer Dienstleistung resultieren.“

ANMERKUNG 1 User Experience umfasst sämtliche Emotionen, Vorstellungen, Vorlieben, Wahrnehmungen, physiologischen und psychologischen Reaktionen, Verhaltensweisen und Leistungen, die sich vor, während und nach der Nutzung ergeben.

ANMERKUNG 2 User Experience ist eine Folge des Markenbilds, der Darstellung, Funktionalität, Systemleistung, des interaktiven Verhaltens und der Unterstützungsmöglichkeiten des interaktiven Systems, des psychischen und physischen Zustands des Benutzers aufgrund seiner Erfahrungen, Einstellungen, Fähigkeiten und seiner Persönlichkeit sowie des Nutzungskontextes.

ANMERKUNG 3 Die Gebrauchstauglichkeit kann, sofern sie unter dem Blickwinkel der persönlichen Ziele des Benutzers interpretiert wird, die Art der typischerweise mit der User Experience verbundenen Wahrnehmungen und emotionalen Aspekte umfassen. Kriterien der Gebrauchstauglichkeit können angewendet werden, um Aspekte der User Experience zu beurteilen.

USECON | 2013

17 USECON | 2013

User Experience

Usability

Systemnutzung

während vor nach

USECON - User Experience & Usability

System

18 USECON | 2013

User

User Experience

sicher, kompetent, kraftvoll, entspannt, inspiriert,

...

Wirkung System

UI

effektiv, effizient & zufriedenstellend

Aufgaben

Usability ISO 9241-210

Kontext

Usability und User Experience

19


UX Faktoren

USECON | 2013

20

UX Faktoren für Unterschiedliche Interaktive Systeme

• Ziel

– Anwendung der UX-Faktoren

• Aufgabe

– Denken Sie a) mobile Online-Banking App b) Ticketautomaten am Bahnhof c) Online Poker Website – was sind die wesentlichen UX Faktoren?

– Bitte reihen Sie die Top 3 UX-Faktoren und begründen diese

– Beschreiben Sie in Stichwörtern Benutzer, Situation und Kontext der App-Verwendung

– Halten Sie Ihre Ergebnisse auf einem Flipchart fest (in der Gruppe)

• Ergebnis

– Priorisierte UX-Faktoren

• Gruppenarbeit (3 Gruppen)

• Ca. 10 Minuten

Sozialität

Spannung

Freude

Emotion

Ästhetik

Akzeptanz

Usability

USECON | 2013

21 USECON | 2013

Kurze Pause

22 USECON | 2013

Es geht um Menschen… … und Sichtweisen

Menschen und Systeme

23

USECON | 2013

kognitive Fähigkeiten

technische Möglichkeiten

Zeit

24

Funktionen

Aufgaben

Entwickler

Benutzer

Verschiedene Sichtweisen auf ein System

USECON | 2013

Wandel der Sichtweise

25

USECON | 2013

Features & Funktionen Benutzer / Kunden-

Bedürfnisse

Technologie = Cool Technologie = Tool

Technik zentriert User- /

Kundenzentriert

Eindimensional arbeiten

Multidisziplinär arbeiten

„Einweg“ Usability Systematisch vorgehen

First Shot Is The Best Iterativ arbeiten

System Sicht

UX Sicht

26 USECON | 2013

User Centred Development

Analyse 1

Evaluation 3 Design 2

27

User Centred Development als Rahmen Basierend auf ISO 9241-210

USECON | 2013

Entwicklung Test Launch Konzeption Design

Idee

Software Entwicklungs Prozess

User Centred Development

28

ROX

USECON | 2012

Entwicklungs-Phase Anforderungs-Phase Deployment-Phase

Anzahl potentieller Design-Alternativen Kosten für Änderungen

Höchster Return on Investment

Personas

USECON | 2013

30 USECON | 2013

Usability Kriterien & Prinzipien

User Interface Prinzipien

Usability Kriterien & User Interface Prinzipien

31

Erlernbarkeit

Wiedererinnerbarkeit

Fehlertoleranz

Zufriedenheit

Effizienz

Usability Kriterien

Usability

• Usability ist multidimensional und besteht aus mehreren Qualitätskriterien die messbar sind

USECON | 2013

1. Konsistenz

2. Feedback

3. Effizienz

4. Flexibilität

5. Klare Ausgänge in allen Zuständen

6. Textierung in der Benutzersprache

7. Aufgabenorientierung

8. Kontrolle

9. Fehlervermeidung und Fehlertoleranz

10. Minimierung des kognitiven Aufwandes

11. Transparenz

12. Ästhetik und emotionale Wirkung

33 USECON | 2012

1. Konsistenz

34 USECON | 2012

1. Konsistenz

36 USECON | 2012

2. Feedback

37 USECON | 2012

2. Feedback

38 USECON | 2012

2. Feedback

40 USECON | 2012

3. Effizienz

41 USECON | 2012

3. Effizienz

43 USECON | 2012


44 USECON | 2012


45 USECON | 2012


46


User Interface Design

47 USECON | 2012

User Interface Design eines Währungsumrechner

• Ziel

– Konzeption eines effizienten User Interfaces

• Aufgabe

Erstelle ein Konzept für das User Interface eines Währungsumrechners

EUR <-> US-Dollar.

• Ergebnisse

Papierprototyp erstellen

Präsentation am Flipchart

• Kleingruppen

• Ca. 15 Minuten

48 USECON | 2012

Viele Möglichkeiten ein User Interface umzusetzen

49 USECON | 2013

Take Aways

Usability, User Experience und User Interface Design…

(1) Ein User Interface ist gebrauchstauglich, wenn es effektiv, effizient und

zufriedenstellend benutzt werden kann.

(2) User Experience ist das wahrgenommene Benutzergesamterlebnis vor,

während und nach der Benutzung.

(3) Usability und UX sind messbar und somit plan- und gestaltbar.

(4) User Centred Design ist ein iterativer Gestaltungsprozess

(5) Im User Centred Design Prozess werden die Benutzer in den Mittelpunkt

gestellt.

5

50 USECON | 2013

Kontakt

51

Peter Strassl, BSc.

+43 (0)664/822 02 - 60

Senior Interaction Designer

+43 (0)1/743 54 51 - 409

[email protected] Businesspark MARXIMUM Modecenterstraße 17/Objekt 2, 1110 Wien, Österreich www.usecon.com www.ux-events.com www.askus.at

Tel: +43 (0)1/743 54 51 Fax: +43 (0)1/743 54 51 30 E-Mail: [email protected]

USECON | 2013

Mag. Angelika Kunz Team Lead Experience Consulting

Sie finden uns auch hier …

www.facebook.com/usecon

www.twitter.com/usecon

www.flickr.com/usecon

www.askus.at

www.ux-showroom.com

www.ux-events.com

+43 (0)664/822 02 - 67

+43 (0)1/743 54 51 - 417

[email protected]