Depeche Mode- Judas – MyVideo

Lasst mich durch – ich bin wichtig

Verfügen wir bei einer Sache über geringes Wissen, steht der Mensch einer scheinbar unlösbaren oder sehr schwierigen Aufgabe gegenüber. Er fühlt sich irgendwie beschwert, er wird demotiviert.

Das menschliche Gehirn filtert per emotionaler Weiche den Informationsfluss von den Sinnesorganen zum Großhirn. Vereinfacht gesagt: Unwichtiges bleibt dabei auf der Strecke, nur die wichtigsten Informationen kommen schließlich an.

In seinem Buch „The Laws of Simplicity“ (2007) definiert der Autor John Maeda 10 Gesetze zur Vereinfachung. Daraus ergibt sich eine zentrale Aufgabe, der  (Conversion) Designer aller Art täglich gegenüber stehen: „Form, Funktion und Menschen in eine sinnvolle Beziehung zueinander zu bringen“.

Und jetzt kommt sie wieder, die alte Leier: Apple macht es der ganzen Welt jeden Tag vor. Das Prinzip der Einfachheit wird in jedem Produkt gelebt. Das führt sogar so weit, dass apple-Fans Fehlern oder Missfunktionen gegenüber tolerant werden. Sie entwickeln gar eine Beziehung zu ihrem Produkt. Hier führt das Prinzip der Simplifizierung zu echter Loyalität des Produktes oder gar der Marke. Wie in einer romantischen Beziehung – es muss einfach Liebe sein;-) Oder?

Heute also 3 Tipps, wie Sie in Sekunden schnelle einen Schritt in Richtung erfolgreicher Konversion gehen können. Die Prämisse lautet dabei:

Zeigen Sie Unwichtiges gar nicht erst an.

Die folgende Grafik zeigt den Zustand eines durchschnittlichen Warenkorbs in deutschen Onlineshops. Plus minus.

Tipp 1: Halten Sie Abstand!

Platz schaffen, in dem man deutliche Abstände einsetzt kann bereits Wunder bewirken. Die Orientierung verbessert sch schlagartig, der Mensch empfindet scheinbar geordnete Dinge als „einfacher“ oder „leichter“.

Trennen Sie also in unserem Beispiel ganz konkret Header und Navigation vom Warenkorb. Führen Sie ein rechte Spalte schaffen Sie Abstand nach rechts. Befindet sich unterhalb des Warenkorbs bspw. Cross-Selling oder weiterer Text, Kontaktangaben oder mehr? Führen Sie einen deutlichen Abstand ein.

Tipp 2: Drücken Sie „Entfernen“!

Eine weitere Möglichkeit ist die rigorose Streichung von Elementen. Hier gilt es, sich kampfbereit und todesmutig Ihrer Marketing-Abteilung entgegenzustellen, den zu aller erst werden Sie dem Cross-Selling den Garaus machen.

An dieser Stelle des OnlineShops geht es vor allem darum Werte wie Sicherheit und Vertrauen zu etablieren (siehe auch Modell der  > 7 Ebenen der Konversion). Da wirken alle ablenkenden Dinge kontraproduktiv.

Unbedingt testen: Streichen Sie also das Cross-Selling – egal an welcher Position es sich im Warenkorb befindet.

Und wenn Sie schon dabei sind. Streichen Sie alle Elemente, die irgendwie animiert sind oder Bilder enthalten. Weg. Raus damit.

Und schlägt Ihnen der Einwand entgegen, dass über Cross-Selling doch Umsatz gemacht wird, fragen Sie zurück: „Wie viel mehr machen wir möglicherweise ohne?“

Tipp 3: Weisen Sie deutlich den weiteren Weg

So – jetzt, da alle Unklarheiten und Ablenkungen beseitigt sind, zeigen Sie Ihren Usern noch ganz deutlich, wo es weitergeht. Am besten mit einem Pfeil in der Button-Grafik. Und die Call-to-Action sollte dabei aussehen wie ein echter Button. Auf > Spiegeleffekte oder ähnliche Dinge können Sie dabei locker verzichten.

Fazit

Der Spruch „Manchmal ist weniger mehr“ hat immer noch seine Berechtigung. Oder jetzt erst recht? Manchmal sind es die einfachen Dinge, die sofort umsetzbar sind und Erfolg bringen können. Am besten verproben Sie die Tipps in einem Test – lassen Sie mich Ihre Ergebnisse wissen, ich bin sehr gespannt!

Ähnliche Beiträge:

1. Rekord: “Warenkorb Webinar” mit 459 Teilnehmern – was nun?
2. Webinar: Der perfekte Warenkorb – so verhindern Sie Kaufabbrüche an der sensibelsten Stelle Ihres Checkouts

Dies habe ich mir heute zu Nutze gemacht und habe mir drei Landingpages rausgesucht und im Eyetracking-Test untersucht.

Die Testkandidaten

Ganz so leicht ist mir die Auswahl der Landingpages nicht gefallen. Es waren natürlich sehr viele Vergleiche online. Ich wollte jedoch nur echte Anbieter Seiten untersuchen.

Folgende Testkandidaten haben es in den Test geschafft:

HUK24 Landingpage

Bei dieser Landingpage handelt es sich um eine “normale” Seite innerhalb der Website des Anbieters. Somit ist der Seitenrahmen mit Primär- und Sekundär-Navigation, Login, Suche, FAQ, Weiterführenden Informationen integriert.

Im Content-Bereich finden wir einen Hero-Shot, Verkaufsargumente, eine große Call-to-Action, eine Beratungsfunktion und Details zum Angebot und den Leistungen inkl. dem Kleingedruckten.Unten rechts ist noch ein Trust-Siegel von Auto Motor Sport integriert.

DA direkt Landingpage

Die DA direkt Landingpage ist in vier Bereiche gegliedert. Auf der linken Seite befindet sich der Hero-Shot mit integrierter Fragestellung und ersten Preissignalen. Rechts daneben eine weitere Headline mit Verkaufsargumenten und der Call-to-Action “Auto-Beitrag berechnen”.

Unterhalb des Hero-Shots befinden sich zwei Trust-Elemente. Stiftung Finanztest und TÜV Saarland. Rechts daneben ein Promo für die Mobile App und die 24-7 Hotline.

AXA Landingpage

Die AXA Landingpage ist in zwei Teile aufgeteilt. Im oberen Bereich finden wir ein großes Trust-Siegel und die wichtigsten Argumente für die KFZ-Versicherung.  Oben rechts befindet sich noch eine Kontakt-Telefonnummer. Darunter findet die Gliederung in die unterschiedlichen Tarife statt. Auf der linken Seite sind die “Rundum Sorglos” Tarife mit dem Fokus auf persönliche Betreuung und auf der rechten Seiten die “Spar” Tarife mit alles nur online und ohne echte Menschen. Jeder Tarif hat einen eigenen Hero-Shot

Jeder der Tarifbereich hat eine Call-to-Action “Tarif berechnen”.

Auf der Seite findet sich kein Kleingedrucktes.

Der Testaufbau

Der Test wurde mit einem Panel von 11 Personen durchgeführt. Es waren 6 männliche und 5 weibliche Probanden im Alter von 26 bis 43 Jahren mit  hoher Internetaffinität. Alle Probanden erhielten das Briefing, dass sie sich im Internet nach KFZ-Versicherungen informieren möchten und hierzu über eine Google-Suche die entsprechenden Landingpages zu sehen bekommen und sich in 10 Sekunden eine erste Meinung zu dem Anbieter und dem Inhalt der Seite / dem Produkt bilden sollen.

Die Analyse-Ergebnisse

Werfen wir einen Blick auf die Ergebnisse des Eyetracking-Tests. Natürlich können wir keinerlei Aussagen zu den Konversionsraten der Seiten machen. Das Einzige was wir “aus der Ferne” können, ist die Wirkung der Elemente auf die Aufmerksamkeit der Nutzer zu analysieren und dies zu bewerten.

HUK24 Landingpage Heatmap

Die Heatmaps wurden erstellt nach Anzahl der Fixationen. Nicht nach Dauer der Fixationen.

Auf dieser Seite sieht man viele unterschiedliche Fixationshotspots. Navigation, Hero-Shot, Verkaufsargumente, Call-to-Action, Trust-Elemente und Angebotsdetails. Der große Textbereich wird kaum wahrgenommen.

Das können wir daraus lernen:

• Argumente in den zentralen visuellen Bereich
  Platzieren Sie Ihre wichtigsten Verkaufsargumente im zentralen visuellen Bereich über den Fold. So werden sie gut wahrgenommen.
• Argumente als Bulletliste
  Bulletlisten werden leicht vom Nutzer aufgenommen. Gefördert wird dieses Verhalten durch eine farbige oder grafische Gliederung (hier die orangen Quadrate)
• Große Call-to-Action mit Handlungsaufforderung
  Nutzen Sie eine verhältnismäßig große Call-to-Action mit einem guten Kontrast. Der Text sollte klar machen, auf welche Aktion damit gestartet wird. Weitere Informationen über gute Call-to-Actions im Konversionskiller #3 Keine klare Call-to-Action.

Es scheint so, als ob der Nutzer viele Informationen der Seite aufnimmt. Ein großer Fokus sitzt auf den Verkaufsargumenten. Also alles richtig gemacht?

Schauen wir uns einmal die Statistiken im Detail an.

Ein wichtiger statistischer Wert im Eyetracking ist die Fixationsdauer. Die kummulierte Fixationsdauer gibt an, wie lange die Nutzer auf den entsprechenden Bereich schauen. Je länger die Fixationsdauer, desto mehr Zeit verbringt das Auge auf dem entsprechenden Bereich der Seite. Somit kann gesagt werden, dass Bereiche mit hoher Fixationsdauer interessanter für den Nutzer sind.

HUK24 Landingpage Fixationsdauer

Weit vorn liegt die Navigation. Sie wird doppelt so lange angesehen, wie die Details des Tarifs und auch sehr viel länger, als die Argumente.

Dieses Verhalten zeigt deutlich, dass eine zu umfangreiche Navigation den Nutzer vom eigentlichen Inhalt der Seite ablenkt und den Nutzer damit verwirrt.

