The UX Five-Second Rules

The UX Five-Second Rules
Sebastian Huber | Martin Kolb | Carsten Meier
Inhalt
●
Was ist ein 5-Sekunden-Test?
●
Anwendungsgebiete
●
Vorteile
●
Wahrnehmungsprozess
●
Testablauf
●
Testformate
●
Beispieltest
●
Dos/Don'ts
Was ist ein 5-Sekunden-Test?
●
Der Proband
–
bekommt eine kurze Einführung
–
sieht (5 Sekunden lang) ein Bild eines Designs
–
beantwortet unmittelbar danach ein paar Fragen
●
Hilft bei beim Design in der Entstehungsphase
●
Probanden benötigt keinerlei Vorkenntnisse
Anwendungsgebiete
●
Inhaltsseiten auf Websites
●
Vergleich von einfachen visuellen Elementen
●
Unter Umständen auch für Home- oder Landing Pages
Vorteile
Vorteile
Vorteile
Vorteile
Wahrnehmungsprozess
Wahrnehmungsprozess
●
●
5 Sekunden Limit veranlasst das Gehirn
–
visuelle Reize schnell zu erfassen
–
keine Vergleiche zwischen bereits erlerntem anzustellen
Prozess erscheint mühelos
–
passiert im Unterbewusstsein
–
löst trotzdem komplexe Mechanismen im Nervensystem aus
Wahrnehmungsprozess
●
Bottom-up Mechanismen (→ visuelle Stimuli)
–
●
Top-down Mechanismen (→ Wissen/Erfahrung)
–
●
Verarbeitung der Wahrnehmung
Gedächtnis und Wissensverarbeitung
Einzelne visuelle Elemente liefern sich
Aufmerksamkeitswettbewerb
Bild für Polaroid-Test
Wahrnehmungsprozess
●
Information wird im Kurzzeitgedächtnis gespeichert
–
●
●
neue Eindrücke überschreiben das Kurzzeitgedächtnis!
Nachfolgende Aufgaben (Fragen & Antworten) werden
mit Hilfe des Langzeitgedächtnisses beantwortet
Wechsel zwischen Kurz- und Langzeitgedächtnis löst
„verblassen“ des Kurzzeitgedächtnisses aus
–
beeinflusst Fragestellung und Reihenfolge
Umgekehrter Polaroid-Effekt
Testablauf
●
Konkreten Fokus für den Test setzen
–
Aufmerksamkeit auf bestimmten Typ von Information lenken
(„lies den Text“)
●
●
●
Instruktionen gegenüber dem Probanden
kommunizieren
Bild 5 Sekunden anzeigen und wieder entfernen
Proband schreibt auf / erzählt an welche Elemente er
sich erinnern kann
Testformate
●
Wiedergabetests
●
Zielgerichtete Tests
●
Emotionstests
●
Gemischte Tests
Testformate
Beispieltest
●
Testformat: Wiedergabetest
●
Einleitung:
–
Es wird für 5 Sekunden ein Bild gezeigt
–
Versuche, dir so viel wie möglich zu merken
–
Anschließend werden wir dir eine Frage stellen
Beispieltest
Was ist die Hauptaufgabe der Website?
Dos/Don'ts: Anweisungen
●
Kurze, klare Anweisungen formulieren
●
Vermeide konkurrierende Anweisungen
●
Keine Interaktion testen
●
Zielgerichtete- und Emotionstests benötigen
konkretere Anweisungen als Wiedergabetests
Dos/Don'ts: Bilder
●
Vermeide jegliches Scrolling der Probanden
●
Keine komplexen Vergleiche
●
Möglichst Vollbild verwenden
Dos/Don'ts: Fragen
●
●
Reihenfolge der Fragen ist sehr wichtig
–
Abbau des Kurzzeitgedächtnisses
–
Beeinflussung der Fragen untereinander
Es gibt keine „richtige“ Anzahl Fragen
–
●
●
Faustregel: weniger ist mehr
Komplexität der Frage sollte gering sein
Offene Fragen sind aussagekräftig, aber mit
zunehmender Zeit ungenauer (→ Polaroid-Effekt)
Dos/Don'ts: Häufigste Fehler
●
Fragen, die nicht beantwortet werden können
●
Überbeanspruchung der Probanden
●
–
Zu viele Fragen
–
Zu lange Fragen
Verwirrung der Probanden
–
Falsch geordnete Fragen
–
Ungenaue Einleitung / falscher Fokus
Dos/Don'ts: Häufigste Fehler
●
Falsche Testmethode gewählt
–
●
„If you have a hammer, suddenly everything looks like a nail“
Bildauswahl
–
zu viele / unwichtige Informationen
Zusammenfassung
●
Schnelle Evaluation von visuellen Elementen oder
Inhaltsseiten
●
Zeiteffizient: kurze Planungsdauer, viele Probanden
●
Probanden benötigen kein Vorwissen
●
Kann Überall durchgeführt werden
●
Ideal für schnelles Feedback einzelner Elemente
●
Kann in andere UX-Tests integriert werden
Quellen
●
●
Buch „The UX Five-Second Rules“
–
Paul Doncaster
–
1. Auflage, 2014
Icons:
–
●
Bild Folie 12:
–
●
The Noun Project
https://www.flickr.com/photos/ryanec/
Bild Folie 14 & 17:
–
aus dem Buch
Danke.