UX – Schnell und effektiv
mittels 5 Sekunden-Test
[
Presenter: KevinTaron, Hochschule Emden/Leer
Thies Pfeiffer, ExzellenzclusterKognitive Interaktionstechnologie, Universität Bielefeld
JörgThomaschewski, Hochschule Emden/Leer
[
User Experience
is king
[UX-METHODEN.Auswahl einiger UX-Methoden.
„
]
é
Y

h
A
Online-Umfragen
Benchmarking-Test
Onsite-Befragung
und viele mehr.Personas
Fokusgruppen
Wireframes
Web Analyse
Tagebuchstudie
Eyetracking
Interviews /
Beobachtung
[
5-Sekunden-Test
Eindrucks- &Wahrnehmungstest
WEITERE UX-METHODE.Heute vorgestellt:
[
Gilt auch für Webseiten & Apps
Es gibt keine zweite Chance für den ersten Eindruck
[
50mswerden für den
ersten Eindruck benötigt
FAKTEN.
*Lindgaard G., Fernandes G. J., Dudek C. & Brown, J.,
"Attention web designers: You have 50 milliseconds to make a good first impression!"
Eine kanadische Studie* hat ergeben
[
Die eine UX-Methode?
Der 5-Sekunden-Test
[
http://muc.gutwerker.de
Let’s test it!
LIVE-TEST.Bitte besuchen Sie mit Ihrem Smartphone folgende URL:
[
Fertig.
Ein 5-Sekunden-Test ist schnell!
LIVE-TEST.
[VORTEILE.Welche Vorteile hat ein 5-Sekunden-Test gegenüber
anderen Methoden?
YpS
01. Geschwindigkeit 02. Portierbarkeit 03. Effizienz 04. Flexibilität
l
[
Wie wird der Test erstellt und wodrauf ist zu achten?
DerWeg zu einem gutem 5-Sekunden-Test
[ZIELE.Vor der Erstellung eines 5-Sekunden-Test wird die
Zielsetzung definiert.
01 02 03ALLGEMEIN AUSSEHEN WAHRNEHMUNG
Zielsetzung eher allgemein
gehalten z.B.
• Was fällt ihn zu dieser
Webseite ein?
• Schreiben Sie auf was Ihnen
einfällt.
Bezieht sich eher auf das
Aussehen z.B.
• Bewerten Sie dieWebseite
auf einer Skala …?
• Welche Eigenschaften
assoziieren Sie mit dem
Design derWebseite?
Wahrnehmung von
Eigenschaften oder Elementen
auf derWebseite z.B.
• Welche Firma betreibt die
Seite?
• Welche
Kontaktmöglichkeiten gab es
auf derWebseite?
[FORMATE.Anhand der Zielsetzung wird ein geeignetes Testformat
gewählt.
03Memory-Dump-Test.
Wortwörtlich einfach die Gedanken auf
dem Papier abladen.
z.B. “Was fällt Ihnen zu der Seite ein?”
01 Target-Identification-Test.
Frage die auf ein bestimmtes Element /
Ziel fokussiert ist.
z.B. “Welche Möglichkeiten gab es den
Betreiber zu kontaktieren?”
02 Attitudinal-Test.
Fragen zum Design und Aussehen.
z.B.
“Bewerten Sie die Seite auf einer Skala
von 1-10”
Adjective-Test.
Ähnlich dem Attitudinal-Test thematisch
eher zum Aussehen. Speziell wird nach
Adjektiven gefragt.
z.B. “Mit welchen Adjektiven würden Sie
die Seite beschreiben?”
04 Mixed-Test.
Ein Mix aus den vorherigen Formaten.
Sollte vermieden werden aber wird häufig
genutzt.
05
[
Best Practices of UX-Questioning beachten
EINLEITUNG & FRAGEN ERSTELLEN
Testbild generieren
[
Es sind nur 5 Sekunden!
ACHTUNG: 5-Sekunden-Test ist
keine herkömmliche UX Methode
[DURCHFÜHRUNG.
+ Einfach via Online-Tools.
+ Leicht zu verbreiten und eine potenzielle. große Gruppe.
- Nicht überwachbar / Ohne Betreuung
- Abbrecher-Quote
ONLINE -TEST
+ Geringe Abbrecher-Quote
+ Betreuung
- Einzeln
- Dauer
PERSÖNLICH
+ Geringe Abbrecher-Quote.
+ Betreeung.
- Kleine Gruppe
- Präsentation
GRUPPE
PERSON.
ONLINE. GRUPPE.
[ANWENDUNGSBEISPIEL.
Frage 1: “Welche Möglichkeiten gab es für eine
Bestellung?
Frage 2: “Bewerten Sie das Design auf einer Skala von 1-
10 mit 1=gar nicht ansprechend und 10=sehr
ansprechend”
Format: Mixed Test
(für die Veranstaltung zur Demo gewählt)
Griechisches Restaurant
Warum wird soviel über “lieferanmich” bestellt und
nicht über dasTelefon?
[
ERFAHRUNGSBERICHTE
[ERFAHRUNG.
Frage 1: Was war Ihr erster Gedanke zu der
Webseite?
Frage 2: Bewerten Sie das Design der Webseite
auf einer Skala von 1-10.
BUZZFEED.de
Testcase : AttitudinalTest
[ANALYSE.Online-Ergebnisse zu dem Attitudinal-Test zur Webseite
Buzzfeed.de
58% 73
1,23 4,09
Negative Bewertungen Teilnehmer
Antworten pro Person Ø Bewertung
Negativ 58%
Neutral 27%
Positiv 15%
[ANALYSE.Offline-Ergebnisse zu dem Attitudinal-Test zur Webseite
Buzzfeed.de
55% 13
1,7 3,0
Negative Bewertungen Teilnehmer
Antworten pro Person Ø Bewertung
Negativ 55%
Neutral 45%
Positiv 0%
[UDACITY.
Frage 1: Schreiben Sie alles auf was Ihnen einfällt.
Frage 2: Was macht die Firma Udacity?
Frage 3: An welchen Firmen können Sie sich
erinnern die Kurse bei Udacity erstellt haben?
Frage 4: Bewerten Sie das Design der Webseite
auf einer Skala von 1-10 mit 1=gar nicht
ansprechend zu 10=sehr ansprechend
Udacity.com
Testcase: MixedTest
[ANALYSE.Online-Ergebnisse zu dem Attitudinal-Test zur Webseite
Buzzfeed.de
54% 36%
7,29
25%
Erkannten
das Geschäftsmodell
FalscheWahrnehmung
zum Geschäftsmodell
Ø Bewertung
Beschreibung derWebseite
1 Antwort
15%
>= 2 Antworten
11%
32%
Bewerten die Seite
27%
Nennung von Objekten
[
ONLINE –TOOL
http://usabilityhub.com
[INTEGRATION.In Workflows & Arbeitsprozesse.
Testen und validieren von Prototypen & Wireframes.
• Werden gewünschte Ziele erreicht?
• Werden wichtige Elemente wahrgenommen?
• Gefällt das Design?
• A/B Test
• Testen von iterativen Verbesserungen
Testen und verbessern von bestehen Webseiten
• Wahrnehmung von Elementen?
• Wahrnehmung der Marke / C2A?
• Gefällt das Design?
• Auswertung von Webanalyse -> Erforschung der
Ursachen.
01. DESIGNPROZESS
02. VERBESSERUNGSPROZESS
[
FAZIT
[
LIVE-Auswertung?
LIVE-TEST.
[
MAKE UX AWESOME!!!!
[CONNECT.
SOCIAL MEDIAZusammenarbeit
CONTACT INFO
Phone: +49 5258 9776335
Email: k.taron@gutwerker.de
Web: http://gutwerker.de
Kevin Taron –
Hochschule Emden/Leer
Dr. Jörg Thomaschewski –
Hochschule Emden/Leer
Dr. Thies Pfeiffer –
Exzellenzcluster Kognitive
Interaktionstechnologie, Universität
Bielefeld

Xing.com/profile/kevin_taron
Linkedin.com/in/kevintaron
Folien verfügbar unter:
http://gutwerker.de/muc2016
Dr. Jörg Thomaschewski
Dr. Thies Pfeiffer
Kevin Taron

UX – Schnell und effektiv mittels 5 Sekunden-Test

  • 1.
    UX – Schnellund effektiv mittels 5 Sekunden-Test [ Presenter: KevinTaron, Hochschule Emden/Leer Thies Pfeiffer, ExzellenzclusterKognitive Interaktionstechnologie, Universität Bielefeld JörgThomaschewski, Hochschule Emden/Leer
  • 2.
  • 3.
    [UX-METHODEN.Auswahl einiger UX-Methoden. „ ] é Y  h A Online-Umfragen Benchmarking-Test Onsite-Befragung undviele mehr.Personas Fokusgruppen Wireframes Web Analyse Tagebuchstudie Eyetracking Interviews / Beobachtung
  • 4.
  • 5.
    [ Gilt auch fürWebseiten & Apps Es gibt keine zweite Chance für den ersten Eindruck
  • 6.
    [ 50mswerden für den erstenEindruck benötigt FAKTEN. *Lindgaard G., Fernandes G. J., Dudek C. & Brown, J., "Attention web designers: You have 50 milliseconds to make a good first impression!" Eine kanadische Studie* hat ergeben
  • 7.
  • 8.
    [ http://muc.gutwerker.de Let’s test it! LIVE-TEST.Bittebesuchen Sie mit Ihrem Smartphone folgende URL:
  • 9.
  • 10.
    [VORTEILE.Welche Vorteile hatein 5-Sekunden-Test gegenüber anderen Methoden? YpS 01. Geschwindigkeit 02. Portierbarkeit 03. Effizienz 04. Flexibilität l
  • 11.
    [ Wie wird derTest erstellt und wodrauf ist zu achten? DerWeg zu einem gutem 5-Sekunden-Test
  • 12.
    [ZIELE.Vor der Erstellungeines 5-Sekunden-Test wird die Zielsetzung definiert. 01 02 03ALLGEMEIN AUSSEHEN WAHRNEHMUNG Zielsetzung eher allgemein gehalten z.B. • Was fällt ihn zu dieser Webseite ein? • Schreiben Sie auf was Ihnen einfällt. Bezieht sich eher auf das Aussehen z.B. • Bewerten Sie dieWebseite auf einer Skala …? • Welche Eigenschaften assoziieren Sie mit dem Design derWebseite? Wahrnehmung von Eigenschaften oder Elementen auf derWebseite z.B. • Welche Firma betreibt die Seite? • Welche Kontaktmöglichkeiten gab es auf derWebseite?
  • 13.
    [FORMATE.Anhand der Zielsetzungwird ein geeignetes Testformat gewählt. 03Memory-Dump-Test. Wortwörtlich einfach die Gedanken auf dem Papier abladen. z.B. “Was fällt Ihnen zu der Seite ein?” 01 Target-Identification-Test. Frage die auf ein bestimmtes Element / Ziel fokussiert ist. z.B. “Welche Möglichkeiten gab es den Betreiber zu kontaktieren?” 02 Attitudinal-Test. Fragen zum Design und Aussehen. z.B. “Bewerten Sie die Seite auf einer Skala von 1-10” Adjective-Test. Ähnlich dem Attitudinal-Test thematisch eher zum Aussehen. Speziell wird nach Adjektiven gefragt. z.B. “Mit welchen Adjektiven würden Sie die Seite beschreiben?” 04 Mixed-Test. Ein Mix aus den vorherigen Formaten. Sollte vermieden werden aber wird häufig genutzt. 05
  • 14.
    [ Best Practices ofUX-Questioning beachten EINLEITUNG & FRAGEN ERSTELLEN Testbild generieren
  • 15.
    [ Es sind nur5 Sekunden! ACHTUNG: 5-Sekunden-Test ist keine herkömmliche UX Methode
  • 16.
    [DURCHFÜHRUNG. + Einfach viaOnline-Tools. + Leicht zu verbreiten und eine potenzielle. große Gruppe. - Nicht überwachbar / Ohne Betreuung - Abbrecher-Quote ONLINE -TEST + Geringe Abbrecher-Quote + Betreuung - Einzeln - Dauer PERSÖNLICH + Geringe Abbrecher-Quote. + Betreeung. - Kleine Gruppe - Präsentation GRUPPE PERSON. ONLINE. GRUPPE.
  • 17.
    [ANWENDUNGSBEISPIEL. Frage 1: “WelcheMöglichkeiten gab es für eine Bestellung? Frage 2: “Bewerten Sie das Design auf einer Skala von 1- 10 mit 1=gar nicht ansprechend und 10=sehr ansprechend” Format: Mixed Test (für die Veranstaltung zur Demo gewählt) Griechisches Restaurant Warum wird soviel über “lieferanmich” bestellt und nicht über dasTelefon?
  • 18.
  • 19.
    [ERFAHRUNG. Frage 1: Waswar Ihr erster Gedanke zu der Webseite? Frage 2: Bewerten Sie das Design der Webseite auf einer Skala von 1-10. BUZZFEED.de Testcase : AttitudinalTest
  • 20.
    [ANALYSE.Online-Ergebnisse zu demAttitudinal-Test zur Webseite Buzzfeed.de 58% 73 1,23 4,09 Negative Bewertungen Teilnehmer Antworten pro Person Ø Bewertung Negativ 58% Neutral 27% Positiv 15%
  • 21.
    [ANALYSE.Offline-Ergebnisse zu demAttitudinal-Test zur Webseite Buzzfeed.de 55% 13 1,7 3,0 Negative Bewertungen Teilnehmer Antworten pro Person Ø Bewertung Negativ 55% Neutral 45% Positiv 0%
  • 22.
    [UDACITY. Frage 1: SchreibenSie alles auf was Ihnen einfällt. Frage 2: Was macht die Firma Udacity? Frage 3: An welchen Firmen können Sie sich erinnern die Kurse bei Udacity erstellt haben? Frage 4: Bewerten Sie das Design der Webseite auf einer Skala von 1-10 mit 1=gar nicht ansprechend zu 10=sehr ansprechend Udacity.com Testcase: MixedTest
  • 23.
    [ANALYSE.Online-Ergebnisse zu demAttitudinal-Test zur Webseite Buzzfeed.de 54% 36% 7,29 25% Erkannten das Geschäftsmodell FalscheWahrnehmung zum Geschäftsmodell Ø Bewertung Beschreibung derWebseite 1 Antwort 15% >= 2 Antworten 11% 32% Bewerten die Seite 27% Nennung von Objekten
  • 24.
  • 25.
    [INTEGRATION.In Workflows &Arbeitsprozesse. Testen und validieren von Prototypen & Wireframes. • Werden gewünschte Ziele erreicht? • Werden wichtige Elemente wahrgenommen? • Gefällt das Design? • A/B Test • Testen von iterativen Verbesserungen Testen und verbessern von bestehen Webseiten • Wahrnehmung von Elementen? • Wahrnehmung der Marke / C2A? • Gefällt das Design? • Auswertung von Webanalyse -> Erforschung der Ursachen. 01. DESIGNPROZESS 02. VERBESSERUNGSPROZESS
  • 26.
  • 27.
  • 28.
  • 29.
    [CONNECT. SOCIAL MEDIAZusammenarbeit CONTACT INFO Phone:+49 5258 9776335 Email: k.taron@gutwerker.de Web: http://gutwerker.de Kevin Taron – Hochschule Emden/Leer Dr. Jörg Thomaschewski – Hochschule Emden/Leer Dr. Thies Pfeiffer – Exzellenzcluster Kognitive Interaktionstechnologie, Universität Bielefeld  Xing.com/profile/kevin_taron Linkedin.com/in/kevintaron Folien verfügbar unter: http://gutwerker.de/muc2016 Dr. Jörg Thomaschewski Dr. Thies Pfeiffer Kevin Taron