Das können wir daraus lernen:

• Navigation auf Landingpages entfernen
  Für eine Landingpage ist es wenig sinnvoll, dass der Nutzer zu viele Navigationsmöglichkeiten erhält. Dies lenkt den Nutzer nur unnötig ab. Er soll auf die CTA klicken und eigentlich an keine andere Stelle. Versetzen Sie sich einmal in den Nutzer hinein. Er sucht eine KFZ-Versicherung. Meinen Sie dass Navigationspunkte wie z.B. Haftpflicht, Hausrat, Wohngebäude, Rente, Bausparen, Bankprodukte für Ihn in dem Moment sinnvoll sind? Nutzen Sie die Navgationsmöglichkeiten um weiter zu detaillieren und nicht um Ihren Bauchladen zu zeigen.
• Echte Landingpages nutzen
  Der vorherigen Punkt machen es eigentlich schon klar. Hohe Konversionsraten auf Landingpages sind mit “normalen” Seiten kaum zu erreichen. Es müssen spezielle Landingpages erstellt werden. Nur so können die Nutzer wirklich abgeholt werden. Lesen Sie mehr über den Konversionskiller “Startseiten als Landingpages” in meinem kostenlosen eBook “Die stillen Schreie der Konversion – 11 Konversionskiller und wie sie vermieden werden“.
• Kleingedrucktes entfernen
  Entfernen Sie das Kleingedruckte aus dem sichtbaren Bereich. Es wird sich zwar kaum zeitlich damit beschäftigt, doch führt es in diesem Beispiel zu negativen Eindrücken der Probanden. Es verkompliziert die Wahrnehmung der Seite. Transparenz für den Nutzer ist wichtig und auch gesetzliche Regelungen sind einzuhalten. Jedoch sollte das Kleingedruckte nicht so stark im Vordergrund stehen und grafisch etwas “leichter” wirken.

DA direkt Landingpage Heatmap

Auch auf dieser Landingpage verteilen sich die Blicke über alle Elemente der Seite. Die stärksten Elemente sind in der Headline, den Argumenten, den Details und der Call-to-Action.

Das können wir daraus lernen:

• Einwandbehandlung geschickt nutzen
  Der komplette Aufbau der Seite folgt den inneren Dialgen. An jeder Stelle an der eine Frage auftaucht ist ein entsprechendes Element integriert, das den inneren Dialog auffängt und so den Nutzer angenehm abholt.
• Fragen stellen
  Fragen Sie die Dinge, die der Nutzer sich auch fragt. Dies empfindet der Nutzer angenehm und fühlt sich gut verstanden.
• Allgemein bekannte Trustsymbole nutzen
  Der Einsatz von allgemein anerkannten Trust-Elementen, wie z.B. Stiftung Warentest oder TÜV sind sehr starke vertrauensbildene Elemente. Je bekannter und neutraler (bzw. redaktioneller) ein Siegel ist, desto stärker wird es von den Nutzer anerkannt. Lesen Sie hierzu den Beitrag über Trust-Elemente.
• Geben Sie erste Preissignale
  Wenn Sie eine komplexe Dienstleistung verkaufen, sorgen Sie auf der Landingpage für ein erstes Preisgefühl. So kann der Nutzer bereits hier entscheiden, ob er tiefer einsteigen möchte, oder ob das Angebot gar nicht seinen Vorstellungen entspricht.
• Buttonformen
  Testen Sie unterschiedliche Buttonformen. Ein Pfeil symbolisiert beispielsweise, dass es mit dem Klick weiter geht.
• Gruppieren durch gleiche Farben
  Durch zusammenhängende Farbgestaltung können Elemente mit einander verbunden werden. So z.B. hier das Preissignal mit der Call-to-Action.
• Telefonnummern schaffen Vertrauen
  Die 24-7 Erreichbarkeit der Hotline schafft Vertrauen. Wenn der Nutzer während des Anfrageprozesses eine Frage haben sollte kann er sich jederzeit an die Hotline wenden. Noch besser wäre es, wenn es sich hierbei um eine “echte” Telefonnummer mit der Vorwahl des Firmensitzes handelt. Hotline Nummern werden oft mit “schlechten” und “teuren” Call-Centern und langen Wartezeiten verbunden. Lesen Sie hierzu den Beitrag “Bei Anruf Conversion“.

DA direkt Landingpage Fixationsdauer

Lassen Sie uns auch hier kurz auf die Fixationsdauer schauen. Die höchste Aufmerksamkeit erhalten die Detailinformationen. Da es recht wenig Informationen sind, ist davon auszugehen, dass diese komplett gelesen wurden.

Danach folgt ein recht homogener Verlauf der weiteren Elemente Trust, Verkaufsargumente, Headline / Subline, Telefonnummer, Logo und Call-to-Action. Lediglich der Heroshot (das Auto mit dem Männchen) wird zeitlich kaum beachtet.

Das können wir daraus lernen:

• Klare Struktuierung hilft
  Durch die klare Strukturierung der Seite in kleine Boxen werden die Zusammenhänge schnell erfasst und der Nutzer kann sich homogen den Inhalten widmen.
• Apps als kleiner Bonus
  Nutzen Sie den Spieltrieb (Gamification) der Menschen und zeigen Sie Ihre Apps auf den Landingpages. Je nach Qualität der App stellt diese einen echten Mehrwert für den Nutzer da.

AXA Landingpage Heatmap

Ein etwas anderes Bild zeigt sich bei der AXA Landingpage. Es gibt vier Hotspots: das Trust-Element, die Verkaufsargumente, das Gesicht der Frau und der Internet-Tarif-Badge. Weiterhin werden alle Bereiche vom Nutzer erfasst.

Das können wir daraus lernen:

• Trust-Elemente neben Verkaufsargumente
  Platzieren Sie die Trust-Elemente neben den Verkaufsarguementen. So verstärken sich diese gegenseitig. Lesen Sie hierzu auch den Beitrag über Autorität durch Trust-Elemente.
• Mit Kontrasten gliedern
  Nutzen Sie grafische Kontraste um Ihre Landingpages zu gliedern. Durch die rote Hinterlegung des oberen Bereichs wird dem Nutzer sofort klar, was der primäre und was der sekundäre Bereich der Website ist. Weiterhin werden durch den hohen Kontrast die Blicke auf die entsprechenden Elemente (Trust und Verkaufsargumentation)
• Blicke binden
  Nutzen Sie Blicke um gezielt Aufmerksamkeit zu erzeugen. Lesen Sie hierzu auch die beiden Beiträge “Mit Blicken Aufmerksamkeit lenken” und “Gefahr durch Blicke“
• Badges effizient einsetzen
  Nutzen Sie die Klarheit und Einfachheit von Badges. Gemeinsam mit einem hohen Kontrast werden diese schnell und direkt vom Nutzer wahrgenommen.
• Visualisieren Sie als Unterstützung
  Durch die geschickte Visualisierung zwischen “Menschlichkeit und Nähe” auf der linken Seite und “Internet und Skizze” auf der rechten Seite werden die textlichen Aussagen sehr gut unterstützt.

AXA Landingpage Fixationsdauer

Auch hier wollen wir uns die Fixationsdauer der einzelnen Elemente einmal genauer ansehen.

Die meiste Zeit verbringt der Nutzer auf den Details der Tarife. Gefolgt von der Call-to-Action und den jeweiligen Hero-Shots. Logo, Headline und Verkaufsargmente liegen fast gleich auf. Das “Schlusslicht” bildet das Trust-Element.

Das können wir daraus lernen:

• klare Nutzerführung gibt Zeit für Details
  Durch die klare Führung der Nutzer über die allgemeinen Argumente in die jeweiligen Tarif-Details führen dazu, dass der Nutzer die übergreifenden Argumente schnell wahrnimmt. Besonders wichtig ist es hierbei, den inneren Dialogen der Nutzer zu folgen.
• Konsistenz und Commitment nutzen
  Menschen haben das Bestreben in ihrem Tun Konsistent zu sein. D.h. haben Sie einmal ja gesagt, dann fällt es ihnen schwer plötzlich nein zu sagen. Diese Landingpage nutzt dieses Verhalten und verlangt dem Nutzer vor dem Einstieg in die Details schon ein kleines “Ja” ab. Die Verkaufsargumente und das Trust-Siegel führen dazu, dass der Nutzer innerlich schon einen Haken hinter Vertrauen machen kann. Nach diesem inneren “Ja”, kann er sich jetzt den Details der einzelnen Produkte widmen. Lesen Sie hierzu auch die dreiteilige Reihe “So schaffen Sie Vertrauen in Online-Shops” Teil 1, Teil 2, Teil 3

Die Learnings im Überblick

1. Platzieren Sie Verkaufsargumente im zentralen visuellen Bereich der Seite
2. Stellen Sie Verkaufsargumente in Bullet-Form da
3. Verstärken Sie die Wirkung von Bullet-Listen durch grafische Hervorhebung
4. Nutzen Sie große Call-to-Actions mit hohem Kontrast
5. Entfernen Sie unnötige Navigationselmente auf Ihren Landingpages
6. Nutzen Sie echte Landingpages
7. Verschieben Sie Kleingedruckte in den sekundären visuellen Bereich
8. Gehen Sie auf Einwände der Nutzer ein
9. Stellen Sie die Fragen, die der Nutzer sich auch stellt
10. Setzen Sie erste Preissignale
11. Testen Sie unterschiedliche Buttonformen und -farben
12. Verbinden Sie Elemente über Ihre Farbe
13. Geben Sie dem Nutzer die Möglichkeit Sie anzurufen
14. Nennen Sie eine “echte” Telefonnummer und keine Hotline-Nummer
15. Schreiben Sie dazu, in welchem Zeitraum Sie zu erreichen sind und welche Kosten dem Nutzer entstehen
16. Nutzen Sie allgemein anerkannte Trust-Elemente am besten redaktioneller Natur
17. Struktuieren Sie Ihre Landingpages nach klaren Kritierien, die den Bedürfnissen der Nutzer folgen
18. Nutzen Sie die Macht der Gamification um Nutzer zu begeistern
19. Platzieren Sie Trust-Elemente direkt neben Ihren Verkaufsargumenten
20. Gliedern Sie Ihre Landingpage durch den geschickten Einsatz von Kontrasten
21. Nutzen Sie hohe Kontraste um den Fokus auf die wichtigsten Elemente zu leiten
22. Nutzen Sie die starke Bindungsmöglichkeiten von Blicken
23. Setzen Sie Badges ein um gezielt wichtige Dinge hervorzuheben
24. Unterstützen Sie Ihre Texte durch passende Visualisierungen oder Bilder
25. Folgen Sie bei der Informationsarchitektur den inneren Dialogen der Nutzer
26. Nutzen Sie die Macht der vielen kleinen Ja’s

