SlideShare a Scribd company logo
1 of 47
Download to read offline
3Us Basics – Was ist Usability, User
Experience und User Interface Design
Motto:
“If I asked people what they
wanted, they would have said
Faster Horses.”

Peter Strassl

- Henry Ford

Senior Interaction Designer
strassl@usecon.com

Angelika Kunz
Motto:
“A picture is worth a thousand
words.
An interface is worth a
thousand pictures.”

Team Lead Experience Consulting
kunz@usecon.com

- Ben Shneiderman
USECON | 2013

2
http://www.youtube.com/watch?v=OJQ9JmRoMq83
Übung – it‘s your turn!
Usability Probleme

4
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
USECON | 2012

5
Analyse der Usability Reports von 2009 - 2012
Web, Mobile GUI Anwendungen
Prozentuale Aufteilung der Usability Probleme

Struktur
12%
Inhalt
14%

Navigation
56%
Design
18%

USECON | 2013

6
… Interfaces Everywhere, Anytime …

7
„Das Interface ist
das Produkt“
– Jef Raskin

S99-01415, NASA JSC, January 1999
Usability, User Experience &
User Interface Design

USECON | 2013

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

USECON | 2013

10
Was ist Usability?
Definition gemäß ISO 9241-100

Ziele
Effektiv
Effizient
Zufriedenstellend

Kontext
USECON | 2013

11
Usability ist messbar
• 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

12
Definition der Usability
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

13
Was ist User Experience Design?
Mehr als Usability – User Experience

Interkulturalität

Funktionalität

Usability

Spaß

Freude
Akzeptanz

Sicherheit

Spannung

Identität

Emotion
Verlässlichkeit

Flow
Sozialität

Ästhetik

Vertrauen
USECON | 2013

14
Auch ein Erlebnis

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

Foto: Jason Campbell

15
User Experience Definition
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

16
USECON - User Experience & Usability

User Experience
Systemnutzung
vor

während

nach

Usability

USECON | 2013

17
Usability und User Experience
Wirkung

System

sicher, kompetent,
kraftvoll, entspannt, inspiriert,
...

User
Experience

UI

User

Usability
ISO 9241-210

effektiv, effizient &
zufriedenstellend

Aufgaben

System
USECON | 2013

Kontext
18
Übung – it‘s your turn!
UX Faktoren

USECON | 2013

19
UX Faktoren für Unterschiedliche Interaktive Systeme

Usability

• 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 UXFaktoren 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

Freude

Akzeptanz
Spannung
Emotion

Sozialität

Ästhetik

USECON | 2013

20
Kurze Pause

USECON | 2013

21
Es geht um Menschen…
… und Sichtweisen
USECON | 2013

22
Menschen und Systeme
technische Möglichkeiten

kognitive Fähigkeiten

Zeit

USECON | 2013

23
Verschiedene Sichtweisen auf ein System

Aufgaben
Entwickler

Funktionen

Benutzer
USECON | 2013

24
Wandel der Sichtweise

Features & Funktionen

System
Sicht

Benutzer / KundenBedürfnisse

Technologie = Cool

Technologie = Tool

Technik zentriert

User- /
Kundenzentriert

Eindimensional
arbeiten

Multidisziplinär
arbeiten

„Einweg“ Usability

Systematisch vorgehen

First Shot Is The Best

UX
Sicht

Iterativ arbeiten

USECON | 2013

25
User Centred Development

USECON | 2013

26
User Centred Development als Rahmen
Basierend auf ISO 9241-210

1 Analyse

Idee

Konzeption

Design

Entwicklung

Test

Launch

Software Entwicklungs Prozess

3

2 Design

Evaluation

USECON | 2013

27
User Centred Development
ROX

Anzahl potentieller
Design-Alternativen

Kosten für Änderungen

Höchster Return
on Investment

Anforderungs-Phase

Entwicklungs-Phase

USECON | 2012

Deployment-Phase

28
Personas

USECON | 2013
Usability
Kriterien & Prinzipien

USECON | 2013

