UX – Schnell und effektivmittels 5 Sekunden-Test

[

Presenter: Kevin Taron, Hochschule Emden/LeerThies Pfeiffer , Exzellenzcluster Kognitive Interaktionstechnologie, Universität Bielefeld

Jörg Thomaschewski, 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?

YpS01. Geschwindigkeit 02. Portierbarkeit 03. Effizienz 04. Flexibilität

l

[

Wie wird der Test erstellt und wodrauf ist zu achten?

Der Weg zu einem gutem 5-Sekunden-Test

[ZIELE.Vor der Erstellung eines 5-Sekunden-Test wird die Zielsetzung definiert.

01 02 03 ALLGEMEIN 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 die Webseite auf einer Skala …?

• Welche Eigenschaften assoziieren Sie mit dem Design der Webseite?

Wahrnehmung von Eigenschaften oder Elementen auf der Webseite z.B.

• Welche Firma betreibt die Seite?

• Welche Kontaktmöglichkeiten gab es auf der Webseite?

[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?”

01Target-Identification-Test.Frage die auf ein bestimmtes Element / Ziel fokussiert ist.

z.B. “Welche Möglichkeiten gab es den Betreiber zu kontaktieren?”

02Attitudinal-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?”

04Mixed-Test.Ein Mix aus den vorherigen Formaten. Sollte vermieden werden aber wird häufig genutzt.

05

[

Best Practices of UX-Questioning beachten

EINLEITUNG & FRAGEN ERSTELLENTestbild 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 eineBestellung?

Frage 2: “Bewerten Sie das Design auf einer Skala von 1-10 mit 1=gar nicht ansprechend und 10=sehransprechend”

Format: Mixed Test(für die Veranstaltung zur Demo gewählt)

Griechisches RestaurantWarum wird soviel über “lieferanmich” bestellt und nicht über das Telefon?

[

ERFAHRUNGSBERICHTE

[ERFAHRUNG.

Frage 1: Was war Ihr erster Gedanke zu derWebseite?

Frage 2: Bewerten Sie das Design der Webseiteauf einer Skala von 1-10.

BUZZFEED.deTestcase : Attitudinal Test

[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 sicherinnern die Kurse bei Udacity erstellt haben?

Frage 4: Bewerten Sie das Design der Webseiteauf einer Skala von 1-10 mit 1=gar nichtansprechend zu 10=sehr ansprechend

Udacity.comTestcase: Mixed Test

[ANALYSE.Online-Ergebnisse zu dem Attitudinal-Test zur Webseite Buzzfeed.de

54% 36%

7,2925%

Erkannten das Geschäftsmodell

Falsche Wahrnehmung zum Geschäftsmodell

Ø Bewertung

Beschreibung der Webseite

1 Antwort15%

>= 2 Antworten11%

32%Bewerten die Seite

27%Nennung von Objekten

[

ONLINE – TOOLhttp://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 INFOPhone: +49 5258 9776335Email: k.taron@gutwerker.deWeb: 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