Fazit

Ich hoffe die Learnings haben Sie inspiriert sich weiter mit der Optimierung Ihrer Landingpages zu beschäftigen.

Gute Hypothesen machen den Unterschied zwischen Erfolg und Misserfolg für Unternehmen und schlechte Hypothesen können viel Geld kosten. Tim Ash hat auf der Conversion Conference einmal den schönen Satz geprägt “Bullshit mit Bullshit getestet und 25% Uplift generiert”.

Viele werden sagen, wow 25% mehr ist doch richtig gut…

Wenn man jedoch bedenkt, was mit erprobten Methoden und validen Hypothesen hätte erreicht werden können. Oder anders ausgedrückt: wie viel Geld dem Betreiber durch schlechte Hypothesen durch die Lappen gegangen ist, dann sieht die Betrachtung schon anders aus.

Sind Heatmaps wirklich aussagekräftig?
Ich denke jedem ist klar, dass schöne bunte Heatmaps allein wenig aussagekräftig sind. Die wirkliche Analyse von Eyetracking-Daten geht tiefer. Viel tiefer. Anazhl Fixationen, Blickverläufe, Zeit bis zur ersten Fixation, Zeit zwischen den Fixationen sind nur einige Werte, die man sich im Detail genau anschauen sollte.

Wichtig ist jedoch, dass mit Eyetracking allein keinem geholfen ist.

Erst die Kombination dieser Daten mit einem validen und erprobten Conversion-Framework wie z.B. dem 7-Ebenen-Modell, echten Customer-Insights aus Laboren und Daten aus der Webanalyse führt zu guten und validen Hypothesen, die abschließend in einem Test statistisch validiert werden sollten.

Wenn dann noch das Ganze statt in “blindem” Aktionismuss ein erprobter Prozess (z.B. der DMAIC-Prozess) zu Grunde liegt, haben Sie vieles richtig gemacht.

Ich wünsche viel Spaß beim Optimieren und freue mich auf Ihre Kommentare.

Ähnliche Beiträge:

1. LPO Quick-Win: Die 4-Sekunden-Regel der Landingpage-Optimierung

Das Landingpage Bewertungsraster

Vor einiger Zeit habe ich in einem Artikel 11 Landingpage Elemente in einen Bewertungsraster zusammengefasst und die einzelnen Elemente erklärt. Das Ziel der Arbeit mit dem Bewertungsraster ist der strukturierte Vergleich Ihrer Landingpages mit denen Ihrer Konkurzenz.

Heute möchte ich Ihnen ein Beispiel geben, wie man mit dem Bewertungsraster arbeiten kann um eine Konkurenz-Analyse durchzuführen.

Oft erhält man bereits bei der Analyse neue Ideen für Optimierungen der eigenen Seite. Strategisch und regelmäßig eingesetzt, entfaltet die Arbeit mit dem Bewertungsraster jedoch erst die volle Leistungsfähigkeit. Ich empfehle Kunden häufig einen entsprechenden Prozess aufzusetzen und die Arbeit mit dem Bewertungsraster in die tägliche Arbeit zu integrieren.

Die Testkandidaten:

Ich habe drei unterschiedliche Landingpages von drei großen Anti-Viren Software Herstellern herausgesucht. Es handelt sich dabei um drei komplett unterschiedliche Landingpage Arten. Die McAfee Landingpage ist die Startseite der McAfee Suite, Kaspersky nutzt die Produktdetailsseite des Online-Shops und Avira nutzt eine eigens produzierte Single-Purpose Landingpage.

Die hier gezeigten Analysen dienen nur dem Verständnis der Methodik. Im produktiven Einsatz des Bewertungsrasters empfehle ich eine deutlich detailliertere Untersuchung.

Hier die Landingpages im Überblick:

Analyse McAfee Landingpage

McAfee nutzt die Startseite als Landingpage. Es werden die drei Produkte AntiVirus Plus, Internet Security und Total Protection gleichwertig nebeneinander präsentiert. Eine Gewichtung der Produkte ist nicht zu erkennen. Nach den jeweiligen Produktteasern inkl. Buy-Call-to-Action gibt es eine Vergleichstabelle der Produktelinien und einen Text-Absatz über eine Zufriedenheitsgarantie.

1. Logo
Das beim Nutzer sicher bekanntere McAfee Logo steht rechtes neben dem winferno Logo. Durch diese Konkurenz-Situation ist der Absender der Seite unklar. Ebenso verwirrend ist das zweite McAfee Logo (McAfee Secured) direkt neben dem Marken Logo. Hier sollte dringend für Klarheit gesorgt werden. Diese drei Logos sind zwei zu viel.

4 von 10 Punkten

2. Headline / Subline
Die Headline hat keinen Bezug zu meiner Suche nach Anti-Viren Software. Der Schnäppchenhinweis (50% Preisreduktion!) wird nicht belegt und verunsichert den Nutzer. Warum kostet die Software aktuell nur die Hälfte? Ist sie nicht gut? Was ist der Grund für diese große Preisreduzierung? Sind hier typische Nutzerfragen, die beantwortet werden müssen. Ein Bezug zum Thema Anti-Viren Software sollte dringend hergestellt werden um emotionale Resonanz zu erreichen.

3 von 10 Punkten

3. Einleitung
Es gibt keine. Es fehlt somit ein wichtiger Resonanz-Faktor, der die Nutzer emotional abholt und in die Thematik und die Vorzüge der Software einführt.

0 von 10 Punkten

4. Unique Value Proposition
Die UVP wird nur rudimentär in den drei Produktteasern aufgegriffen und ist somit kaum existent. Dem Nutzer wird zwar durch die Produktgegenüberstellung klar, wie sich die einzelnen McAfee Produkte unterscheiden, jedoch was unterscheidet diese von den Wettbewerbern? Ein Nutzenversprechen ist absolut notwendig und sollte dringend integriert werden.

3 von 10 Punkten

5. Reason Why
Gibt es nicht. Dem Kunden wird nicht kommuniziert, warum das Produkt für Ihn und sein Problem das richtige ist. Es werden keine Argumente geliefert, warum er sich eine der drei Software Versionen kaufen sollte. Er ist allein mit seiner Entscheidung. Die Reason Why sollte dringend integriert werden. Nutzer brauchen Argumente um zu kaufen.

0 von 10 Punkten

6. Preis
Auch der Preis wird nicht gut kommuniziert. Die Ersparnis (“Sie sparen X Euro”) wird in fett dargestellt und ist somit deutlich stärker als der eigentliche Preis. Weiterhin wird, wie bereits erwähnt, der drastische Preisnachlas nicht kommuniziert. Hier könnte man hervorragend das Prinzip der Verknappung einsetzen um z.B. mit einer Sommer-Sale Aktion “50% bis zum 15. Juli” dieses Klarheitsproblem zu lösen.

4 von 10 Punkten

7. Call-to-Action
Die Gestaltung des Call-to-Action Buttons ist klar und leicht verständlich. Durch den Rahmen um die Preisinformation und die CTA ist jedoch der Preis vom eigentlichen Produkt grafisch abgetrennt und der Zusammenhang fehlt. Hier empfiehlt sich eine zusammenhängendere Gestaltung der Elemente.

6 von 10 Punkten

8. Funktionsprinzip
Das Funktionsprinzip wird nur rudimentär durch die Featureliste angezeigt. Eine schnelle Übersicht, wie die Software funktioniert ist nicht gegeben. Oft reicht hier bereits ein kleines Schaubild aus um das Prinzip zu verdeutlichen.

5 von 10 Punkten

9. Trust Elemente
Es gibt keine Trust Elemente. Das Rank-XEROX-Modell des Kaufens zeigt, dass grade gegen Ende des Kauf das Thema Sicherheit extrem wichtig ist. Somit kann das Fehlen von Trust-Elementen, wie z.B. Siegeln oder Kundenbewertungen als starker Konversionkiller wirken und Ihnen den Sale verhageln.

0 von 10 Punkten

10. Hero Shot
Das Problem auf dieser Seite ist, dass durch die die drei Hero Shots kein klarer Fokus gesetzt wird. Weiterhin sind die Packshots mit dem Preisbadge überlagert. Ein Held ist also auf der Seite nicht wirklich zu erkennen.

5 von 10 Punkten

11. Testimonials
Es gibt keine Testimonials auf der Seite. Ebenso wie die Trust Elemente dienen Testimonials der Vertrauensbildung und sind im Verkaufsprozess extrem wichtig. Der Nutzer kauft nur vertrauenswürdige Produkte.

0 von 10 Punkten

Nachfolgend nocheinmal die einzelnen Bewertungen im grafischen Überblick.

Fazit McAfee Landingpage
Man erkennt deutlich die Schwachstellen der Landingpage. Als Optimierer kann man das jedoch positiv sehen, denn es gibt viel Potential zur Verbesserung.

Analyse Kaspersky Landingpage

Kaspersky nutzt die reguläre Produktdetail-Seite des Online-Shops als Landingpage. Das Produkt wird kurz mit Text und Hero Shot vorgestellt. Nach dem Block mit Preis und Call-to-Action kommen drei Tabs mit Highlights, Funktionen und System-Anforderungen.

1. Logo
Das Logo ist klar und mit genügend Weißraum auf der Seite integriert. Einziger Wehrmutstropfen ist, dass weder durch die Gestaltung, noch durch einen Claim eine Verbindung zum Thema Anti-Virus Software hergestellt wird.