30
Usability Kriterien & User Interface Prinzipien
• Usability ist multidimensional und besteht aus mehreren Qualitätskriterien die messbar sind

1. Konsistenz
2. Feedback
3. Effizienz

Erlernbarkeit
Wiedererinnerbarkeit

Usability

Fehlertoleranz

4. Flexibilität
5. Klare Ausgänge in allen Zuständen
6. Textierung in der Benutzersprache
7. Aufgabenorientierung
8. Kontrolle

Effizienz

9. Fehlervermeidung und Fehlertoleranz
10. Minimierung des kognitiven Aufwandes

Zufriedenheit

11. Transparenz
12. Ästhetik und emotionale Wirkung

Usability Kriterien

User Interface Prinzipien
USECON | 2013

31
1. Konsistenz

USECON | 2012

33
1. Konsistenz

USECON | 2012

34
2. Feedback

USECON | 2012

36
2. Feedback

USECON | 2012

37
2. Feedback

USECON | 2012

38
3. Effizienz

USECON | 2012

40
3. Effizienz

USECON | 2012

41
9. Fehlervermeidung und Fehlertoleranz

USECON | 2012

43
9. Fehlervermeidung und Fehlertoleranz

USECON | 2012

44
9. Fehlervermeidung und Fehlertoleranz

USECON | 2012

45
Übung – it‘s your turn!
User Interface Design

46
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

USECON | 2012

47
Viele Möglichkeiten ein User Interface umzusetzen

USECON | 2012

48
Take Aways

USECON | 2013

49
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.

5

(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.

USECON | 2013

50
Kontakt
Peter Strassl, BSc.
Senior Interaction Designer
+43 (0)1/743 54 51 - 409
+43 (0)664/822 02 - 60
strassl@usecon.com

Businesspark MARXIMUM
Modecenterstraße 17/Objekt 2, 1110 Wien, Österreich
www.usecon.com www.ux-events.com www.askus.at
Tel:
Fax:
E-Mail:

Mag. Angelika Kunz
Team Lead Experience Consulting

+43 (0)1/743 54 51
+43 (0)1/743 54 51 30
office@usecon.com

+43 (0)1/743 54 51 - 417
Sie finden uns auch hier …

+43 (0)664/822 02 - 67
kunz@usecon.com

www.askus.at
www.ux-showroom.com
www.ux-events.com
www.facebook.com/usecon
www.twitter.com/usecon
www.flickr.com/usecon

USECON | 2013

51

More Related Content

Viewers also liked

Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)
Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)
Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)Javier Correro
 
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...Interbrand Design Forum
 
Influencer Analysen - Kurzer Überblick
Influencer Analysen - Kurzer ÜberblickInfluencer Analysen - Kurzer Überblick
Influencer Analysen - Kurzer ÜberblickPressrelations
 
Gpa bgf überblick und leitfaden
Gpa bgf überblick und leitfadenGpa bgf überblick und leitfaden
Gpa bgf überblick und leitfadenWerner Drizhal
 

Viewers also liked (10)

Presentacion
PresentacionPresentacion
Presentacion
 
BMWI Branchenreport Kurorte und Heilbäder
BMWI Branchenreport Kurorte und HeilbäderBMWI Branchenreport Kurorte und Heilbäder
BMWI Branchenreport Kurorte und Heilbäder
 
Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)
Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)
Tu Anuncio en sus Manos (OME 2012) Viyoi.tv (Crazy4Media)
 
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...
A New Perspective on Millennials: Segmenting a Generation for Actionable Insi...
 
Caracterizacion y evaluacion_del_modelo_vog
Caracterizacion y evaluacion_del_modelo_vogCaracterizacion y evaluacion_del_modelo_vog
Caracterizacion y evaluacion_del_modelo_vog
 
SAP FICO Overview
SAP FICO OverviewSAP FICO Overview
SAP FICO Overview
 
[DE] Standards im Records Management & MoReq2 | DGI Online Tagung 2009 | Ulri...
[DE] Standards im Records Management & MoReq2 | DGI Online Tagung 2009 | Ulri...[DE] Standards im Records Management & MoReq2 | DGI Online Tagung 2009 | Ulri...
[DE] Standards im Records Management & MoReq2 | DGI Online Tagung 2009 | Ulri...
 
