Built to Convert – Best Practices für das Design von Zielseiten

Zielseiten sind alle Seiten, auf die ein Besucher gelangt, nachdem er auf einen Marketing-Call-to-Action geklickt hat. Dies kann eine Such- oder Displayanzeige, eine E-Mail, ein Beitrag in sozialen Medien oder ein Affiliate-Link sein.

Einige Unternehmen senden Traffic von diesen verweisenden Quellen an ihre Homepage; das ist ein Fehler. Zielseiten bieten mehrere Vorteile, darunter ein klares Angebot, das mit der verweisenden Quelle übereinstimmt. Dies führt zu höheren Conversions, als einfach neue Besucher auf die Homepage zu schicken und zu hoffen, dass sie herausfinden, was angeboten wird, wenn sie darauf klicken.

Designer können Landingpages erstellen, die effektiver konvertieren, indem sie Best Practices für das Landingpage-Design wie die hier aufgeführten befolgen.

Heben Sie die Vorteile hervor

Produktdesigner neigen dazu, sich auf Funktionen zu konzentrieren; Verbraucher wollen die Vorteile kennenlernen. Sie möchten sehen, wie sich diese Funktionen auf ihre Erfahrung auswirken. Niemand kauft ein Auto wegen seiner 300 PS; Sie kaufen es, weil sie mit diesen 300 PS schnell fahren können. Aus diesem Grund erwähnen viele Autoanzeigen ihre 0-60-Zeiten anstelle von PS-Zahlen.

Auf Landing Pages bedeutet dies, Elemente wie Überschriften und Listen mit Aufzählungszeichen zu verwenden, um die Vorteile des Produkts hervorzuheben. Das wollen die Nutzer zuerst wissen: Welchen Nutzen bringt dieses Produkt meinem Leben oder meinem Geschäft?

Verwenden Sie relevante Bilder

Menschen sind visuelle Wesen. Ein Mangel an Bildern kann für eine Person, die eine Zielseite betrachtet, verunsichernd sein. Gute Bilder stärken das Vertrauen zwischen Verbraucher und Unternehmen.

Es gibt viele Arten von Bildern, die effektiv für Zielseiten verwendet werden können. Produktbilder sind die offensichtlichste Wahl.

Da Benutzer besser auf Bilder von echten Menschen reagieren, sind Bilder von Menschen, die das Produkt verwenden, noch überzeugender. Auf der anderen Seite tragen Stockfotos von Modellen nicht unbedingt zum Erlebnis des Benutzers bei.

Landingpage-Designer sollten darauf abzielen, Bilder zu verwenden, die bei den Besuchern einer Landingpage eine emotionale Reaktion hervorrufen.

Testen Sie Ihre CTAs

Der wohl wichtigste Teil jeder Landing Page ist der Call-to-Action. Aufgrund ihrer Bedeutung müssen Designer ihre CTAs testen, um sicherzustellen, dass sie optimiert sind, um die meisten positiven Antworten von Besuchern zu erhalten.

A/B-Tests sind die einfachste Art, CTAs zu testen. Designer können den Besuchern für eine festgelegte Zeit zufällig zwei Landing Pages anzeigen lassen, die bis auf Unterschiede im CTA selbst identisch sind. Von dort aus können sie weiter verfeinern und testen, bis der CTA die gewünschten Ergebnisse erzielt.

Designer sollten Dinge wie die Farbe der CTA-Schaltfläche, die Sprache rund um die CTA (und auf der Schaltfläche selbst) und die Platzierung der CTA auf der Seite testen. (Andere Teile der Zielseite können auch A/B-getestet werden, um bessere Gesamtergebnisse zu erzielen.)

Machen Sie es mobilfreundlich

Wenn man bedenkt, wie viele Menschen mit ihren mobilen Geräten im Internet surfen, ist es ein Fehler für Designer, zu übersehen, wie ihre Zielseiten auf kleineren Bildschirmen aussehen werden. Während das Erstellen eines Designs, das auf Mobilgeräten einfach gut aussieht, eine Option ist, ist es eine noch bessere Idee, die Zielseite zu vereinfachen, damit sie auf Mobilgeräten effektiver ist.

Mobilfreundlichkeit ist besonders wichtig für Zielseiten, auf die Social-Media-Beiträge und -Anzeigen oder E-Mails verweisen. Im Jahr 2017 gaben 75 % der E-Mail-Nutzer an, ihre E-Mails auf einem Mobilgerät zu überprüfen (und diese Zahl ist seitdem nur noch gestiegen). Und 42 % der Menschen weltweit (nicht nur Internetnutzer) nutzen Social-Media-Websites von ihrem Mobilgerät aus. Darüber hinaus wurden 2018 40 % der Verkäufe am Black Friday über ein Smartphone oder Tablet getätigt.

