5-Sekunden-Test: Was ist das und wie geht er?

Was ist ein 5-Sekunden-Test

Beim 5-Sekunden-Test sieht eine Person eine Seite nur 5 Sekunden lang. Dann schließt sich die Seite, und sie wird gefragt, was sie behalten hat. Was hängen bleibt, ist das, was die Seite auf den ersten Blick tatsächlich vermittelt.

Den Begriff prägte Christine Perfetti Mitte der 2000er-Jahre. Das schreibt Eduard Kuric in seiner Fallstudie im Smashing Magazine von 2023. Laut Kuric kann Perfettis Artikel, erschienen am 11. September 2007 bei UIE, als erste Quelle des modernen 5-Sekunden-Tests gelten.

Laut Perfetti geht es darum zu sehen, ob eine Inhaltsseite ihren Hauptzweck klar und knapp vermittelt. Nutzer fällen ihr eigentliches Urteil über eine Seite in den ersten Momenten, und der Test fängt genau diese Momente ein.

Später wurde die Methode auch Thema eines Buchs. Paul Doncasters Buch „The UX Five-Second Rules“ von 2014 nutzt laut Verlagsseite bei Elsevier Beispiele aus mehr als 300 Tests.

Live-5-Sekunden-Test

Unten sehen Sie zwei Landingpages desselben fiktiven Produkts. Die Überschrift von Version A ist vage, Version B sagt klar, was sie anbietet. Wählen Sie eine Version, drücken Sie Starten und beantworten Sie die Frage, sobald die Seite verschwindet.

Sind Ihnen fünf Sekunden zu kurz, drücken Sie „Zeitlimit aufheben“. Die Seite bleibt sichtbar, bis Sie bereit sind.

Diesen Button habe ich wegen des Erfolgskriteriums 2.2.1 der WCAG 2.2 eingebaut. Nach diesem Kriterium der Stufe A müssen Nutzer ein Zeitlimit abschalten, anpassen oder verlängern können.

Live-5-Sekunden-Test

Beide Versionen nebeneinander

karteo.example

KarteoLösungenÜber unsKontakt

Genuss, digital gedacht

Mit einem Ansatz der neuen Generation bringen wir Ihr Unternehmen in die Zukunft.

Mehr erfahren

Die Überschrift beschreibt ein Gefühl, nicht das Produkt. Der Untertitel passt zu jedem Unternehmen. Nach fünf Sekunden bleibt vermutlich nur „irgendwas mit Essen“ hängen.

karteo.example

KarteoSo funktioniert’sPreiseAnmelden

QR-Speisekarte für Ihr Café oder Restaurant

Laden Sie Ihre Karte einmal hoch und legen Sie den Code auf den Tisch. Ändern Sie einen Preis, sehen Gäste ihn sofort.

14 Tage kostenlos testen

Die Überschrift sagt, was das Produkt ist und für wen. Der Untertitel erklärt in zwei Sätzen, wie es funktioniert. Der Button nennt den nächsten Schritt beim Namen.

Da JavaScript ausgeschaltet ist, läuft der Test nicht; oben sehen Sie beide Versionen nebeneinander. Im Live-Test erscheint die Seite 5 Sekunden lang, wird dann ausgeblendet, und es folgt die Frage „Was bietet diese Website an?“.

Die Marke Karteo, beide Landingpages und die Antwortoptionen sind von mir erfunden, es ist kein echtes Unternehmen. In einem echten Test sieht jede Person nur eine Version. Hier können Sie beide ausprobieren, aber beim zweiten Versuch kennen Sie die Antwort schon.

So läuft ein 5-Sekunden-Test ab

Der Ablauf in Perfettis Artikel ist kurz und wiederholbar. Ich baue den Test in dieser Reihenfolge auf.

1. Eine fokussierte Aufgabe geben. Getestet wird im Artikel die Spendenseite des Roten Kreuzes. Die Aufgabe lautet: „Sie sind bereit, dem Roten Kreuz zu spenden.“
2. Die Zeit vorher ansagen. Sagen Sie der Person, dass sie die Seite nur 5 Sekunden sieht. Bitten Sie sie, sich so viel wie möglich zu merken.
3. Zeigen und ausblenden. Die Seite bleibt 5 Sekunden auf dem Bildschirm und schließt sich dann.
4. Erinnertes aufschreiben lassen. Die Person schreibt alles auf, was ihr im Gedächtnis geblieben ist. Stellen Sie danach zwei Nachfragen. Im Artikel lauten sie „Was ist die wichtigste Information auf dieser Seite?“ und „Wie würden Sie dem Roten Kreuz spenden?“.