9 von 10 Punkten

2. Headline / Subline
Durch die Headline-Subline Kombination “Anti-Virus 2011 – Der Virenschutz für Ihren PC” wird hier sehr gut die Resonanz hergestellt. Lediglich die Emotionalität könnte noch gesteigert werden.

9 von 10 Punkten

3. Einleitung
In der Einleitung wird gut der Nutzen der Software hervorgehoben und der Nutzer emotional auf das Produkt eingestellt.

8 von 10 Punkten

4. Unique Value Proposition
Die UVP wird bereits etwas in der Einleitung aufgegriffen. Weitere UVPs sind hinter Highlights und Funktionen “versteckt” und sollten deutlicher hervorgehoben werden.

7 von 10 Punkten

5. Reason Why
Die Reason Why wird schön in den Highlights abgebildet. Diese folgen im Großen und Ganzen den inneren Dialogen des Nutzers.

9 von 10 Punkten

6. Preis
Verwirrend ist, dass der Preis sowohl in Schweizer Franken, als auch in Euro angegeben wird. Dies könnte zu Verunsicherung führen und sollte entsprechend auf eine Währung (Euro) reduziert werden. Ebenso könnte man z.B. ein Drop-Down mit der Währungsauswahl integrieren und dabei Geolocation einsetzen um die Währung vorzuselektieren.

5 von 10 Punkten

7. Call-to-Action
Der gesamte Bereich der Call-to-Action ist (bis auf den Preis) sehr klar gegliedert und für den Nutzer transparent. Ich würde empfehlen, den kompletten Bereich nocheinmal am Ende der Seite zu wiederholen.

7 von 10 Punkten

8. Funktionsprinzip
Das Funktionsprinzip wird sehr detailliert in Textform beschrieben. Jedoch fehlt es an einer einfachen Skizze mit den Grundsätzen der Funktionalität. Diese ist wichtig um als Nutzer das Prinzip mit einem Blick verstehen zu können.

4 von 10 Punkten

9. Trust Elemente
Es sind keine Trust Elemente vorhanden und sollten dringend eingesetzt werden, da diese für die inneren Dialoge im Verkaufsprozess sehr wichtig sind.

0 von 10 Punkten

10. Hero Shot
Schöner Packshot als Hero Shot. Jedoch die beiden Screenshots unten sind eine große Konkurenz. Ich würde empfehlen die Screenshots zu entfernen und einen entsprechenden Reiter hierfür zu integrieren.

6 von 10 Punkten

11. Testimonials
Es gibt keine Testimonials. Die Macht der Testimonials sollte genutzt werden. Dabei ist darauf zu achten, dass diese nicht “gekünstelt” wirken. Glattgebügelte Testimonials, wie von der Marketing-Abteilung geschrieben sind oft nicht zielführend. (Siehe Bonus-Tipp ganz unten in diesem Blogpost.)

0 von 10 Punkten

Nachfolgend nocheinmal die einzelnen Bewertungen im grafischen Überblick.

Fazit Kaspersky Landingpage
Es handelt sich hierbei um eine bereits sehr gute Landingpage, wenn man bedenkt, dass es die normale Detailseite des Online-Shops ist. Die größten Schwachstellen der Seite sind im Bereich Vertrauen und Sicherheit. Es fehlen Trust-Elemente und Testimonials. Ebenso könnte der emotionale Trigger Social Proof helfen. Eine Anzeige wie z.B. 1.000.000 aktive Kunden o.ä. könnte hier im Kaufprozess förderlich sein.

Analyse Avira Landingpage

Bei der Avira Seite handelt es sich um eine Single-Purpose-Landingpage. Das Produkt wird in einem großen Block kurz vorgestellt. Nach dieser Produkteinführung ist ein Upselling Element inkl. Feature-Liste integriert. Als letztes Element werden die Vorteile und Systemanforderungen in zwei Reitern dargestellt.

1. Logo
Das Logo ist sehr gut. Es hat genügend Freiraum und durch den Namen wird die Resonanz zum Thema Viren-Schutz hergestellt. Das Signet des Schirms visualisiert die “Schutzschirm” Funktionaliät der Software treffend.

10 von 10 Punkten

2. Headline / Subline
Die Headline hat einen klaren Bezug zum Thema und zeigt auch direkt den Nutzen “Schutz der Privatsphäre” auf. Sehr gut!

10 von 10 Punkten

3. Einleitung
Die Einleitung ist informativ und erläutert dabei gut den Nutzen des Produkts. Dabei ist diese leicht verständlich, kurz und prägnant. So sollte eine Einleitung sein.

10 von 10 Punkten

4. Unique Value Proposition
Die wichtigsten UVPs der Software werden bereits oben in Form einer Bullet-Liste aufgegriffen. Weiterführende Informationen erhält der Nutzer weiter unten im Reiter “Vorteile”.

9 von 10 Punkten

5. Reason Why
Der Reason Why wird ein eigener Bereich der Landingpage gewidmet. Auf der Seite unten im Reiter steht auf der rechten Seite der Bereich “Die Avira Premium Security Suite ist unerlässlich, wenn Sie:” gefolgt von einer Bullet-Liste.

Inhaltlich ist diese Liste sehr gut, jedoch die Headline könnte etwas knackiger formuliert werden und die Bullet-Liste ist schwer lesbar und bräuchte etwas grafische Optimierung.

Eventuell könnte man die Argumentation auch in folgender Art umdrehen:

7 Gründe für Avira

• Erledigen Sie alles im Internet?
• Kaufen Sie regelmäßig in Online-Shops ein, oder bieten Sie auf Auktionsseiten?
• Nutzen Sie Online-Banking?
• (…)

Dann brauchen Sie die Avira Premium Security Suite. Die Sicherheit Ihrer Daten sollte es Ihnen wert sein.

8 von 10 Punkten

6. Preis
Der Preis ist klar aufgezeigt. Problematisch ist die Positionierung des Upselling Produkts, da der Preis hier ebenfalls direkt sichtbar ist. Durch den sehr ähnlichen Packshot kann der Nutzer verwirrt werden und sieht eventuell auf den ersten Blick zwei Preise für die gleiche Software. Ich würde empfehlen, den kompletten Upselling Block unter die beiden Reiter zu schieben, oder alternativ eine Umschaltung im Kopfbereich der Seite zu integrieren.

8 von 10 Punkten

7. Call-to-Action
Die Call-to-Action Buttons selbst sind sehr klar gestaltet. Ein Wehrmutstropfen ist, dass der Unterschied zwischen Download und Kaufen für den Nutzer absolut unklar bleibt. Warum soll ich etwas kaufen, was ich auch runterladen kann? Weiterhin ist der Kontrast des Kaufen-Buttons geringer, als der Download-Button. Ein möglicher Weg der Optimierung wäre z.B. ein grüner Kaufen-Button und darüber ein Link mit “Testversion kostenlos herunterladen”. Wichtig hierbei ist, dass die Gewichtung der Call-to-Actions klar erkennbar ist.

6 von 10 Punkten

8. Funktionsprinzip
Auch auf dieser Landingpage ist kein Funktionsprinzip grafisch dargestellt. In der Feature-Liste und der Ausklappliste wird die Funktionsweise erklärt. Zur Optimierung könnte man hier sehr schön ein kleines Video produzieren, was erklärt, an welchen Stellen sich die Software in das System integriert und wie der Schutzmechanismus allgemein funktioniert. Ein schönes Beispiel für ein solches Video ist auf der Seite Pay-with-a-Tweet zu finden.

5 von 10 Punkten

9. Trust Elemente
Der Einsatz der Trust Elemente ist sehr gut gelöst. Ein Element ist direkt oben beim Hero Shot integriert. Drei weitere rechts neben dem Upselling Element und der Produktmatrix. Je nach Bildschirmauflösung sind jedoch nicht alle Trust-Elemente sichtbar. Ich empfehle die Trust Elemente in den sichtbaren Bereich zu schieben. Z.b. könnte dies unterhalb der ersten Box passieren. Auch hier könnte in diesem Zusammenhang ein Social Proof Element integriert werden. Die Anzahl der Nutzer ist sicher hoch und sollte als Trust Element genutzt werden.

9 von 10 Punkten

10. Hero Shot
Sehr klarer Hero Shot. Super ist die Kombination mit dem Trust Element. Problematisch ist auch für dieses Element das Upselling. Der Packshot sieht dem Primär-Produkt sehr ähnlich und steht grafisch in deutlicher Konkurenz. Durch eine Verschiebung des gesamten Upselling Blocks nach unten könnte man dieses Problem sehr leicht umgehen.

7 von 10 Punkten

11. Testimonials
Auch auf dieser Landingpage gibt es leider keine Testimonials.

0 von 10 Punkten

Nachfolgend nocheinmal die einzelnen Bewertungen im grafischen Überblick.

Fazit Avira Landingpage
Die Avira Landingpage ist klar der Benchmark in der Wettbewerbs-Analyse. Auf dieser Seite werden viele Dinge sehr gut umgesetzt.

Als nächster Schritt im Prozess steht die Konzeption der eigenen Landingpage an. Hierbei sollte man alle ermittelten Benchmarks für das eigene Produkt umsetzen und die noch unausgeschöpften Potentiale, wie z.B. Social Proof, Funktionsprinzip und Testimonials in die eigene Landingpage integrieren. Wichtig ist hierbei, dass Sie die Seiten des Benchmarks nicht kopieren, sondern für Ihr Produkt “übersetzen” und dabei optimieren.

Ich wünsche viel Spaß beim Optimieren und freue mich auf Ihr Feedback.

Download Worksheet Landingpage Bewertungsraster

Laden Sie sich unser Worksheet Landingpage Bewertungsraster herunter und starten Sie mit der Optimierung Ihrer Seiten.

Update:
Aktuell gibt es leider ein technisches Problem mit Paywithatweet. Ein Download über Facebook ist momentan leider nicht möglich. Wenn Sie keinen Twitter-Account haben und das Bewertungsraster trotzdem erhalten wollen, kontaktieren Sie mich kurz per E-Mail unter torsten.hubert@web-arts.com. Ich schicke es Ihnen gerne zu.

