Landingpage-Vergleich richtig aufsetzen

Warum „Welcher gefällt dir besser?“ die falsche Frage ist

Der häufigste Fehler beim Design-Vergleich ist die Geschmacksfrage. Sie liefert Antworten — nur keine brauchbaren. Der Grund ist gut erforscht: Beim Aesthetic-Usability-Effekt (Nielsen Norman Group) halten Menschen schöne Oberflächen für benutzbarer, als sie tatsächlich sind — das hübschere Design gewinnt die Geschmacksfrage auch dann, wenn Besucher darauf den Preis nicht finden. Dazu kommt: Der ästhetische Ersteindruck fällt in etwa 50 Millisekunden (Lindgaard et al., 2006) — lange bevor irgendjemand eine Zeile gelesen hat.

Ein brauchbarer Vergleich misst deshalb nicht Gefallen, sondern drei Dinge: Verständnis (kapieren Besucher in Sekunden, was angeboten wird?), Auffindbarkeit (erreichen sie Preis, Kontakt, CTA ohne Suchen?) und Vertrauen (würden sie hier Daten eingeben oder kaufen?). Letzteres ist keine Nebensache: 46,1 % der Menschen beurteilen die Glaubwürdigkeit einer Website nach ihrem visuellen Eindruck (Stanford Web Credibility Project).

Der Vergleichstest in sechs Schritten

1. Die Entscheidungsfrage festlegenEine Frage, ein Satz: „Welcher Entwurf bringt Erstbesucher schneller zur Anfrage?“ Alles im Test zahlt auf diese Frage ein — sonst diskutiert ihr hinterher wieder über Farben.

2. Beide Entwürfe testbar machenLive-URL, Staging oder hochgeladene Design-Entwürfe — Hauptsache, Tester können beide Varianten wirklich ansehen und bedienen. Ein Vorteil gegenüber A/B-Tests: Nichts davon muss öffentlich sein.

3. Ersteindruck zuerst abfragen (5-Sekunden-Test)Variante zeigen, nach fünf Sekunden ausblenden, fragen: „Was wird hier angeboten, für wen?“ Erst danach frei erkunden lassen. So trennst du den 50-ms-Eindruck vom Rest.

4. Identische Aufgaben auf beiden VariantenZwei bis drei realistische Aufgaben, wortgleich für A und B: „Finde heraus, was das Angebot kostet.“ „Fordere ein Angebot an.“ Tester denken laut — jedes Zögern ist ein Datenpunkt.

5. Reihenfolge rotierenHälfte der Tester startet mit A, Hälfte mit B. Der zuerst gesehene Entwurf prägt sonst das Urteil über beide.

6. Am Ende: Vergleichsfrage mit BegründungJetzt erst die direkte Wahl: „Auf welcher Seite würdest du eher anfragen — und warum?“ Die Begründung ist wichtiger als die Wahl selbst.

Der ästhetische Ersteindruck einer Website entsteht in rund 50 Millisekunden — getestet werden muss deshalb beides: der Blitz-Eindruck und das Verhalten bei echten Aufgaben.Lindgaard et al., Behaviour & Information Technology, 2006

Auswerten: Zählen, zitieren, entscheiden

Pro Variante und Aufgabe notierst du drei Dinge: Wie viele Tester haben die Aufgabe geschafft? Wo genau haben sie gezögert oder sind falsch abgebogen? Und welche wörtlichen Zitate erklären das Verhalten? Nach rund 5 Testern ist das Bild in der Praxis fast immer eindeutig — nicht als Prozentwert, sondern als Muster: Entwurf B wird schneller verstanden, aber sein Kontaktweg wird übersehen. Das Ergebnis ist dann selten „A gewinnt komplett“, sondern meistens: die Struktur von B, die Preisdarstellung von A. Genau diese Kombination ist der eigentliche Gewinn des qualitativen Vergleichs — ein A/B-Test hätte dir nur eine Zahl gegeben.

Und wenn du hinterher wissen willst, wie viel die Gewinner-Variante quantitativ bringt: Das ist der Moment für einen klassischen A/B-Test — sofern dein Traffic die nötigen 30.000 Besucher hergibt. In dieser Reihenfolge ist er übrigens deutlich erfolgversprechender: Du testest dann eine belegte Hypothese statt einer Vermutung.

So läuft der Vergleich mit Test it Baby

Für genau dieses Szenario gibt es bei uns ein vorbereitetes Format: den geführten A/B-Vergleich. Du lädst beide Entwürfe hoch (fertige Seiten oder Design-Dateien — wir hosten sie für den Test), definierst die Aufgaben einmal, und die Plattform führt jeden Tester nacheinander durch beide Varianten — inklusive Abschlussvergleich mit Begründungsfeld. Tester kommen aus dem DACH-Panel oder aus deinem eigenen Kundenkreis; Aufnahmen, Transkripte und die KI-Zusammenfassung je Variante liegen meist am selben Tag vor. DSGVO-konform, Server in Deutschland.

Häufige Fragen

Wie vergleiche ich zwei Landingpage-Entwürfe ohne A/B-Test?

Mit einem qualitativen Vergleichstest: Rund 5 Tester sehen beide Entwürfe (in wechselnder Reihenfolge), lösen auf jedem dieselben Aufgaben und denken laut. Ausgewertet wird nicht „welcher gefällt besser“, sondern wo Tester schneller verstehen, was angeboten wird, und wo sie zögern. Das funktioniert ohne Live-Traffic — auch mit Entwürfen, die noch gar nicht online sind.

Warum soll ich nicht einfach fragen, welcher Entwurf besser gefällt?

Weil Gefallen und Funktionieren zwei verschiedene Dinge sind: Der Aesthetic-Usability-Effekt (Nielsen Norman Group) zeigt, dass schöne Designs als benutzbarer wahrgenommen werden, als sie sind — Geschmacksurteile überdecken echte Probleme. Aussagekräftig wird der Vergleich erst durch Aufgaben („Finde den Preis“) und Verständnisfragen („Was wird hier angeboten?“).

In welcher Reihenfolge sollen Tester die Varianten sehen?

Abwechselnd: Die Hälfte der Tester beginnt mit Entwurf A, die andere mit B. Der zuerst gesehene Entwurf prägt die Erwartung und schneidet sonst systematisch anders ab — das Rotieren gleicht diesen Reihenfolge-Effekt aus.

Reicht so ein Vergleich als Entscheidungsgrundlage?

Für die Design-Entscheidung zwischen zwei Entwürfen: ja — er zeigt, welcher Entwurf schneller verstanden wird und weniger Stolperstellen hat, und vor allem warum. Was er nicht liefert, ist eine Conversion-Prognose in Prozent; dafür bräuchte es später einen A/B-Test mit zehntausenden Besuchern. Die beste Reihenfolge: qualitativ entscheiden und verbessern, quantitativ validieren, wenn der Traffic reicht.

Quellen

Nielsen Norman Group: The Aesthetic-Usability Effect.
Gitte Lindgaard et al.: Attention Web Designers: You Have 50 Milliseconds to Make a Good First Impression! Behaviour & Information Technology, 2006.
B. J. Fogg et al.: How Do Users Evaluate the Credibility of Web Sites? Stanford Web Credibility Project, 2003.
Jakob Nielsen: Why You Only Need to Test with 5 Users. Nielsen Norman Group, 2000.