• Haupt
  • >
  • Marketing
  • >
  • Die 7 Prinzipien des Conversion-Centered Landing Page Designs

Die 7 Prinzipien des Conversion-Centered Landing Page Designs

Das Entwerfen einer optimierten Zielseite ist nicht gerade ein Kinderspiel. Wenn Sie eine respektable Conversion-Rate erzielen möchten, ist das. Also ... wie gut sind Sie im Konzept des umwandlungsorientierten Designs geschult?

Conversion-Centered Design (CCD) ist eine Disziplin, die speziell auf das Entwerfen von Erfahrungen abzielt, mit denen ein einzelnes Geschäftsziel erreicht wird. Es soll den Besucher dazu führen, diese eine bestimmte Aktion abzuschließen, indem überzeugendes Design und psychologische Auslöser als Instrumente zur Steigerung der Conversions verwendet werden.

Landing Pages bilden das Herzstück von CCD. Eine Zielseite ist eine eigenständige Seite, die ein kongruentes Design verwendet und auf einen einzigen gemeinsamen Zweck hinarbeitet, um Ihre Besucher an die Ziellinie zu führen, sei es die Erfassung personenbezogener Daten oder die Aufklärung über Ihr Produkt / Ihre Dienstleistung, bevor Sie den Staffelstab an den übergeben nächste Phase Ihres Conversion-Trichters.

Wie können Sie einen Besucher davon überzeugen, Ihr Conversion-Ziel mithilfe von Design zu erreichen? Es gibt eine Reihe von Designelementen, die die Aufmerksamkeit des Besuchers auf den gewünschten Interaktionsbereich lenken. Psychologische Hilfsmittel können ebenfalls zur Teilnahme anregen. Lassen Sie uns gleich auf diese beiden Arten von CCD-Elementen eingehen, damit Sie mit dem Entwerfen von Zielseiten beginnen können, die tatsächlich konvertiert werden.

Die 7 Prinzipien des Conversion-Centered Designs

1) Einkapselung

Dies ist eine klassische Technik, die verwendet wird, um die Augen Ihrer Besucher zu entführen und einen Tunnelblickeffekt zu erzeugen. Sie können sich vorstellen, ein Fenster auf Ihrer Zielseite zu erstellen, in dem Ihre Handlungsaufforderung (Call-to-Action, CTA) angezeigt wird. Hier bildet ein kreisförmiger Bogen einen Rahmen für das Merkmal in der Ferne und verhindert, dass Ihr Auge an einer anderen Stelle im Foto wandert.

Zielseitentipp

Verwenden Sie starke dynamische Formen, um Ihre Sonderziele einzuschränken. Denken Sie an die klassische James Bond-Intro-Sequenz, in der Sie ihn in einem kreisförmigen Design sehen. Das zweite Beispiel oben zeigt, wie Ihre Augen sofort zum Ende des Tunnels getrieben werden. In diesem Beispiel werden auch Elemente für Kontrast und Richtungshinweise verwendet.

2) Kontrast und Farbe

Die Verwendung von Kontrast ist ein recht einfaches Konzept, das für das gesamte Farbspektrum gilt, jedoch am einfachsten in Schwarzweiß angezeigt wird.

Zielseitentipp

Je mehr Sie Ihre Handlungsaufforderung von der Umgebung abheben können, desto leichter wird es, sie zu sehen. Wenn Sie viel schwarz / grauen Text auf einem weißen Hintergrund haben, liefert ein schwarzer oder weißer CTA nicht den gewünschten Kontrast, und mit einem farbigen Element sind Sie besser dran. Wenn Sie jedoch ein sehr klares Design ohne viele Details oder Kopien haben, kann ein großer schwarzer oder weißer Knopf dramatisch sein.