Laut Artikel dauert der Test etwa 10 Minuten je Person. Deshalb lässt er sich auf Messen, Konferenzen oder in der Firmenkantine in kurzer Zeit mit vielen Menschen durchführen.

Der Test funktioniert auch mit Papierentwürfen oder PDFs. Sie können ihn also nutzen, bevor das Design überhaupt auf dem Bildschirm ist.

Das Ergebnis des Rotkreuz-Beispiels ist lehrreich. Beim ersten Design verstanden alle, dass die Seite Spenden sammeln soll, aber die Teilnehmenden kannten nur Geldspenden.

Man konnte auch Aktien, Kleidung und Flugmeilen spenden, und das stand auf der Seite. Trotzdem bemerkte es niemand. Wer das neue Design mit hervorgehobenen Optionen sah, erinnerte sich nach 5 Sekunden an alle Optionen.

Was der 5-Sekunden-Test misst und was nicht

Der Test misst, was die Seite auf den ersten Blick vermittelt. Laut Kuric soll er zeigen, ob der erste Eindruck der Person so ist, wie Sie ihn wollen. Kommt die Hauptbotschaft an, erinnern sich die Leute an den Firmennamen, wie komplex wirkt die Seite? Darauf gibt der Test Antworten.

Was er nicht misst, zählt der Leitfaden von Lyssna so auf:

• Er zeigt, was bemerkt wird, aber nicht, warum.
• Er liefert keine Verhaltensdaten wie Aufgabenerfolg oder Fehlerquote.
• Die Seite wird ohne Kontext gezeigt. Die Person weiß nicht, über welche Anzeige oder Suche sie gekommen ist.
• Die Person erinnert sich womöglich nicht an alles, was ihr aufgefallen ist.

Dazu kommt eine Grenze beim Seitentyp. Perfetti schreibt, dass der Test bei Seiten mit einem einzigen Hauptzweck am besten funktioniert.

Kuric berichtet, dass Leitfäden dieselbe Warnung für Oberflächen mit mehreren Zwecken aussprechen. Ihm zufolge nimmt man sich aber die Chance, den ersten Eindruck zu messen, wenn man die Methode bei solchen Oberflächen ganz aufgibt.

Ob jemand eine Aufgabe von Anfang bis Ende erledigen kann, sagt dieser Test nicht. Dafür braucht es einen Usability-Test.

Warum 5 Sekunden?

Laut Perfetti beginnen Teilnehmende bei längerer Zeit, die Seite wie Designer zu studieren. Sie bemerken Details, die sie sonst übersehen würden. Das verfälscht den ersten Eindruck.

Aber die 5 ist kein Gesetz. Kuric schreibt, dass diese Dauer vor allem auf Beobachtungen von Forschenden beruht. In der Fallstudie seines Teams sahen die Teilnehmenden die Seiten 2, 5 oder 10 Sekunden lang.

Mit längerer Zeit nannten weniger Personen einen falschen Zweck der Website. Am deutlichsten war der Unterschied zwischen 5 und 10 Sekunden. Antworten zur Einstellung blieben dagegen von der Dauer weitgehend unberührt.

Kuric empfiehlt, die Dauer nach Art der Frage und nach der visuellen Komplexität der Seite zu wählen.

Eine gute Frage für den 5-Sekunden-Test

Eine gute Frage fragt nach genau einer Sache und gibt die Antwort nicht vor. Der Leitfaden von Lyssna nennt dazu zwei Beispiele. „Welche Elemente sind Ihnen aufgefallen?“ ist neutral. „Haben Sie unseren auffälligen Call-to-Action-Button bemerkt?“ lenkt die Antwort.

Kuric unterscheidet drei Arten von Fragen:

• Einstellungsfrage: die Seite auf einer Skala von 1 bis 7 bewerten lassen, etwa von hässlich bis attraktiv.
• Frage zur Zielerkennung: nach einem bestimmten Element fragen, etwa nach dem Firmennamen im Logo.
• Gedächtnisabruf: die Person bitten, alles zu erzählen, woran sie sich erinnert.

Halten Sie die Zahl der Fragen klein. Lyssna empfiehlt höchstens 5–8 Fragen, weil die Teilnehmenden ermüden.

Teilen Sie zusammengesetzte Fragen auf. Das Beispiel von Lyssna: „Worum ging es auf dieser Seite, und wie hat die visuelle Hierarchie Ihre Aufmerksamkeit auf das Wertversprechen gelenkt?“ sind zwei Fragen.