Influencer Analysen - Kurzer Überblick
Influencer Analysen - Kurzer ÜberblickInfluencer Analysen - Kurzer Überblick
Influencer Analysen - Kurzer Überblick
 
YO!tech 2013 Salzburg Rückschau
YO!tech 2013 Salzburg RückschauYO!tech 2013 Salzburg Rückschau
YO!tech 2013 Salzburg Rückschau
 
Gpa bgf überblick und leitfaden
Gpa bgf überblick und leitfadenGpa bgf überblick und leitfaden
Gpa bgf überblick und leitfaden
 

Similar to USECON_RoX_Workshop_3Us-Basics

Webinar USECON&update_aktive Nutzung von Enterprise Software
Webinar USECON&update_aktive Nutzung von Enterprise Software Webinar USECON&update_aktive Nutzung von Enterprise Software
Webinar USECON&update_aktive Nutzung von Enterprise Software USECON
 
USEEDS° :: Customer Journey Maps
USEEDS° :: Customer Journey MapsUSEEDS° :: Customer Journey Maps
USEEDS° :: Customer Journey MapsUSEEDS GmbH
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterCity & Bits GmbH
 
USECON_RoX_Workshop_Experience-Strategy_und_Change
USECON_RoX_Workshop_Experience-Strategy_und_ChangeUSECON_RoX_Workshop_Experience-Strategy_und_Change
USECON_RoX_Workshop_Experience-Strategy_und_ChangeUSECON
 
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs? Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs? kris_lohmann
 
Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)Praxistage
 
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...eBusiness-Lotse Potsdam
 
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 Mobile Quality Night Vienna 2015 -   Usecon mobile experience Mobile Quality Night Vienna 2015 -   Usecon mobile experience
Mobile Quality Night Vienna 2015 - Usecon mobile experienceRudolf Grötz
 
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent Koeln
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent KoelnExperience Research: Mobile & Real Time Trends - QuestBack Kundenevent Koeln
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent KoelnUSECON
 
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX GmbH
 
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)USECON
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenIOZ AG
 
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...Ergosign GmbH
 
Product tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortProduct tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortInken Petersen
 
UX-Messung
UX-MessungUX-Messung
UX-MessunguxHH
 
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernJohannes Müller
 
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25Zeix AG
 
eResult Seminar- und Trainingsprgramm 2016
eResult Seminar- und Trainingsprgramm 2016eResult Seminar- und Trainingsprgramm 2016
eResult Seminar- und Trainingsprgramm 2016eResult_GmbH
 

Similar to USECON_RoX_Workshop_3Us-Basics (20)

Webinar USECON&update_aktive Nutzung von Enterprise Software
Webinar USECON&update_aktive Nutzung von Enterprise Software Webinar USECON&update_aktive Nutzung von Enterprise Software
Webinar USECON&update_aktive Nutzung von Enterprise Software
 
USEEDS° :: Customer Journey Maps
USEEDS° :: Customer Journey MapsUSEEDS° :: Customer Journey Maps
USEEDS° :: Customer Journey Maps
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
 
USECON_RoX_Workshop_Experience-Strategy_und_Change
USECON_RoX_Workshop_Experience-Strategy_und_ChangeUSECON_RoX_Workshop_Experience-Strategy_und_Change
USECON_RoX_Workshop_Experience-Strategy_und_Change
 
Nutzerfreude im Fokus
Nutzerfreude im FokusNutzerfreude im Fokus
Nutzerfreude im Fokus
 
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs? Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
 
Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)
 
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...
Der Kunde ist König! So schaffen Sie ein einmaliges Nutzungserlebnis für Ihre...
 
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 Mobile Quality Night Vienna 2015 -   Usecon mobile experience Mobile Quality Night Vienna 2015 -   Usecon mobile experience
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent Koeln
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent KoelnExperience Research: Mobile & Real Time Trends - QuestBack Kundenevent Koeln
Experience Research: Mobile & Real Time Trends - QuestBack Kundenevent Koeln
 