Farbe kann verwendet werden, um eine emotionale Reaktion Ihrer Besucher zu erzeugen. Orange zum Beispiel ist dafür bekannt, positive Gefühle zu erzeugen und kann eine gute Wahl für die Farbe Ihres CTA sein. Die psychologische Auswirkung von Farbe im Design ist in der folgenden Liste aufgeführt.

  • Rot: Gefahr, Stopp, negativ, Aufregung, heiß
  • Dunkelblau: stabil, beruhigend, vertrauenswürdig, ausgereift
  • Hellblau: jugendlich, männlich, cool
  • Grün: Wachstum, positiv, organisch, gehen Sie, tröstlich
  • Weiß: rein, sauber, ehrlich
  • Schwarz: ernst, schwer, Tod
  • Grau: Integrität, neutral, cool, ausgereift
  • Brown: gesund, organisch, unprätentiös
  • Gelb: emotional, positiv, vorsichtig
  • Gold: konservativ, stabil, elegant
  • Orange: emotional, positiv, organisch
  • Lila: jugendlich, zeitgemäß, königlich
  • Pink: jugendlich, weiblich, warm
  • Pastellfarben: jugendlich, weich, weiblich, einfühlsam
  • Metallics: elegant, nachhaltig, wohlhabend

Ein weiterer wichtiger Gesichtspunkt ist die Kontrastwirkung der Farbe. Diese Idee basiert auf Weißraum- und Kontrasttechniken, da sie eine Methode zur Isolation über Differenz darstellt. Einige sagen, die Tastenfarbe sei irrelevant, aber dies ist eine Unwahrheit, wenn der Farbkontrast das Problem ist. Ein roter CTA ist unter normalen Umständen möglicherweise nicht besser als ein blauer. Wenn die Seite jedoch überwiegend blau ist, zieht ein roter Knopf mehr Aufmerksamkeit auf sich als ein blauer.

In unserem ersten konzeptionellen Beispiel wird ein in-your-face-Ansatz verwendet. Die Farbe ist so überwältigend, dass man sie nur anstarren kann. Im zweiten Beispiel werden Position und Farbkontrast verwendet, um den Blick auf die Heuschrecke zu lenken. Der Grund, warum dies funktioniert, ist, dass das gesamte Bild eine begrenzte Farbpalette mit Ausnahme des interessierenden Motivs ist.

Zielseitentipp

Lassen Sie Ihr primäres Conversion-Ziel die Seite dominieren.

3) Directional Cues

Directional Cues sind visuelle Indikatoren, die auf den Fokusbereich Ihrer Zielseiten verweisen. Sie helfen dabei, Ihre Besucher zu dem zu führen, was Sie von ihnen erwarten, und machen Ihre Seite zum Ziel, sobald sie eintreffen. Zu den Arten von Richtungshinweisen gehören Pfeile, Pfade und die Richtungswirkung der Sichtlinie.

Pfeile

Pfeile sind als Richtungshinweise ungefähr so ​​subtil wie ein Schlag ins Gesicht, weshalb sie so gut funktionieren. Mit so wenig Zeit auf Ihrer Seite ist es ein kluger Schachzug, den Benutzer visuell zum gewünschten Schwerpunkt zu führen. Mit den Pfeilen können Sie sagen: "Ignorieren Sie alles andere und beachten Sie dies bitte."

Das fantastische Beispiel oben zeigt drei Arten von Hinweisen gleichzeitig. Der Pfeil ist ein Richtungszeiger, der Mann gegenüber schießt Sie dann mit den Augen zurück auf den Kerl mit dem Pfeil, und schließlich wirkt der auf dem Kopf stehende Text als Unterbrechung, durch die Sie anhalten und starren und höchstwahrscheinlich Ihren Kopf drehen herauszufinden, was es sagt.

Wege

Pfade sind Darstellungen realer Wege, die unser Gehirn dazu veranlassen, zu denken, wir müssten ihnen folgen. Dieses Beispiel zeigt eine lange gerade Straße, die Ihren Blick auf die große Felsformation oben auf dem Foto lenkt. Straßen sind so stark in unserer Psyche verwurzelt wie der Weg des geringsten Widerstands, dass wir sie natürlich als Transportführer anziehen.