Meine erste Frage ist immer dieselbe: „Was bietet diese Website an?“ Antwortet die Person in eigenen Worten, sehen Sie besser, was die Seite wirklich vermittelt. In der Demo oben habe ich eine Auswahlfrage genommen, weil ich das Ergebnis sofort zeigen wollte.

Wie viele Teilnehmende braucht man

Perfettis Artikel nennt keine Zahl. Der Leitfaden von Lyssna schreibt, dass meist 5–10 Teilnehmende reichen, um die wichtigsten Muster zu sehen. Für eine bestimmte Zielgruppe empfiehlt er 5–6, für einen allgemeinen Test des ersten Eindrucks 8–10 Personen.

Weil eine Person den Test in etwa 10 Minuten abschließt, ist es günstig, die Zahl zu erhöhen. Vergleichen Sie zwei Versionen wie A und B, geben Sie jeder Version eine eigene Gruppe. Sieht dieselbe Person die zweite Version, kennt sie die Antwort schon.

Wie ich allgemein über die Stichprobengröße denke, steht im Ratgeber Wie viele Nutzer testen.

Einsatz für Landingpage und Startseite

Am besten funktioniert der 5-Sekunden-Test bei einer Landingpage. Eine Landingpage hat meist genau eine Aufgabe: Besuchern sagen, was sie anbietet, und sie zu einem Schritt führen. Das passt genau zu der Seite mit einem einzigen Zweck, die Perfetti beschreibt.

Auch der Zeitdruck ist real. Laut Jakob Nielsens NN/g-Artikel von 2011 ist die Wahrscheinlichkeit, eine Seite zu verlassen, in den ersten Sekunden sehr hoch. Für die Entscheidung zu bleiben oder zu gehen sind die ersten 10 Sekunden entscheidend. Nielsens Rat: das Wertversprechen innerhalb von 10 Sekunden vermitteln.

Beim Test einer Landingpage suche ich Antworten auf diese Fragen:

• Kann die Person sagen, was angeboten wird und für wen?
• Erinnert sie sich an den Haupt-Button?
• Kommt in den Antworten der Nutzen des Produkts vor oder nur sein Name?

Wie ich den Rest der Seite aufbaue, beschreibe ich im Muster Landingpage.

Seien Sie bei der Startseite vorsichtig. Perfetti schreibt, dass Startseiten und große Navigationsseiten weniger brauchbare Ergebnisse liefern, weil sie vielen Aufgaben und Nutzertypen dienen. Lyssna dagegen hält die Startseite als ersten Kontaktpunkt für einen guten Kandidaten.

Mit der richtigen Frage haben meiner Meinung nach beide recht. Auf der Startseite funktioniert „Was bietet diese Website an?“. „Haben Sie alles auf dieser Seite verstanden?“ funktioniert nicht.

Wie Sie die Ergebnisse lesen

Gruppieren Sie zuerst die Antworten. Fassen Sie zusammen, wer dasselbe mit anderen Worten sagt, und zählen Sie, wer den Zweck der Seite richtig nennt.

Achten Sie dann auf die Wörter. Kommen Wörter aus der Überschrift in den Antworten vor, macht die Überschrift ihre Arbeit. Erwähnt niemand den Haupt-Button, ist er entweder nicht sichtbar oder sagt nicht, was er tut.

Ändern Sie etwas und wiederholen Sie den Test mit einer neuen Gruppe. Auch in Perfettis Rotkreuz-Beispiel lieferte erst die zweite Runde das eigentliche Ergebnis. Wer das neue Design sah, erinnerte sich an Spendenoptionen, die beim ersten Design niemand bemerkt hatte.

Meine Notiz

Ein Gefühlssatz wie in Version A kann dem Team, das das Produkt baut, völlig ausreichend vorkommen. Weil das Team das Produkt gut kennt, merkt es nicht, was die Überschrift verschweigt. Für mich ist der 5-Sekunden-Test einer der günstigsten Wege, diese Blindheit mit einem Blick von außen sichtbar zu machen.

Ich hänge den Test gern an die erste Minute einer Usability-Sitzung. Ich hole mir den ersten Eindruck, bevor die Person das Produkt benutzt, und gehe dann zu den eigentlichen Aufgaben über. So liefert eine Sitzung zwei Arten von Daten.

Sind Sie nicht sicher, was Ihre Seite in den ersten 5 Sekunden vermittelt, kann ich mir im UX Audit Ihre Landingpage und einen Ablauf von Anfang bis Ende ansehen. Überschrift, Wertversprechen und Haupt-Button schaue ich mir zuerst an.