Usability und User Experience im HR Bereich
Usability und User Experience im HR BereichUsability und User Experience im HR Bereich
Usability und User Experience im HR Bereich
 
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
 
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzen
 
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...
UX Management: Effiziente Implementierung von UCD-Methoden in Unternehmen (ER...
 
Product tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortProduct tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux short
 
UX-Messung
UX-MessungUX-Messung
UX-Messung
 
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
 
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25
Zeix swiss ict-fachgruppe-ux_erfolgsmessung-ux_2014-11-25
 
eResult Seminar- und Trainingsprgramm 2016
eResult Seminar- und Trainingsprgramm 2016eResult Seminar- und Trainingsprgramm 2016
eResult Seminar- und Trainingsprgramm 2016
 

More from USECON

USECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen UmfeldUSECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen UmfeldUSECON
 
RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?USECON
 
RoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design ThinkingRoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design ThinkingUSECON
 
RoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggeligRoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggeligUSECON
 
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...USECON
 
Workshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey MappingWorkshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey MappingUSECON
 
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNONWorkshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNONUSECON
 
User Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUser Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUSECON
 
Gesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile EthnographieGesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile EthnographieUSECON
 
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUSECON
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON
 
USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON
 
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON
 
USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON
 

More from USECON (20)

USECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen UmfeldUSECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen Umfeld
 
RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?
 
RoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design ThinkingRoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design Thinking
 
RoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggeligRoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggelig
 
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
 
Workshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey MappingWorkshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey Mapping
 
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNONWorkshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
 
User Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUser Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented Reality
 
Gesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile EthnographieGesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile Ethnographie
 
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funny
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of Use
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experience
 
USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?USECON RoX2016: DIYSCITBD! WTH?
USECON RoX2016: DIYSCITBD! WTH?
 
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
 
USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?USECON RoX2016: Agile & User Experience - Crossing Borders?
USECON RoX2016: Agile & User Experience - Crossing Borders?
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
 

USECON_RoX_Workshop_3Us-Basics

  • 1. 3Us Basics – Was ist Usability, User Experience und User Interface Design
  • 2. Motto: “If I asked people what they wanted, they would have said Faster Horses.” Peter Strassl - Henry Ford Senior Interaction Designer strassl@usecon.com Angelika Kunz Motto: “A picture is worth a thousand words. An interface is worth a thousand pictures.” Team Lead Experience Consulting kunz@usecon.com - Ben Shneiderman USECON | 2013 2
  • 4. Übung – it‘s your turn! Usability Probleme 4
  • 5. 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 USECON | 2012 5
  • 6. Analyse der Usability Reports von 2009 - 2012 Web, Mobile GUI Anwendungen Prozentuale Aufteilung der Usability Probleme Struktur 12% Inhalt 14% Navigation 56% Design 18% USECON | 2013 6
  • 8. „Das Interface ist das Produkt“ – Jef Raskin S99-01415, NASA JSC, January 1999
  • 9. Usability, User Experience & User Interface Design USECON | 2013 9
  • 10. Experience Management Die 3 Us – Usability, User Experience & User Interface Design USECON | 2013 10
  • 11. Was ist Usability? Definition gemäß ISO 9241-100 Ziele Effektiv Effizient Zufriedenstellend Kontext USECON | 2013 11
  • 12. Usability ist messbar • 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 12
  • 13. Definition der Usability 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 13
  • 14. Was ist User Experience Design? Mehr als Usability – User Experience Interkulturalität Funktionalität Usability Spaß Freude Akzeptanz Sicherheit Spannung Identität Emotion Verlässlichkeit Flow Sozialität Ästhetik Vertrauen USECON | 2013 14
  • 15. Auch ein Erlebnis Uns geht es aber um die täglichen „Erlebnisse“ von Kunden und Anwender Foto: Jason Campbell 15
  • 16. User Experience Definition 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 16
  • 17. USECON - User Experience & Usability User Experience Systemnutzung vor während nach Usability USECON | 2013 17
  • 18. Usability und User Experience Wirkung System sicher, kompetent, kraftvoll, entspannt, inspiriert, ... User Experience UI User Usability ISO 9241-210 effektiv, effizient & zufriedenstellend Aufgaben System USECON | 2013 Kontext 18
  • 19. Übung – it‘s your turn! UX Faktoren USECON | 2013 19
  • 20. UX Faktoren für Unterschiedliche Interaktive Systeme Usability • 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 UXFaktoren 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 Freude Akzeptanz Spannung Emotion Sozialität Ästhetik USECON | 2013 20
  • 22. Es geht um Menschen… … und Sichtweisen USECON | 2013 22
  • 23. Menschen und Systeme technische Möglichkeiten kognitive Fähigkeiten Zeit USECON | 2013 23
  • 24. Verschiedene Sichtweisen auf ein System Aufgaben Entwickler Funktionen Benutzer USECON | 2013 24
  • 25. Wandel der Sichtweise Features & Funktionen System Sicht Benutzer / KundenBedürfnisse Technologie = Cool Technologie = Tool Technik zentriert User- / Kundenzentriert Eindimensional arbeiten Multidisziplinär arbeiten „Einweg“ Usability Systematisch vorgehen First Shot Is The Best UX Sicht Iterativ arbeiten USECON | 2013 25
  • 27. User Centred Development als Rahmen Basierend auf ISO 9241-210 1 Analyse Idee Konzeption Design Entwicklung Test Launch Software Entwicklungs Prozess 3 2 Design Evaluation USECON | 2013 27
  • 28. User Centred Development ROX Anzahl potentieller Design-Alternativen Kosten für Änderungen Höchster Return on Investment Anforderungs-Phase Entwicklungs-Phase USECON | 2012 Deployment-Phase 28
  • 31. Usability Kriterien & User Interface Prinzipien • Usability ist multidimensional und besteht aus mehreren Qualitätskriterien die messbar sind 1. Konsistenz 2. Feedback 3. Effizienz Erlernbarkeit Wiedererinnerbarkeit Usability Fehlertoleranz 4. Flexibilität 5. Klare Ausgänge in allen Zuständen 6. Textierung in der Benutzersprache 7. Aufgabenorientierung 8. Kontrolle Effizienz 9. Fehlervermeidung und Fehlertoleranz 10. Minimierung des kognitiven Aufwandes Zufriedenheit 11. Transparenz 12. Ästhetik und emotionale Wirkung Usability Kriterien User Interface Prinzipien USECON | 2013 31
  • 39. 9. Fehlervermeidung und Fehlertoleranz USECON | 2012 43
  • 40. 9. Fehlervermeidung und Fehlertoleranz USECON | 2012 44
  • 41. 9. Fehlervermeidung und Fehlertoleranz USECON | 2012 45
  • 42. Übung – it‘s your turn! User Interface Design 46
  • 43. 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 USECON | 2012 47
  • 44. Viele Möglichkeiten ein User Interface umzusetzen USECON | 2012 48
  • 46. 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. 5 (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. USECON | 2013 50
  • 47. Kontakt Peter Strassl, BSc. Senior Interaction Designer +43 (0)1/743 54 51 - 409 +43 (0)664/822 02 - 60 strassl@usecon.com Businesspark MARXIMUM Modecenterstraße 17/Objekt 2, 1110 Wien, Österreich www.usecon.com www.ux-events.com www.askus.at Tel: Fax: E-Mail: Mag. Angelika Kunz Team Lead Experience Consulting +43 (0)1/743 54 51 +43 (0)1/743 54 51 30 office@usecon.com +43 (0)1/743 54 51 - 417 Sie finden uns auch hier … +43 (0)664/822 02 - 67 kunz@usecon.com www.askus.at www.ux-showroom.com www.ux-events.com www.facebook.com/usecon www.twitter.com/usecon www.flickr.com/usecon USECON | 2013 51