Die Leute durchsuchen nicht nur soziale Medien und lesen E-Mails auf ihren Smartphones. Sie tätigen Einkäufe, melden sich für Dienstleistungen an und führen auf andere Weise Aktionen aus, die Unternehmen von ihnen erwarten. Designer, die diesen riesigen Prozentsatz des Marktes übersehen, sind bestenfalls kurzsichtig.

Machen Sie es mit der verweisenden Quelle konsistent

Wenn jemand auf eine Anzeige oder einen Link in einer E-Mail klickt, ist es wichtig, dass eine Übereinstimmung mit der Zielseite besteht, auf der er landet. Dies kann auf verschiedene Arten erfolgen, je nachdem, um welche Quelle es sich handelt.

Wenn die verweisende Quelle beispielsweise eine Suchanzeige ist, sorgt die Verwendung einiger Teile der gleichen Sprache zwischen der Anzeige und der Zielseite, auf der der Benutzer landet, für Konsistenz. Wenn die verweisende Quelle eine E-Mail ist, kann die Verwendung ähnlicher Bilder und Farbschemata die Konsistenz verleihen, die Besucher benötigen.

Beim Entwerfen einer Zielseite sollten Designer wissen, was die verweisende Quelle sein wird, um sicherzustellen, dass sie zumindest in einigen Punkten übereinstimmen.

Schließen Sie Social Proof ein

Die Leute möchten wissen, dass ein Produkt, das sie kaufen möchten, andere Kunden glücklich gemacht hat. Sozialer Beweis ist eine der besten Möglichkeiten, diese Bestätigung zu geben.

Es gibt ein paar Möglichkeiten, soziale Beweise zu erbringen. Eine besteht darin, Testimonials oder Rezensionen prominent auf der Zielseite einzufügen. Eine andere Möglichkeit besteht darin, Gespräche in sozialen Medien über das Produkt einzubeziehen. Designer sollten dabei jedoch vorsichtig sein, da die automatische Anzeige aller sozialen Erwähnungen am Ende sowohl die guten als auch die schlechten zeigen könnte.

Lassen Sie Landing Pages nicht mehr als eine Aufgabe erfüllen

Eine Zielseite sollte nur eine Aufgabe haben, und diese sollte festgelegt werden, bevor sie entworfen wird. Eine Zielseite, die Besucher auffordert, etwas zu kaufen, sich aber auch für einen Newsletter anzumelden, spaltet die Aufmerksamkeit dieses Besuchers. Dies macht es unwahrscheinlicher, dass sie die wünschenswerteste Maßnahme ergreifen.

Designer sollten überlegen, was der Call-to-Action ist, und sicherstellen, dass auf der Zielseite keine anderen Aktionen angefordert werden. Sogar Dinge wie andere Navigationselemente können die Aufmerksamkeit eines Besuchers auf sich ziehen und ihn daran hindern, die gewünschte Aktion auszuführen.

Fragen Sie nicht nach mehr Informationen als erforderlich

Wenn Sie nach zu vielen Informationen fragen, kann dies schnell dazu führen, dass Besucher von einer Zielseite abspringen. Und doch ist es üblich, Zielseiten mit Formularen zu sehen, die nicht nur nach einem Namen und einer E-Mail-Adresse fragen, sondern auch nach einer Telefonnummer, einem Firmennamen, einer Berufsbezeichnung und mehr.

Wenn ein Besucher nicht sofort den Wert der Bereitstellung dieser Informationen erkennen kann, erhöht dies seine Chancen, von der Seite abzuspringen, erheblich. Um die Absprungrate einer Zielseite zu verringern, sollten Designer nur nach dem Nötigsten an Informationen fragen, um das Angebot zu vervollständigen.

Ein weiteres wichtiges Usability-Problem bei Landingpage-Formularen ist, wenn sie nicht für Mobilgeräte optimiert sind. Formularfelder sollten so codiert werden, dass das entsprechende Tastaturlayout für jedes Feld angezeigt wird.

Das heißt, wenn ein Benutzer beispielsweise seine E-Mail-Adresse eingibt, zeigt die Tastatur das „@“-Symbol auf dem Hauptbildschirm; oder wenn eine Telefonnummer angefordert wird, wechselt die Tastatur zur numerischen Eingabe. Dieses kleine Detail verbessert die UX auf Mobilgeräten erheblich.

Fügen Sie keine Navigationsleiste hinzu

