First-Click-Test: So testen Sie den ersten Klick

Was ist ein First-Click-Test

Beim First-Click-Test bekommen Teilnehmende einen Bildschirm und eine Aufgabe. Sie wählen, wohin sie zuerst klicken würden, um die Aufgabe zu lösen. Sie halten fest, ob dieser Klick an die richtige Stelle führt.

Der Test betrachtet eine einzige Entscheidung: Weiß die Person, wo sie anfangen soll? Den Rest der Aufgabe misst er nicht.

Der Bildschirm kann ein Designentwurf oder eine Live-Website sein. Deshalb lässt sich der Test in fast jeder Phase des Designs einsetzen.

Warum der erste Klick so wichtig ist

Kurz gesagt: Wer richtig anfängt, schließt die Aufgabe deutlich öfter ab. Der Befund geht auf Arbeiten von Bob Bailey und Cari Wolfson zurück.

Ein Artikel von MeasuringU aus dem Jahr 2023 fasst sie so zusammen. Bailey und Wolfson führten zwischen 2006 und 2009 ein Dutzend Studien durch. Lag der erste Klick auf dem besten Weg zur Aufgabe, lösten 87 % die Aufgabe am Ende. Lag er daneben, waren es 46 %.

Der Kontext zählt. Bailey und Wolfson nutzten kein Klicktest-Tool, sondern werteten erste Klicks während Aufgaben auf funktionierenden Websites aus.

MeasuringU prüfte den Effekt auch mit eigenen Daten. Auf fünf Websites, in 21 Aufgaben und mit 750 Teilnehmenden fiel der Unterschied kleiner aus: 78 % Erfolg bei richtigem ersten Klick, 70 % bei falschem. Ein Grund laut den Autoren: Bei manchen Aufgaben ist der beste erste Klick schwer festzulegen.

In Daten aus Tree Tests war der Unterschied sehr groß. Bei 137 Aufgaben und 1.000 Teilnehmenden lösten 81 % mit richtiger erster Wahl die Aufgabe, mit falscher nur 14 %. Die Quoten schwanken von Studie zu Studie, die Richtung bleibt: Stimmt der erste Schritt, wird die Aufgabe öfter erledigt.

Live-Beispiel: Finden Sie die Kartenabrechnung

Unten sehen Sie den mobilen Startbildschirm einer fiktiven Bank. Ihre Aufgabe: „Finden Sie die Abrechnung Ihrer Kreditkarte.“ Wählen Sie, wohin Sie zuerst klicken würden, und drücken Sie dann „Ergebnis zeigen“.

Live-First-Click-Test

Aufgabe„Finden Sie die Abrechnung Ihrer Kreditkarte.“

Wohin würden Sie auf dem Bildschirm zuerst klicken?

MenüBeispiel­bankPostfach

Hallo, Jana

Meine KontenGirokonto2.435,00 €Meine KartenKreditkarte, endet auf 4821Aktueller Saldo 612,04 €

Über­weisungRechnung zahlenQR-Zahlung

Letzte UmsätzeSupermarkt−24,59 €Stromrechnung−61,20 €Angebote3 neue Angebote für Sie

StartKontenZahlungenMehr

Da JavaScript ausgeschaltet ist, wird Ihr Klick nicht gespeichert. Das fiktive Ergebnis steht unten: Richtig ist die Karte „Meine Karten“.

Erster Klick von 20 fiktiven Teilnehmenden

11 von 20 Personen klickten auf den richtigen Bereich. Quote richtiger erster Klicks: 55 %.

1. Meine Karten Richtig11 Pers. (55 %)
2. Letzte Umsätze4 Pers. (20 %)
3. Mehr2 Pers. (10 %)
4. Menü2 Pers. (10 %)
5. Meine Konten1 Pers. (5 %)

Auf andere Bereiche klickte niemand. Die Zahlen sind erfunden und stammen nicht aus einem echten Test.

Die Beispielbank, der Bildschirm, die Beträge und die Verteilung der 20 Teilnehmenden sind von mir erfunden; es ist keine echte Bank und kein echter Test. Klicken Sie auf einen Bereich und dann auf Ergebnis zeigen. Die Zahl in einem Bereich ist die Zahl der Personen, die zuerst dorthin klickten. Der Prozentwert wird aus den fiktiven Zahlen der Bereiche berechnet.

In dieser Demo ist „Meine Karten“ richtig. Im fiktiven Ergebnis klickten 11 von 20 Personen dorthin, die Quote richtiger erster Klicks liegt also bei 55 %. Vier Personen gingen zu „Letzte Umsätze“.

Sähe ich diese Verteilung in einem echten Test, würde ich fragen: Halten Nutzer die Abrechnung für einen Teil des Umsatzverlaufs? Dann lohnt es sich, unter „Letzte Umsätze“ einen Link zur Abrechnung zu testen oder auf der Karte „Meine Karten“ das Wort „Abrechnung“ zu zeigen.