Es wurden keine ähnlichen Beiträge gefunden.

Die Idee hinter dem Bewertungsraster

Das Bewertungsraster soll Ihnen die Möglichkeit eines strukturierten Vergleiches Ihrer Landingpages mit denen Ihrer Konkurzenz geben.

Welche Elemente sind bei Ihnen besser gelöst, welche bei der Konkurenz? Die Arbeit mit diesem Raster hat in der Praxis gezeigt wie effizient man damit Schwachstellen der eigenen Landingpages finden kann und von der Konkurenz wichtige Inspirationen erhalten kann. Das soll Sie natürlich nicht davon abhalten die Kriterien entsprechend für sich abzuändern…

Stellen Sie die Bewertungen der einzelnen Landingpages in Listenform gegenüber und bewerten welche der Elemente Sie für Ihre Landingpage übernehmen möchten.

Natürlich ist die Bewertung anhand eines Rasters immer subjektiv. Das Ziel der Bewertung nach den 11 Bewertungskritieren ist jedoch nicht die statistische Validität. Es soll eher als Weg zu Inspiration dienen.

Die 11 Bewertungskriterien

Besucher des Conversion Camps 2010 kennen die Bewertungskritieren bereits. Auf den Networking Karten wurden die in unseren Augen relevantesten Kriterien abgedruckt. Natürlich gibt es noch unendlich viele weitere Kriterien nach denen Landingpages bewertet werden können. In der Praxis haben sich die folgenden 11 als sehr effizient erwiesen.

1. Logo

Das Logo dient für den Nutzer als erster Ankerpunkt auf der Landingpage und soll es durch seinen hohen Wiedererkennungswert einfach machen, das Unternehmen von den Wettbewerbern zu unterscheiden. Bereits durch die Gestaltung des Logos werden die wichtigsten Werte des Unternehmen sichtbar gemacht. Der Nutzer erkennt im Logo den Absender der Seite und so kann bereits hier ein erster Grundstein für Vertrauen gelegt werden.

Ist das Logo dem Nutzer bekannt, wird dieser sofort und unterbewusst seine bisherigen Erfahrungen mit dem Anbieter in die Waagschale werfen um das Angebot zu bewerten.

2. Headline / Subline

Die Headline-/Subline-Kombination beantwortet dem Nutzer primär die Frage “Bin ich hier richtig?”. Kommt der Nutzer beispielweise aus einer CPC-Anzeige, sollte diese den Anzeigentext entprechend aufgreifen und dem Nutzer so das Gefühl geben, dass er das Gesuchte hier gefunden hat. Kurze und prägnante Texte ermöglichen eine besonders schnelle Aufnahme der Informationen.

Headline und Subline sollten immer informativ und relevant für den Nutzer sein und ihn emotional ansprechen.

3. Einleitung

Die Einleitung gibt dem Nutzer in Kombination mit der Headline / Subline eine kurze Erläuterung zum dargestellten Produkt oder der Dienstleistung. Sie hebt bereits den wichtigsten Nutzen für den Besucher hervor und gibt einen starken Anreiz weiterzulesen.

4. UVP (Unique Value Proposition)

Was ist das Besondere an dem Angebot? Lenken Sie den Nutzer nicht mit zu vielen Versprechen ab, konzentrieren Sie sich auf das Wesentliche auf das Besondere des Angebots. Fassen Sie sich hierbei kurz. Der Besucher wird es Ihnen danken, wenn er nicht unendlich lange Sätze lesen muss. Er will den Nutzen für sich schnell erfassen.

In einer Bulletliste mit mehreren Nutzen ist der UVP immer an erster Stelle und sollte durch die 5 Ws (Wer? Was? Wann? Wo? Warum?) erweitert werden.

5. Reason Why

Der Besucher möchten Argumente für die Entscheidung haben. Wenn die Landingpage diese liefert und er sich damit identifizieren kann – perfekt.

Je nach Zielgruppe können diese Argumente, aber auch die Darstellung stark differieren. Sind für die einen Statistiken in Tabellenform oder Vergleichstabellen sinnvoll, so möchten andere Grafiken und Charts sehen. Für eine andere Zielgruppe könnte schon ein entsprechender Text ausreichend sein. Wichtig ist nur, dass der Nutzer Antworten auf die Frage “Warum ist das das Richtige für MICH?” bekommt.

6. Preis

“Was kostet mich das?” Der Besucher trifft seine Kaufentscheidung niemals ohne die Information.

Aus psychologischer Sicht ist es sinnvoll den Preis zu “erklären”. Gute Beispiele sind begründete Preisreduzierungen, aber auch das Prinzip der Verknappung kann hier verkaufsfördernd sein. “Nur noch 2 Tage 65% Rabatt” oder so ähnlich diese Verknappung lauten.

7. Call-to-Action

Die Call-to-Action ist der erste Schritt in den Conversion-Funnel und sollte entsprechend deutlich und klar zu erkennen sein und zum Klick einladen.

Weitere Tipps für eine gute Call-to-Action finden Sie im Beitrag Konversionskiller Nr 3.: keine klare Call-to-Action.

8. Funktionsprinzip

Der Besucher möchte das Prinzip leicht erfassen und keine langen Beschreibungen lesen müssen. Illustrationen des Funktionsprinzips sind gut geeignet, wenn Sie komplexe Produkte oder Vorgänge simplifizieren und somit leichter erfassbar machen. Ob es besser ist eine technische Zeichung, ein Scribble oder ein Video zu nutzen hängt von der Zielgruppe ab.

9. Trust Elemente

Vertrauen ist ein sehr starkes psychologisches Motiv – Misstrauen hingegen ist der größte Konversionskiller.

Je nach Persönlichkeitstyp bauen Nutzer unterschiedlich schnell Vertrauen zu einem Anbieter auf. Hat die Seite Elemente die das Vertrauen stärken und das Sicherheitsbedürfnis der Nutzer befriedigen. Häufig genutzte Beispiele sind Siegel, bekannte Marken, redaktionelle Zertifikate, bekannte Gesicher, aber auch Social-Media Elemente wie Facebook Likes.

Zusätzlich zu diesen Elementen ist eine professionelle Gestaltung und eine verständliche Struktur der Seiten vertrauensfördernd.

10. Hero Shot

“Was kaufe ich da eigentlich und wie zur Hölle sieht das aus?”

Ist das Produkt der Held der Seite? Gute Produktfotos sind unabdingbar für eine hohe Konversionsrate. Wirklich gut funktioniert der Hero Shot in Verbindung mit dem Storytelling, dem Erzählen einer Geschichte zu dem Produkt. Diese Symbiose triggert oft starke Emotionen im Nutzer.

11. Testimonials

Gib es Testimonials auf der Seite, die das Vertrauen in das Produkt stärken?

Für die Glaubwürdigkeit hat es sich als sehr hilfreich erweisen, wenn Vor- und Nachteile autentisch beschrieben werden. Man sollte den Texten anmerken, dass sie von echten Nutzern für Nutzer geschrieben wurden und nicht von der Marketing-Abteilung.

Beispielhafte Bewertung

Ich habe mir einmal die Seite der iPhone App Things etwas näher angesehen und anhand dieser 11 Punkte kurz bewertet. Im produktiven Einsatz dieser Methode lohnt sich eine deutlich detailliertere Untersuchung.

Dieses Beispiel soll lediglich dem Verständnis der Methodik dienen und erhebt keinen Anspruch auf Vollständigkeit.

1. Logo

Das Logo Cultured Code ist vielen sicher genauso unbekannt wie das Logo / Icon der App. Es ist professionell und klar gestaltet. Allerdings lässt es auf den ersten Blick kaum einen Schluss auf den Inhalt des Produkts zu.

4 / 10 Punkten

2. Headline / Subline

Die Headline “Task management for everyone” in Kombination mit dem iPhone und iPod touch Schriftzug neben dem Things Logo geben ein gutes Feedback um was es sich handelt. Die Emotionalität und der Nutzen könnten klarer formuliert werden.

7 / 10 Punkten

3. Einleitung

Die Einleitung gibt sehr gut den Mehrwert des Produkts wieder und bietet einen starken Anzeiz zum weiterlesen. Eine sehr gute Einleitung.

10 / 10 Punkten

4. UVP

Der UVP wird bereits in der Einleitung aufgegriffen.
Eine Bulletliste ist jedoch nicht vorhanden.
Im Video wird ebenfalls auf den UVP eingegangen.

5 / 10 Punkten

5. Reason Why

Die Reason Why wird sowohl im Video stark thematisiert, als auch den folgenden Abschnitten der Landingpage. Es wird für jedes Mainfeature im Detail darauf eingegangen was es dem Nutzer bringt.

9 / 10 Punkten

6. Preis

Der Preis wird auf der Seite gar nicht thematisiert. Ein echter Konversionkiller.

0 / 10 Punkten

7. Call-to-Action

Die Call-to-Action ist für eine so lange Seite zu wenig vertreten. Sie sollte mindestens unten nocheinmal wiederholt werden. Weiterhin ist sie nicht klar als solche zu erkennen. Durch die orange Farbe fällt sie zwar auf, wird aber wahrscheinlich nur schwer als klickbares Element identifiziert.

3 / 10 Punkten

8. Funktionsprinzip

Das Funktionsprinzip wird innerhalb des Videos sehr detialliert dargestellt. Mir fehlt jedoch eine einfache und vor allem schnelle Übersicht, die auch in der Website platziert werden sollte.

6 / 10 Punkten

9. Trust Elemente

Die Trust Elemente werden auf der rechten Seite außerhalb des Inhaltsbereich geführt. Es sind alles redaktionelle Zertifikate (MacLife, Macworld, iTunes, O’Reilly, iLounge). Das Layout der Seite ist extrem professionell und unterstützt so das hochwertige und strukturierte Image der App.

9 / 10 Punkten

10. Hero Shot