Das Fehlen einer Navigationsleiste knüpft direkt an die Idee von Einzweck-Landingpages an. Die Navigation auf einer Zielseite ist ein visuelles Durcheinander und kann dazu führen, dass Benutzer auf eine andere Seite der Website klicken, ohne die gewünschte Aktion auszuführen.

Das Eliminieren der Navigationsleiste hilft dem Besucher, bei der Sache zu bleiben. Wenn es Designern darum geht, den Besuchern weitere Informationen bereitzustellen, sollten diese auf der Zielseite selbst oder in Links weiter unten auf der Seite enthalten sein, vorzugsweise nach dem ersten Call-to-Action.

Es macht keinen Sinn, einen Benutzer abzulenken, der bereit ist, sich anzumelden oder etwas zu kaufen, indem man ihm andere Optionen anbietet. Trotzdem beinhalten viele Landingpages zusätzliche Navigationsmöglichkeiten.

Überladen Sie die Seite nicht

Zielseiten sollten nur die Informationen enthalten, die die Person, die auf dieser Seite gelandet ist, benötigt, um die gewünschte Aufgabe zu erledigen. Je mehr Investitionen seitens des Besuchers erforderlich sind, desto mehr Informationen werden in den meisten Fällen benötigt.

Beispielsweise ist eine kostenlose Testversion, bei der keine Zahlungsinformationen abgefragt werden, ein Angebot mit relativ geringem Risiko und würde nicht so viele Informationen erfordern.

Eine Seite, die einen Benutzer auffordert, einen Kauf zu tätigen, muss dem Benutzer jedoch im Allgemeinen mehr Informationen bereitstellen. Diese Menge an Informationen steigt nur, wenn der Preispunkt steigt.

Designer sollten beim Erstellen von Landing Pages gute Designprinzipien befolgen, genau wie bei jeder anderen Seite. Minimalistische und schlichte Designs werden generell bevorzugt, sofern sie zur jeweiligen Marke passen. Leerraum um den Inhalt verhindert, dass Benutzer überfordert werden, und ermöglicht es ihnen, sich auf das Wesentliche zu konzentrieren.

Weichen Sie nicht von etablierten Mustern ab

Menschen haben bestimmte Erwartungen, wenn es um Zielseiten geht. Sie wollen mehr über die Vorteile erfahren, sie wollen ein klares Leistungsversprechen und sie wollen einen einfach auszufüllenden Call-to-Action.

Wenn ein Designer zu sehr von den etablierten Zielseitenmustern abweicht, riskiert er, den Benutzer vor den Kopf zu stoßen und ihn bei der Erfüllung der anstehenden Aufgabe zu stören. Experimentelle Designs sind großartig, aber oft besser für andere Arten von Seiten und Websites geeignet.

Seien Sie nicht generisch

Es ist zwar eine gute Idee, sich an etablierte Muster zu halten, aber das bedeutet nicht, dass Zielseiten generisch sein müssen. Designer sollten überlegen, wie das Einfügen zusätzlicher Details und Designelemente in eine Zielseite die Benutzererfahrung verbessern, die Aufmerksamkeit des Benutzers gewinnen und den Wert des Angebots verstärken kann.

Das können Videoinhalte, Animationen, Diashows oder eine Reihe anderer Designelemente sein. Was für ein Produkt oder eine Dienstleistung angemessen ist, funktioniert nicht unbedingt für ein anderes. Designer sollten sich frei fühlen, mit unkonventionellen Inhalten auf ihren Zielseiten zu experimentieren, aber bereit sein, A/B-Tests mit konventionelleren Methoden durchzuführen, um sicherzustellen, dass sie Besucher nicht vertreiben.

Fazit

Landing Pages sind ein wesentlicher Bestandteil jeder Online-Marketing-Kampagne. Ihr einzigartiger Zweck trägt dazu bei, Conversions voranzutreiben, ohne Besucher abzulenken.

Designer, die Best Practices für Zielseiten befolgen, können mehr Wert für die von ihnen bedienten Marken schaffen, indem sie Seiten erstellen, die besser konvertieren als die Konkurrenz. Zielseiten einfach zu halten, sich auf den CTA zu konzentrieren, Formulare kurz zu halten und andere bereits erwähnte Richtlinien werden dazu beitragen, dass Zielseiten effektiver funktionieren und gleichzeitig die UX verbessern.

• • •

Weiterführende Literatur im Toptal Design Blog:

• So gestalten Sie eine effektive Landing Page
• Konvertieren Sie Besucher mit diesen Landingpage-Inspirationen
• Ästhetik und Wahrnehmung – Wie man sich der Bildsprache der Benutzererfahrung nähert
• Die Gestaltungsprinzipien und ihre Bedeutung
• Effektive Kommunikationsstrategien für Designer