Zielseitentipp

Entwerfen Sie konvergierende Linien, um Menschen auf Ihre Handlungsaufforderung aufmerksam zu machen. Dreiecke sind die dynamischsten aller Formen und aufgrund ihrer natürlichen Neigung zum Zeigen sind sie ein spezielles Entwurfswerkzeug, genau wie ein Pfeil ein komplizierter gestalteter Pfad ist.

Die suggestive Kraft des Auges

Als Menschen sind wir alle darauf programmiert, den Zweck und den Gebrauch von Augen und die Bedeutung zu verstehen, die von den Augen von jemandem oder etwas anderem ausgeht. Schauen Sie sich die folgenden Beispiele an, um zu sehen, wie es funktioniert.

Im ersten Beispiel unten schaut der Kapuziner sehr aufmerksam auf die Banane. Neugier ist die Motivation, die dich zwingt, seinem Blick zu folgen.

Mit der Augenbewegung geht die Kopfbewegung einher. Im zweiten Beispiel oben sind Sie nicht nur neugierig, was im Gras sein könnte, sondern Sie blicken auch instinktiv mit dem Kojoten nach unten. Sie möchten, dass Ihr Conversion-Ziel dort ist, wo er und alle anderen suchen.

Im dritten Beispiel unten ist der Richtungshinweis subtiler, aber immer noch sehr klar. Ihre Aufmerksamkeit wird zuerst auf den Elch in der rechten unteren Ecke gelenkt. Dies wäre Ihre primäre Überschrift oder Ihr Alleinstellungsmerkmal. Sie folgen dann seinem Blick nach links, um zu sehen, worauf er blickt - auf die Vogelschwarm, die über den Fluss fliegt -, was Ihr CTA wäre.

Bilder von Babys und attraktiven Menschen

Ein wichtiger Aspekt des Designs ist die Bildsprache. Dies kann eine starke Verbindung zwischen Ihnen und dem Foto und daher der Seite herstellen. Wenn es darum geht, effektive menschliche Bilder zu verwenden, sind Babys und attraktive Menschen dafür bekannt, einen Einfluss zu haben. Von den beiden überzeugen Babys am meisten. Die Forschung schlägt vor, dass wir alle verdrahtet sind, um auf das Gesicht eines Babys zu reagieren.

In einer Eye-Tracking-Heatmap-Studie von UsableWorld wurde anhand eines Babys untersucht, welche Auswirkungen es auf die Aufmerksamkeit der Besucher haben würde. Das erste Beispiel zeigt, wie viel Aufmerksamkeit auf das Gesicht des Babys gelenkt wird:

Im zweiten Beispiel wird die Kraft der Suggestion in voller Wirkung gezeigt, da das Baby immer noch viel Aufmerksamkeit erhält, aber der Bereich, den es betrachtet, viel mehr als im ersten Beispiel:

Attraktive Frauen haben sich auch auf einer Landingpage als überzeugendes menschliches Element erwiesen. Das nächste Beispiel handelt von dem Effekt, der durch eine starke persönliche Verbindung verursacht wird, bei der die Augen Ihres Motivs Sie hypnotisieren, Aufmerksamkeit zu schenken. Dies ist, wie der im ersten Beispiel dargestellte Augenkontakt, eine gute Möglichkeit, die Zeit eines Besuchers auf einer Seite zu verlängern und wertvolle zusätzliche Sekunden für Ihr Wertversprechen bereitzustellen.

4) Leerraum

Weißer Raum (oder Leerraum) ist ein Bereich der Leere, der einen Bereich von Bedeutung umgibt. Der Grund, warum wir Leerzeichen sagen, ist, dass die Farbe des Leerzeichens nicht wichtig ist. Der Zweck besteht darin, eine einfache räumliche Positionierung zu verwenden, damit sich Ihre Handlungsaufforderung von der Umgebung abhebt und Sie sich nur auf eines konzentrieren können.

Zielseitentipp