Der Hero Shot ist wenig ausgeprägt und wird durch das App-Icon verdeckt. Im unteren Bereich sind zwar viele Screenshots integriert, diese sind jedoch nicht als Hero Shot zu werten, da diese die App nicht gemeinsam mit dem iPhone zeigen, sondern nur auf die Inhalte fokussieren. Eventuell könnte man noch den Startbildschirm des Videos als Hero Shot werten. Aber auch dieser wirkt wenig heroisch.

4 / 10 Punkten

11. Testimonials

Die Testimonials sind unterhalb der Trustelemente auf der rechten Seite außerhalb des Inhaltsbereich aufgelistet. Das Schöne an dieser Umsetzung ist, dass die wichtigsten Informationen aus dem Testimonial angezeigt werden und dann das ganze Testimonial gelesen werden kann. Dies stellt aber auch gleichzeitig ein sehr großes Problem dar. Die Testimonials sind – genau wie die Trust Elemente – redaktionelle Beiträge in Blogs.

Es ist davon auszugehen, dass dies jedoch in diesem Fall im Detail kaum wahrgenommen wird und die Testimonials für den Nutzer als gültig und gut bewertet werden.

6 / 10 Punkten

Visualisierungsidee

Eine grafische Darstellung dieses Kandidaten könnte z.B. so aussehen:

Ich wünsche Ihnen viel Spaß beim Analysieren und freue mich auf Ihre Kommentare!

Es wurden keine ähnlichen Beiträge gefunden.

Bei der Suche nach geeigneten Landingpages habe ich einfach das Keyword “Girokonto eröffnen” in Google eingegeben und die ersten drei Adwords-Anzeigen angeklickt. Verwundert hat es mich, dass alle drei geöffneten Seiten “echte Landingpages” sind. Keiner der Top-3 Adwords-Anzeigen hat auf seine “normale” Website verlinkt. Das ist mir bisher eigentlich noch nicht untergekommen. Jemanden von euch vielleicht?

Die Landingpages für den Eyetracking-Test stehen somit auf jeden Fall schon einmal fest…

Die Testkandidaten

DKB Landingpage

Landingpage DKB

Im oberen Bereich der Seite finden wir das Logo mit dem Claim der DKB. Darunter die werbliche Aussage des DKB-Cash-Girokontos gefolgt vom eigentlichen Inhalt der Seite. Dieser ist dreispaltig angelegt. Auf der linken und rechten Seite sind Trustelemente wie z.B. Finanztest, Focus Money und ntv-Test aufgezeigt.

Im zentralen Bereich befindet sich eine List der wichtigesten Leistungseckpunkte des Girokontos und die blaue Call-to-Action. Abgeschlossen wird die Seite mit einer Trennlinie und dem Footer mit rechtlichen Informationen.

.comdirect Landingpage

Einen ähnlichen Aufbau bietet die Landingpage der .comdirect. Im Kopfbereich ebenfalls das Logo gefolgt von der werblichen Aussage “Kostenlos ohne Mindestgeldeingang”.

Darunter befindet sich der eigentliche Inhalt der Seite mit den wichtigsten Informationen und Call-to-Action auf der linken Seite und dem Stiftung Warentest Trust-Element auf der rechte Seite. Darunter befinden sich weiterführende Aktionen und Downloads. Etwas außerhalb des Layouts befindet sich eine Kontaktbox mit Mitarbeiter-Foto.

Den Abschluss des zentralen Bereichs übernimmt hier ebenfalls der Footer mit rechtlichen und weiterführenden Aktionen.

1822direkt Landingpage

Landingpage 1822direkt

Der Aufbau der 1822direkt Landingpage unterscheidet sich deutlich von den beiden anderen. Es gibt hier einen zweispaltigen Aufbau. Auf der linken Seite gibt es das Keyvisual und zwei Trust-Elemente (ntv-Test und Börse online).

Auf der rechten Seiten finden wir die Begrüßung gekoppelt mit dem werblichen Claim “Beste Tagesgeldbank 2009″. Danach die wichtigsten Vorteile und danach drei unterschiedliche Produkte Tagesgeldkonto, Festgeldkonto und Girokonto.

Den Abschluss bildet auch hier der Footer mit den rechtlichen Infos.

Der Testaufbau

Der Test wurde mit einem relativ geringen Panel von 10 Personen durchgeführt. Es waren 4 weibliche und 6 männliche  Probanden im Alter von 25 bis 37 Jahre mit durchschnittlich bis hoher Internetaffinität. Die Personen erhielten das Briefing, dass Sie sich im Internet nach einem Girokonto informieren möchten und hierzu über eine Google Suche die folgenden Seiten zu sehen bekommen und sich in 10 Sekunden eine erste Meinung zu dem Anbieter und dem Inhalt der Seite / dem Produkt bilden sollen.

Die Ergebnisse

Schauen wir uns die Ergebnisse des Eyetracking-Tests einmal im Detail an. Natürlich können wir keine Aussagen zu den Konversionsraten der Seiten machen. Das einzige was wir “aus der Ferne” können, ist die Wirkung der Elemente auf die Aufmerksamkeit der Nutzer zu analysieren und dies bewerten.

Eyetracking Ergebnisse DKB

Heatmap DKB

Es sind sechs große Fokus-Bereiche im Eyetracker zu erkennen. Das Trustelement auf der linken Seite, der Beginn der Nutzenliste in der Mitte, die blauen Teile der Nutzenliste, das 0-Euro Promo rechts im Text, das erste Trustelement auf der rechten Seite und die Call-to-Action am unteren Ende des zentralen Bereiches.

Das Logo und die werbliche Botschaft werden in den ersten 10 Sekunden kaum wahrgenommen. Die Texte neben den blauen Bullets genauso wie die weiteren Trustelemente auf der rechten Seiten ebenfalls nicht.

Das können wir daraus lernen:

• Keine bannerähnlichen Formate nutzen
  Wichtige werbliche Informationen sollten nicht in einem Format dargestellt werden, dass einem Banner ähnelt. Grade internetaffine Nutzer blenden solche Elemente unbewusst aus. Besonders unterstützt wird dieses Verhalten durch den Rahmen des Elements.
• Wichtige Informationen links vom Text platzieren
  Die Position links des Textes ist sehr aufmerksamkeitsstark. Hier sollten sehr wichtige Informationen platziert werden, die den Nutzer schnell davon überzeugen, weiter in die Seiten einzusteigen. Das Siegel “Bestes Girokonto 2010″ von ntv-Test ist ein schönes Beispiel für ein geeignetes Element.
• Die richtigen Dinge highlighten
  Die Vorteile des Kontos werden in Form einer blauen Bulletliste gefolgt von grauem erklärenden Text dargestellt. Das Problem hierbei ist, dass die eigentliche Information nicht im aufmerksamkeitsstarken Teil des Textes steht. Fünf der acht blauen Texte lauten “0,- Euro”. Dies ist für den Nutzer zwar ein Zeichen für günstig, aber beinhaltet sonst keine relevanten Informationen.
• Zusammenhängende Informationen nicht trennen
  Durch die Aufteilung des Content-Bereichs in zwei Spalten entsteht eine Trennung zwischen den beiden Textteilen. Hier könnte z.B. statt “0,- Euro” und “Internet-Konto”, “Kostenloses Internet-Konto”  stehen. So würde dem User der Nutzen klarer kommunziert werden.
• Platzieren Sie das stärkste Trust-Siegel oben
  Es wird deutlich, dass die Liste der Trust-Elemente auf der rechten Seite von oben nach unten deutlich weniger  wahrgenommen wird. Zusätzlich tritt hier der sogenannte Halo-Effekt auf. Das erste Siegel wird sehr stark wahrgenommen. Die Botschaft besagt in etwa: “günstiges Girokonto”. Das zweite Siegel (Stiftung Warentest) wird erkannt und ebenfalls mit dem Girokonto verbunden. Viele Nutzer projizieren den eben gelesenen Testsieger auf dieses Element. Einige Aussagen der Nutzer zu diesem Produkt waren: “Testsieger Stiftung Warentest”. Dabei handelt es sich um eine völlig andere Aussage: “Günstig reisen mit der DKB-Visa-Card”.

Eyetracking Ergebnisse .comdirect

Heatmap comdirect

Die .comdirect Landingpage hat sechs Aufmerksamkeitsbereiche. Den Anfang macht das Logo im Kopfbereich, gefolgt von der werblichen Info oberhalb des eigentlichen Textes. Danach die Headline und Einleitungstext und das Trust-Element auf der rechten Seite. Weitere sehr starke Elemente sind die Call-to-Action und das Foto der Kontaktbox.

Der eigentliche Content der Seite wird kaum wahrgenommen.

Das können wir daraus lernen:

• Logo braucht Freiraum
  Damit das Logo wahrgenommen werden kann, benötigt es Freiraum. Gönnen Sie sich diese “Platzverschwendung”.
• Relevante Aussagen fokussieren
  Das werbliche Element wird weniger beachtet, als die Headline “Jetzt Aktivitätsprämie sichern” des Contentbereis. Die Primärmotivation der Seite ist jedoch Girokonto eröffnen. Dies sollte entsprechend im Zentrum der Aufmerksamkeit stehen.
• Ein einzelnes Trust-Element wirkt sehr stark
  … wenn es wirklich gut ist. Ein “Testsieger” oder “Spitzenreiter” von Stiftung Warentest ist wie ein Ritterschlag. Nutzen Sie es gezielt und verwässern Sie es nicht durch schlechtere Siegel.
• Nutzen Sie haptische Buttons
  Ein Button ist ein Button ist ein Button…
  Gestalten Sie ihn entsprechend haptisch. Das Auge sucht nach solchen gewohnten Interaktionsflächen. Unterstützt wird dies durch deutliche und kontrastreiche Farbgebung.
• Call-to-Action-Text = Zusammfassende Aktion
  Dampfen Sie den Text der Call-to-Action auf das wesentliche der Seite herunter. In diesem Beispiel ist dies “Jetzt Girokoto eröffnen”. Zeigen Sie dem User, was er hinter dem Button zu erwarten hat. Dies sollte möglichst seine Primärmotivation erfüllen. Eventuell könnte man hier noch optimieren mit “Jetzt kostenlos Girokonto eröffnen” um diesen Aspekt mehr in den Vordergrund zu holen. Ein Button mit “Jetzt kostenlos Girokonto eröffnen und Aktivitätsprämie sichern” ist jedoch sicher ein bischen viel.