Wann setzt man ihn ein

Der First-Click-Test hilft, wenn Sie schnell wissen wollen, ob ein Bildschirm Nutzer in die richtige Richtung schickt. Der Leitfaden von Lyssna nennt diese Situationen:

• Frühes Design. Skizzen, Wireframes und Prototypen prüfen, bevor entwickelt wird.
• Vor dem Launch. Redesign, neue Funktion oder neue App.
• Nach dem Launch. Abläufe wie Checkout, Registrierung und Onboarding verbessern.

Eine Sache betont der Leitfaden: Testen Sie bei einem neuen Design auch das alte. Nur so sehen Sie, ob die Änderung etwas bringt.

Liefert ein Test mit Bildern dasselbe Ergebnis wie die Live-Website? MeasuringU prüfte das 2023 mit 130 Teilnehmenden auf fünf Startseiten. Ergebnis: Die ersten Klicks auf Bildern und auf den Live-Websites ähnelten sich.

Der größte Grund für Unterschiede waren Elemente, die auf dem Bild fehlten. Vorne stehen Menüs, die sich beim Darüberfahren öffnen, dazu kommen Layouts, die sich mit der Bildschirmbreite ändern. Testen Sie einen Bildschirm mit Aufklappmenü als einzelnes Bild, lesen Sie das Ergebnis mit Vorsicht.

Wie schreibt man die Aufgabe

Die Qualität des Tests hängt an der Qualität der Aufgabe. Jeff Sauro empfiehlt, Aufgaben wie in einem Usability-Test als Szenario zu schreiben. Die Person soll überlegen, wie sie ein Problem löst, nicht, wohin sie klickt.

Auch der Leitfaden von Lyssna rät, die Aufgabe in der Sprache der Nutzer zu schreiben, nicht in der Sprache der Oberfläche. Dasselbe Bedürfnis, verschieden formuliert:

Aufgabe	Problem
„Klicken Sie auf Meine Karten.“	Verrät die Antwort, der Test misst nichts.
„Finden Sie eine Information.“	Zu vage, die Person weiß nicht, was sie sucht.
„Gehen Sie ins Menü Abrechnung.“	Nutzt die Sprache der Oberfläche und deutet ein Menü an.
„Sie möchten sehen, aus welchen Ausgaben sich Ihre Kreditkartenschuld in diesem Monat zusammensetzt.“	Beschreibt ein echtes Bedürfnis und wiederholt keine Wörter vom Bildschirm.

Die Aufgabe in der Demo ist kurz, und das Wort „Karte“ steht auch auf dem Bildschirm. In einem echten Test würde ich die Fassung aus der letzten Tabellenzeile nehmen, die das Bedürfnis beschreibt.

Sauro rät außerdem, die richtigen Wege vorab festzulegen. Legen Sie alle oder die meisten Wege von der Startseite zur Aufgabe fest. Ist die Abrechnung sowohl über „Meine Karten“ als auch über das Menü erreichbar, können Sie beides als richtig zählen.

Welche Kennzahlen zählen

Quote richtiger erster Klicks. Das ist die Hauptkennzahl. Sie teilen die Zahl der Personen, die richtig geklickt haben, durch die Zahl aller Teilnehmenden. Sind 11 von 20 richtig, liegt die Quote bei 55 %.

Verwechseln Sie diese Quote nicht mit der Erfolgsquote einer Aufgabe. Der erste Klick ist nur der erste Schritt.

Zeit bis zum ersten Klick. Sauro zählt die Aufgabenzeit zu den empfindlichsten Kennzahlen. Lange Zeiten und große Unterschiede zwischen Teilnehmenden zeigen nach ihm ein Problem in der Navigation.

Der Leitfaden von Lyssna nennt das die „3-Sekunden-Regel“: Braucht jemand länger als 3 Sekunden bis zum Klick, gibt es ein Auffindbarkeitsproblem. Ich lese diese Schwelle nicht als feste Regel, sondern als Signal, das man je nach Bildschirm deutet.

Verteilung der Klicks. Sammeln sich die Klicks an einer Stelle, ist die Erwartung der Nutzer klar. Laut Lyssna deuten verstreute Klicks auf Verwirrung. Klicks auf nicht klickbare Elemente zeigen, dass Erwartung und Oberfläche nicht zusammenpassen. Die meisten Tools zeichnen diese Verteilung als Heatmap.

Sicherheit und Schwierigkeit. Sauro stellt nach jeder Aufgabe zwei Fragen: Wie sicher ist die Person, die richtige Stelle gefunden zu haben, und wie schwer war die Aufgabe? Beide werden auf einer 7er-Skala gefragt. Die meisten Antworten, die Sauro erhält, sind 6 und 7; die vereinzelten 3 und 4 weisen auf Navigationsprobleme hin.