Geben Sie Ihren Seitenelementen Luft, um einen beruhigenden Effekt zu erzielen, und lassen Sie Ihren CTA sich vom Rest Ihres Designs abheben.

5) Dringlichkeit und Knappheit

Häufige psychologische Motivatoren sind Dringlichkeit (begrenzte Zeit) und Knappheit (begrenztes Angebot). Es sind einfache Konzepte, die auf verschiedene Arten angewendet werden können.

Dringlichkeit

"Kaufe jetzt." "Verpassen Sie nicht." Wir sind es gewohnt, solche Sätze zu hören. Dringlichkeitserklärungen werden verwendet, um uns zu einer sofortigen Kaufentscheidung zu zwingen. Amazon und Ticketmaster setzen diese Technik beispielsweise sehr effektiv ein.

Amazon: Bestellung vor dem Datum

Die meisten Leute kennen sich damit aus. Amazon ist maßgeblich für eine Reihe von Druckpunktauslösern verantwortlich, von denen einer das "Order Before" -Konzept ist. Dies hängt von einer begrenzten Restlaufzeit ab, um eine sofortige Kaufentscheidung herbeizuführen. Amazon wurde ursprünglich verwendet, um die Lieferung für Weihnachten zu garantieren, wenn Sie bis zu einem bestimmten Datum bestellt haben. Die Strategie wurde nun erweitert, um alltägliche Anwendungsfälle abzudecken. Dies macht es für Geburtstage von Menschen anwendbar, die an jedem Tag des Jahres auftreten können.

Ticketmaster: Noch 4 Minuten, um Ihr Ticket zu kaufen

Ticketmaster hat auch eine Möglichkeit gefunden, die Dringlichkeit des Ticketkaufs zu erhöhen. Sobald Sie Ihre Plätze ausgewählt haben, haben Sie nur ein paar Minuten Zeit, um Ihre Transaktion abzuschließen, bevor Ihre Opportunity abläuft, und jemand anderes kann Ihre Tickets klauen. Sie können diese Zeit in der unteren rechten Ecke des Screenshots unten sehen.

Knappheit

Um das Konzept der Knappheit zu nutzen, müssen Sie jemanden überzeugen, den Sie sofort kaufen müssen, bevor die Vorräte aufgebraucht sind. Dies erhöht die Angst, die gewünschte Gelegenheit zu verpassen.

Expedia: X Plätze übrig

Der Kauf von Flugtickets reagiert sehr empfindlich auf das Konzept der Knappheit, da die Anzahl der Sitzplätze mit dem Herannahen der Flugzeit rapide abnimmt. Um dies zu nutzen, nutzt Expedia Transparenz als psychologischen Auslöser, um Sie zu ermutigen, Ihre Kreditkarte herauszuholen und sofort zu buchen. Sie zeigen dazu die Anzahl der auf dem Flug verbleibenden Sitzplätze an, jedoch nur, wenn die Anzahl niedrig ist, wie in diesem Beispiel gezeigt, nur noch drei Sitzplätze:

6) Probieren Sie es vor dem Kauf aus

Eines der häufigsten Beispiele für "Try Before You Buy" in der Praxis ist, wenn die Leute einen kurzen Vorgeschmack auf eine Weintraube im Supermarkt bekommen. Wir haben es alle geschafft. Es scheint eine international anerkannte Form von akzeptablem Diebstahl geworden zu sein, obwohl sich einige schuldiger fühlen als andere.

Als Conversion-zentrierter Vermarkter können Sie daraus lernen, indem Sie Ihren Besuchern die Möglichkeit geben, Ihre Waren zu probieren, ohne befürchten zu müssen, diskriminiert zu werden.

In dem unten gezeigten Beispiel hat dieser Traubenverkäufer einen zusätzlichen Schritt getan, um einen Abschnitt bereitzustellen, der speziell den Traubenproben gewidmet ist und das Vertrauen von jemandem zeigt, der ein Qualitätsprodukt hat.

Die Vorschau