• Vorsicht bei Gesichern
  Gesichter auf Landingpages, die den Nutzer ansehen sind absolute Aufmerksamkeitsmagneten. Sie sind ein extrem mächtiges Mittel um Aufmerksamkeit zu steuern. Lesen Sie hierzu meine zwei Posts Schau mir in die Augen und Gefahr durch Blicke.

Eyetracking Ergebnisse 1822direkt

Heatmap 1822direkt

Die 1822direkt Landingpage hat sieben Aufmerksamkeitsbereiche: das Logo, das Gesicht der Frau, das erste Trust-Element, die Begrüßung / werbliche Information, die beiden ersten Zwischenüberschriften und die erste Call-to-Action.

Das Besondere der Landingpage ist, dass der Teaser des eigentlich gesuchten Produkts “Girokonto” kaum wahrgenommen wird.

Das können wir daraus lernen:

• Inhaltliche Relevanz schaffen
  Das wichtigste Learning aus dieser Seite ist, dass die Seite natürlich an die Bedürfnisse des Nutzer angepasst werden muss. Wenn dieser nach “Girokonto eröffnen” sucht, sollte ich den Girokonto-Teaser nach oben stellen und die Inhalte der Seite möglichst auf das Thema Girokonto abstimmen.
• Logo oben links
  Das Logo in der linken oberen Ecke ist erwartungskonform und hat dort eine hohe Aufmerksamkeit. Gestützt wird dies durch die sehr kontrastreiche Darstellung mit blauem Hintergrund und weißem Text.
• Klarer Seitenaufbau und klare Gliederung bringt Orientierung
  Das Eyetracking zeigt das typische Scanmuster vieler Internet-Nutzer. Sie überfliegen den Text und bleiben an Zwischenüberschriften oder Bulletlisten hängen. Erzeugen diese eine emotionale Resonanz, steigt der Nutzer weiter ein und liest diesen Abschnitt, bevor er weiter scannt.
• Klare Priorisierung der Call-to-Action-Elemente
  Die Seite hat drei absolut gleichwertige Call-to-Action-Elemente. In Kombination mit der Relevanz zum Motiv des Nutzers sollte eine Primär-Call-to-Action definiert und entsprechend stärker gestaltet werden.

Ich wünsche viel Spaß beim Optimieren und freue mich auf Ihre Kommentare.

Es wurden keine ähnlichen Beiträge gefunden.

Vor kurzem wurde die Liste der umsatzstärksten Online-Shops in Deutschland veröffentlicht. Die Umsatzzahlen sind tatsächlich beeindruckend. Doch vor dem Hintergrund, dass wir in Deutschland bei Online-Shops im Durchschnitt nur eine Konversionsrate von etwa 3,3% erreichen, ließ mich staunend mit folgenden Zahlenspiel zurück:

Wenn beispielsweise alternate.de einen Jahresumsatz von 205.000.000 Euro erzielt, und wir von einer Konversionsrate von eben 3% spekulativ ausgehen, wie viel mehr Umsatz wäre das bei einer Steigerung von nur 1%? Und vor allem: Mit welchen Maßnahmen könnte man diesen Shops in schnellster Zeit zu ein wenig mehr Konversion verhelfen?

Bezug nehmend auf das LIFT Modell von WiderFunnel wende ich im Folgenden tatsächlich nur einen Faktor an: Clarity. Gleichzeitig verbanne ich damit den Demotivator Anxiety aus dem gleichen Modell. Im Grunde ist es einfach: Klarheit schaffen, Unsicherheit eliminieren – zack: 50 Mio Euro mehr in der Tasche!

Ich habe mir diesen Shop und ein paar weitere vorgenommen, nur eine klare Call-to-Action eingesetzt und diese Screens am Eyetracking-System mit einigen Probanden zufällig und in wechselnden Reihenfolgen getestet. Natürlich bewege ich mich hier wirklich an der Oberfläche, aber gleichzeitig zeigen diese wenigen Beispiele, wie viel mehr Potenzial doch selbst bei den umsatzstarken Shops noch steckt.

alternate.de

alternate.de Startseite Original

alternate.de Startseite modifiziert

bonprix.de

bonprix.de Startseite original

bonprix.de Startseite modifiziert

otto-office.de

Otto Office Startseite original

Otto Office Startseite modifiziert

conrad.de

conrad electronics Startseite original

conrad electronics Startseite modifiziert

esprit.de

esprit Startseite original

esprit Startseite modifiziert

Der Einsatz der Buttons mit sprechendem Text führt in erster Linie dazu, dass die Blicke der Probanden „geführt“ werden. Hier stellt sich nun noch die Frage, welche Zielsetzung sich der Shopbetreiber nach dieser Erkenntnis setzt und was er erreichen möchte. Und wie bereits gesagt: Ich  kratze hier nur an der Oberfläche, und die beschriebene Vorgehensweise ist nur ein Teil im Konzert der Konversionsoptimierung.

Es wurden keine ähnlichen Beiträge gefunden.

Affiliate-Pros bei der Arbeit

Xaviers Idee der Konversionserhöhung durch megacoole Videos in seinem Shop “Xaviers-Fallschirm-Platz.de” scheiterte an unerwartet profanen Problemen

Es wurden keine ähnlichen Beiträge gefunden.

Die Newsletter im Eyetracking-Test

Ich habe mir drei unterschiedliche Newsletter aus dem Bereich Brillen-Händler herausgesucht. Diese drei Newsletter verkörper jeweils ein unterschiedliches Gestaltungskonzept.

Brille 24 - Newsletter

Der Brille 24 Newsletter arbeitet mit einem starken Visual im Kopfbereich und ist ansonsten sehr text- und informationsorientert. Die textlichen Informationen sind in HTML umgesetzt und mit vielen Links im Text. Erst sehr weit unten kommen eigentliche Produkte.

Netzoptiker - Newsletter

Der Netzoptiker Newsletter beinhaltet kein wirkliches Primär-Visual und ist mit grafischem Text in abwechselnder Ausrichtung gefüllt. Hier stehen Produkt-Bilder und Rabatte im Vorderung.

Newsletter - Mister Spex

Der Mister Spex Newsletter lebt auf den ersten Blick von seinem sehr großen Keyvisual und einem Textblock im unteren Bereich. Produkte sind in dieser Ansicht nur noch ansatzweise zu erkennen.

Der Versuchsaufbau

Für den Test wurde ein Panel von 15 Personen im Alter von 25 – 65 Jahren und rund 50% Frauen bzw. Männer im Eyetracker untersucht. Die Nutzer sahen jeweils die oben sichtbaren Screenshots in zufälliger Reihenfolge im 5-Sekunden-Test. Unterbrochen wurde die Tests jeweils durch ein 3 Sekunden Rauschen um die Blickposition zu neutralisieren.

Die Aufgabenstellung der Probanden

Die Probanden erhielten sinngemäß folgende Aufgabenstellung:
Sie haben sich für drei Newsletter von Online-Brillen-Shops angemeldet. Im Test sehen Sie gleich nacheinander einen der Newsletter in Outlook für 5 Sekunden. Nach den drei Newslettern befragen wir Sie zu den Inhalten, Fotos und Gestaltung des Newsletters.

Die Ergebnisse

Schauen wir uns erst einmal die Ergebnisse an:

Newsletter Brille 24 - Heatmap

Es gibt drei große Blick-Bereiche in diesem Newsletter in aufsteigender Wichtigkeit:

1. Das Logo
2. Den Anfang des Content-Bereihes
3. Das Visual

Diese Verteilung ist vor allen Dingen der Leserichtung geschuldet. Scheinbar ist das untere Produkt nicht interessanter für den Nutzer, als der “rohe” Text. Bestätigt wird dies durch Aussagen der Probanden. Der Grundtenor hier ist, dass es sich scheinbar um einen reinen Informations-Newsletter handelt und dieser wird eben gelesen oder nicht. 12 von 15 Probanden gaben an, dass Sie diesen Newsletter nicht lesen würden, da er als wenig attaktiv und nicht “hochwertig” genug wahrgenommen wird.

Newsletter Netzoptiker - Heatmap

Die Aufmerksamkeit in diesem Newsletter ist deutlich verteilter. Die Probanden nehmen den kompletten Kopfbereich inkl. Logo, Qualitätsversprechen und Trusted-Shop-Siegel warh. Der Großteil der Blicke orientiert sich rund um den Claim, das Visual und die obere Brille. Die Texte und Rabatt-Symbole werden kaum wahrgenommen.

In der nachfolgenden Befragung wurde angegeben, dass die Navigation nur von etwa der Hälfte der Probanden als solche wahrgenommen wurde. Die Social-Media Leiste blieb nur einem Nutzer im Gedächnis. Fast alle Nutzer sagten, dass Ihnen der Newsletter zu “unruhig” ist und dass es an Klarheit fehlen würde. Einige sagten, dass Sie eine klare Call-to-Action vermissen würden.

9 der 15 Nutzer gaben an, diesen Newsletter nicht lesen würden, da er zu wenig strukturiert und klar gestaltet ist.

Newsletter Mister Spex - Heatmap