Wie viele Teilnehmende braucht man

Der Leitfaden von Lyssna empfiehlt für verlässliche Ergebnisse meist 15–30 Teilnehmende. Bei einem frühen Konzept könnten schon 8–12 Personen große Probleme zeigen. Bei geschäftskritischen Änderungen empfiehlt er 25–30 Personen.

Der Leitfaden rät auch, die Ergebnisse neuer und erfahrener Nutzer getrennt zu lesen. Eine langjährige Bankkundin kennt das Menü auswendig, ein Neukunde nicht. Meinen allgemeinen Blick auf die Stichprobengröße finden Sie im Ratgeber Wie viele Nutzer testen.

Unterschied zu Tree Test und 5-Sekunden-Test

Diese drei Methoden sind kurz und werden oft verwechselt. Der Unterschied liegt darin, was Sie den Teilnehmenden zeigen und was Sie fragen.

Methode	Was die Person sieht	Was gemessen wird
First-Click-Test	Einen gestalteten Bildschirm	Ob der erste Klick für die Aufgabe an die richtige Stelle führt
Tree Test	Nur einen Menübaum aus Text	Ob Inhalte in der Menüstruktur gefunden werden
5-Sekunden-Test	Den Bildschirm 5 Sekunden lang, dann wird er ausgeblendet	Was der Bildschirm auf den ersten Blick vermittelt

Der Tree Test nimmt Bilder und Layout heraus. Er hilft zu unterscheiden, ob das Problem in den Beschriftungen oder in der Struktur liegt. Der First-Click-Test stellt dieselbe Frage im Design. Ein Label, das im Tree Test gut abschneidet, kann im Design unter einem Werbebild untergehen.

Der 5-Sekunden-Test betrachtet das Verstehen, nicht das Handeln. Die Unterscheidung von Lyssna fasst es gut zusammen: Der 5-Sekunden-Test zeigt, was ein Bildschirm auf den ersten Blick vermittelt. Der First-Click-Test zeigt, ob Nutzer mit diesem Verständnis handeln können.

Ob die Aufgabe von Anfang bis Ende gelingt, misst keiner dieser Tests. Auch Lyssna nennt diese Grenze: Der First-Click-Test bestätigt nicht, dass die Aufgabe erledigt wird. Probleme mit Formularen und mit dem Verständnis von Inhalten erfasst er ebenfalls nicht. Dafür braucht es einen Usability-Test.

Schritt für Schritt

1. Wählen Sie den Bildschirm, den Sie testen wollen: Startseite, Startbildschirm der App oder ein Menü.
2. Schreiben Sie Aufgaben aus den häufigsten Tätigkeiten Ihrer Nutzer. Jede beschreibt ein Bedürfnis.
3. Markieren Sie für jede Aufgabe vorab die richtigen Bereiche. Gibt es mehrere richtige Wege, notieren Sie alle.
4. Fügen Sie, wie Lyssna empfiehlt, auch eine Aufgabe ein, deren Antwort nicht auf dem Bildschirm steht. So erkennen Sie zufälliges Klicken.
5. Vergleichen Sie zwei Designs, wechseln Sie die Reihenfolge ab. Sauro zeigt der Hälfte der Teilnehmenden zuerst das alte, der anderen Hälfte zuerst das neue Design.
6. Halten Sie Klick, Zeit und Sicherheitswert fest. Fragen Sie bei niedrigen Werten nach dem Grund.
7. Lesen Sie die Ergebnisse Aufgabe für Aufgabe: erst die Quote, dann die Zeit, zuletzt die Verteilung.

Als Tools nennt Sauro MUiQ und Chalkmark. Ein Tool ist kein Muss: Sie können die Sitzung aufzeichnen und die Klicks von Hand notieren.

Meine Notiz

Am häufigsten nutze ich den First-Click-Test zu Beginn eines Redesigns. Ich teste den bestehenden Bildschirm einmal und notiere die Quoten. Teste ich das neue Design mit denselben Aufgaben, habe ich einen Vergleichspunkt.

Der häufigste Fehler, den ich sehe: Die Aufgabe wird mit dem Label vom Bildschirm geschrieben. Fragt ein Test „Gehen Sie zu Meine Karten“, klickt fast jeder richtig, und der Test lehrt nichts. Schreiben Sie die Aufgabe zuerst, ohne auf den Bildschirm zu schauen, und vergleichen Sie danach.

Sind Sie nicht sicher, ob Ihr Startbildschirm Nutzer an die richtige Stelle schickt, kann ich mir im UX Audit Ihren Bildschirm und einen Ablauf ansehen.