Wenn möglich, geben Sie den Leuten eine Vorschau auf das, was Sie verkaufen. Ein eBook gegen persönliche Daten verschenken? Stellen Sie das erste Kapitel als kostenloses PDF auf Ihrer Zielseite bereit. Oder extrahieren Sie ein Kapitel und verwenden Sie es als Blog-Beitrag, dessen CTA der vollständige E-Book-Download ist (genau wie hier!). Einige Leute werden entscheiden, dass sie Ihr Produkt nicht wollen, aber es ist besser, die Spreu sofort vom Weizen zu trennen, anstatt 500 bedeutungslose Spuren von unqualifizierten Interessenten zu sammeln.

Amazon ist ein klassisches Beispiel für dieses Prinzip mit der Funktion "Look Inside", mit der Sie einen Teil des Buches im Voraus lesen können.

In Transparenz, der wir vertrauen

Wenn Sie Ihr Produkt vor dem Kauf einer eingehenden Prüfung unterziehen, werden Sie als autoritär und glaubwürdig eingestuft. Dies erhöht das Vertrauen und kann ein wichtiger Faktor für die Steigerung der Conversions sein.

7) Sozialnachweis

Soziale Beweise werden durch die Statistiken und Aktionen einer bestimmten Menge erstellt und können den Faktor „Ich auch“ erheblich verbessern. Der Hauptvorteil ist ein Maß an authentischer Glaubwürdigkeit. Auf dem Foto unten lässt Sie die Linie vor dem Geschäft glauben, dass etwas Wichtiges los ist, auch wenn Sie nicht wissen, was es ist.

Zielseitentipp:

Ebenso können Sie den Eindruck erwecken, dass auf Ihrer Zielseite etwas passiert. Indem Sie die Anzahl der bisherigen Social Shares, Webinar-Registranten oder E-Book-Downloads anzeigen, können Sie einige Sekunden mehr Aufmerksamkeit auf sich ziehen, um Ihre Nachricht einem Besucher zu vermitteln. Testimonials können auch einen wichtigen Faktor für die Schaffung von Vertrauen darstellen, insbesondere wenn sie von Personen stammen, die der gleichen Art von Geschäft angehören wie Ihre potenziellen Kunden, bei denen der Name des Unternehmens Ihrer Zielgruppe bekannt ist.

Allerdings können Testimonials bei falscher Verwendung die Conversion-Raten beeinträchtigen. Weitere Informationen zur schlechten Verwendung von Testimonials finden Sie unter „Warum funktionieren Ihre Kunden-Testimonials NICHT?“.

Der Mann, der himmelwärts Experiment schaut

Im Jahr 1969 wurde eine Studie auf den Straßen von New York City durchgeführt, in der ein Mann stand und in die Luft sah. Die Studie zeigte, dass die Leute an ihm vorbeigingen und nicht darauf achteten, was er ansah. Als jedoch die Anzahl der starrenden Menschen auf fünf anstieg, reagierten die Menschen, indem sie mitmachten und nachschauten, um zu sehen, was los war. Die Teilnehmerzahl auf 18 Personen zu erhöhen, führte zu einer Steigerung der Besucherzahl um 400%. Je größer die Menge, desto größer wird die Menge.

Dies ist ein angepasster Auszug aus dem kostenlosen E - Book Conversion-Centered Design: Wesentliche Elemente für hochkonvertierende Zielseiten, geschrieben von Unbounce-Mitbegründer und Creative Director Oli Gardner . Er ist ein ehemaliger Interaktionsdesigner, der Metaphern häufiger verwendet, als er es wahrscheinlich sollte. Oli schreibt über Conversion-zentriertes Design (ein Begriff, den er geprägt hat), Marketing und Zielseitenoptimierung. Sie können ihm auf Twitter @oligardner folgen. Laden Sie das vollständige eBook herunter, um mehr darüber zu erfahren, wie Sie den Durchschnitt übertreffen und mithilfe des Designs Ihre Zielseiten-Conversion-Raten steigern können.

Vorherige Artikel «
Nächster Artikel