Die Aufmerksamkeit der Nutzer liegt klar auf dem großen Visual. Hier besonders auf den Köpfen der Personen, die den Blick direkt auf den Probanden richten. Dies verdeutlicht wieder einmal, dass Blicke – Blicke lenken (Detaillierte Untersuchung siehe Landingpage-Tipp #3). Besonders interessant finde ich, dass nur ein Nutzer kurz den Textblock neben dem Fußball-Visual ansieht. Dieser Kontakt ist jedoch so kurz, dass er in der Heatmap nicht dargestellt wird.

Anders als bei den vorherigen Newslettern gab hier der Großteil der Nutzer an, dass Sie den Newsletter gerne weiterlesen würden (12 von 15 wollten weiterlesen). Als Begründung gaben die Probanden an, dass der Newsletter durch das große Keyvisual emotional gut einfängt und neugierig auf mehr macht. Interessanter Weise gab keiner der Probanden an, dass ihm in dieser Darstellung die Produkte gefehlt hat.

Fazit des Newsletter-Tests

Ein guter Newsletter sollte im oberen Bereich Lust auf das weiterlesen machen. Hierzu ist es besonders wichtig, den Nutzer emotional zu “fangen” (lesen Sie hierzu auch “5 geheime Modelle zur Conversion-Optimierung“). Am besten gelingt dies in unserem Beispiel dem Mister Spex Newsletter durch sein etwas “verrücktes” Keyvisual mit dem Löwenkopf-Mann im Hintergrund. Wenn man von anderen Mail-Clients (wie z.B. Thunderbird) ausgeht, die die Mail-Liste oberhalb der Vorschau haben, wird der Bereich des nötigen “Einfängers” noch kleiner.

Weiterhin sollten Text-Wüsten vermieden werden. Sie erzeugen keinen Impact beim Nutzer und wirken “handgemacht” und schrecken eher ab, als ein durchgestylter Newsletter.

Die Gestaltung eines Newsletters sollte besonders klar und ruhig sein. Die Nutzer haben in der Realität sehr kurzen Kontakt zu einem Newsletter und jede Verwirrung ist ein direkter Minuspunkt im Kopf des Nutzers, der vom weiterlesen abhält. Sorgen Sie also durch klare Gestaltung und gute Informationsarchitektur und -dosierung für ein positives Erlebnis beim Nutzer.

Ich wünsche Ihnen viel Erfolg beim Optimieren Ihres Newsletters und freue mich auf Ihre Kommentare!

Es wurden keine ähnlichen Beiträge gefunden.

Bei der Konzeption meiner letzten Landingpage habe ich mich gefragt, warum ich die Call-to-Action immer rechts auf der Seite integriere und nicht etwa links. Da ich leider die Landingpage auf Grund von einem NDA nicht zeigen darf, möchte ich das Ergebnis anhand eines anderen fiktiven Beispiels erläutern.

Nach vielen Suchen (entweder waren es keine echten Landingpages, oder die Call-to-Action war rechts) bin ich auf folgendes Beispiel gestoßen:

Call-to-Action links

Endlich eine Landingpage mit der CTA auf der linken Seite. Ansonsten eine wirklich aufgeräumte Single-Purpose-Landingpage.

Der perfekte Testkandidat finde ich. Also nichts wie ran ans Werk und mit ein bischen Schieberei die Alternative erstellt. Herausgekommen ist folgende Landingpage:

Call-to-Action rechts

Die These: Call-to-Action rechts ist stärker

Meine These für den Eyetracker Test war, dass die Call-to-Action auf der rechten Seite deutlich stärker wahrgenommen wird. Was meinen Sie? Schauen Sie sich die beiden Varianten nochmal genau an und merken Sie sich die Lösung. Ich bin gespannt, ob Sie richtig tippen.

Der Versuchsaufbau

Für den Test wurde das Panel von 20 Personen im Alter von 20 – 43 Jahren und rund 50% Frauen bzw. Männer in zwei gleiche Gruppen aufgeteilt. Jede Gruppe bekam nur einen der Screens im 5-Sekunden-Test zu sehen. Keiner der Nutzer kannte die Landingpage vorher.

Da die Fragestellung einen Eyetracking-Test sehr stark beeinflussen kann, wurde den Probanden vor dem Test gesagt, dass Sie gleich eine Seite zum Thema Risiko-Lebensversicherung sehen werden und Sie sich in den fünf Sekunden vom Angebot ein Bild machen sollen und dazu später Fragen gestellt bekommen.

Die Testergebnisse

Schauen wir uns zuerst die Heatmap der Landingpage mit der Call-to-Action auf der linken Seite an:

Heatmap: Call-to-Action links

Man kann deutlich erkennen, dass der Nutzer alle relevanten Bereich der Landingpage erkennt. Besonders im Fokus der Blicke ist das kleine Mädchen und der rote Angebotsbereich. Dies verwundert nicht, wenn man weiss, dass direkte Blicke – Blicke auf sich ziehen.

Heatmap: Call-to-Action rechts

Wenn man beide Screens vergleicht, erkennt man deutlich die Verlagerung der Blicke. Neben dem deutlichen Fokus auf die Call-to-Action erhält auch der Text mehr Aufmerksamkeit. Besonders spannend finde ich in diesem Fall, dass selbst die Blicke des Mädchens nicht mehr so stark die Blicke binden. Auch die Badges mit den Angebotsinfos werden zwar von allen wahrgenommen, jedoch schauen die Nutzer schneller darüber hinweg.

Statistische Ergebnisse

Schauen wir uns die Statistiken des Eyetrackers nochmal genauer an. Hierzu habe ich die Landingpages in folgende Area-of-Interests (AOI) aufgeteilt:

Area-of-Interests

Als relevanter Wert für die Intensität der Betrachtung ist die Fixations-Dauer ausschlaggebend. Mit diesem Wert wird gemessen, wie lange der Nutzer durchschnittlich auf ein bestimmtes Element schaut. Hier die Ergebnisse:

AOI-Statistik Fixations-Dauer

Die Statistik verdeutlich das bereits in der Headmap ansatzweise zu erkennende Ergebnis. Bei der Variante mit Content und Call-to-Action rechts verharren die Blicke deutlich stärker auf Content und Call-to-Action. Das Visual und die Headline verlieren deutlich an Beachtung.

Fazit

Hätten Sie ein so eindeutiges Ergebnis erwartet? Ich nicht!

Abschließend bleibt eigentlich nur zu sagen, dass ich zukünftig guten Gewissens die Call-to-Action und den Content immer auf die rechte Seite stellen werde.

Ich wünsche viel Erfolg beim Optimieren und freue mich auf Kommentare!

Es wurden keine ähnlichen Beiträge gefunden.

1. Größe: Je kleiner desto besser

Je kleiner die Call to Action ist, desto schneller kann sie übersehen werden. Also auf keinen Fall in der Größe übertreiben und die Call to Action immer schön klein halten. Schriftgröße kleiner als 10 ist ein absolutes Muss!

Sehr klein, aber noch viel zu bunt.

Besser!

2. Position: Bitte nicht im sichtbaren Bereich

Den Benutzer erst mal schön weit scrollen lassen, bis er erst ein mal in den Genuss kommt eine Call to Action zu sehen ist genau die richtige Strategie. Eventuell denkt der Besucher man kann auf der Seite nur gucken und nicht anfassen und verschwindet schnell wieder. Mission erfüllt!

Im sichtbaren Bereich weit und breit nichts zu sehen von einem Warenkorb-Button. Scheinbar gibt es hier nur Informationen.

3. Whitespace: Keine Luft zum Atmen lassen

Durch genügend Whitespace um eine Call to Action könnten Besucher auf die Idee kommen, dass es wichtig ist, da es vom Rest abgesetzt ist und dadurch in den Vordergrund rückt. Also die Call to Action richtig dicht mit anderen Elementen zukleistern ist die Divise.

Da hat der Warenkorb aber schön viel Platz, was?

4. Kontrast / Farbe: Bloß nicht abheben

Verwendet man eine Farbe, die sich von der restlichen Farbgebung abhebt, sticht die Call to Action viel zu stark hervor. Nimmt man hingegen eine Farbe, die im Design schon viel verwendet wird, kann die Call to Action glücklicherweise in einem Gaußschen Normalverteilungsrauschen untergehen. Sehr schön!

Wer entdeckt den Warenkorb-Button?

Der Warenkorb-Button passend zum Hintergrund in blauer Tarnfarbe.

5. Anzahl: Auswahlmöglichkeiten bieten

Menschen sind Individuen, die individuelle Entscheidungen treffen. Dieses Wesen sollte unterstützt werden, indem man dem Besucher viel Auswahlmöglichkeiten zur Verfügung stellt ohne diese zu gewichten. So kann jeder Besucher selbst mit freiem Willen entscheiden, welche Aktion er ausführt ohne von irgendwelchen Gewichtungen durch unterschiedliche Designs beeinflusst zu werden.

Die Seite weiterzuempfehlen ist auf jeden Fall wichtiger, als einen Artikel in den Warenkorb zu legen. Ansonsten kann der Besucher wieder zurück, sich anmelden und seine Meinung kundtun. Das nenne ich mal Entscheidungsfreiheit.

Aktionen soweit das Auge reicht.

Und noch mehr CTAs.

6. Wording: Auf keinen Fall Forderungen stellen

Der Wortlaut sollte auf keinen Fall fordernd sein. Fordert man den Besucher auf zu handeln, dann macht dieser das am Ende auch noch. Lieber schön passiv und informativ bleiben. Wir wollen hier ja niemanden beeinflussen.

Ein kleiner Pfeil sagt mehr als 1000 Worte. Ist doch jedem klar, was passiert, oder?

Bestellung - Neutraler geht es wohl kaum.

7. Funktionalität: Das ist kein Button

Ist die Call to Action nicht als klare Handlungsmöglichkeit erkennbar, kann diese leicht übersehen werden. So soll es natürlich sein. Auf gar keinen Fall einen Schatten oder Verlauf hinterlegen. Die Ähnlichkeit zu einem Button ist einfach zu groß und man könnte Gefahr laufen, dass dieser dann auch noch benutzt wird. Auch ein Icon, der die Funktion der Call to Action darstellt kann einem eine stressige Bestellung bescheren. Ein Icon vom Warenkorb ist schon zu viel. Noch schlimmer ist die Signalisierung einer konkreten Aktion wie z.B. ein Pfeil in den Warenkork. Auf jeden Fall die Finger davon lassen!

Grauer Text? Hat wohl nichts zu bedeuten, oder?

Na, wer versteckt sich denn da hinter dem Text?

Fazit

Ziehen Sie die Notbremse und passen Sie Ihre Call to Action gleich heute noch an. Erfreuen Sie sich an der neu gewonnenen Zeit und genießen Sie Ihr Leben. Viel Spaß!

Es wurden keine ähnlichen Beiträge gefunden.