White Space: So maximieren Sie Conversions und Auswirkungen mit weniger

Hatten Sie jemals einen dieser Tage, an denen Sie scheinbar nichts erreicht haben? Ablenkende Kollegen, zu viel Hintergrundgeräusche und ständige E-Mail-Benachrichtigungen können die Arbeit daran hindern, erledigt zu werden. Aus dem einen oder anderen Grund ist es schwierig, sich zu konzentrieren und Sie finden sich unglaublich unproduktiv.

So wie viele Menschen ihre beste Leistung erbringen, wenn sie allein in ihrem eigenen, ruhigen Raum sind, gilt dies auch für Post-Click-Landingpage-Komponenten. Post-Click-Landingpage-Elemente erfüllen ihren Zweck am besten, wenn sie isoliert sind – keine anderen Elemente, keine Ablenkungen. Nur leerer Raum – weißer Raum.

Leerraum: Was ist das und warum sollten Sie ihn verwenden?

Leerraum, auch als Leerraum oder Negativraum bekannt, ist der Bereich auf einer Webseite, der hilft, ein bestimmtes Element hervorzuheben oder darauf aufmerksam zu machen.

Leerraum-Grafikdesign führt dazu, dass sich die Leute auf einzelne Post-Click-Landingpage-Elemente konzentrieren, weil sie, da sie nichts anderes in der Nähe sehen können, gezwungen sind, sich anzusehen, was dort ist.

Es ist wichtig zu beachten, dass Weißraum nicht unbedingt „weiß“ ist – es ist lediglich leerer, nicht markierter Raum. Es kann jede Farbe haben, solange es hilft, die verschiedenen Elemente zu trennen und sich von dem hervorzuhebenden Element abhebt.

Die Psychologie hinter White Space Design

Auch wenn der Leerraum die Unordnung erheblich reduziert und eine Webseite ästhetisch ansprechend macht; es dient auch mehreren anderen funktionalen Zwecken, einschließlich:

• Erhöhte Lesbarkeit
• Verbesserter Fokus
• Besseres Verständnis des Angebots
• Verbesserte Benutzererfahrung

Ob wir es jetzt erkennen oder nicht, der negative Raum erfüllt diese Zwecke, indem er unsere Psyche anzapft. Dieser Raum ermöglicht den Betrachtern eine visuelle Unterbrechung während der Verarbeitung des Inhalts Ihrer Seite. Dies ist wichtig, da zu viele Informationen oder visuelle Daten auf einmal zu kognitiver Erschöpfung führen können, auch bekannt als Informationsüberflutung, die es dem Gehirn erschwert, Informationen überhaupt aufzunehmen und zu speichern.

Mit weniger Durcheinander und weniger Ablenkungen ist es für unser Gehirn deutlich einfacher, Informationen aufzunehmen und zu verarbeiten und sich besser auf das Wesentliche zu konzentrieren.

Eine Post-Click-Landingpage ohne Leerzeichen

Wenn Sie keinen guten ersten Eindruck hinterlassen, kann dies Ihre Gesamt-Conversions und letztendlich Ihr Endergebnis kostspielig sein. Bevor wir also gute Beispiele für Leerräume auf Post-Click-Landingpages zeigen, schauen wir uns diese Post-Click-Landingpage von LogiGear an, die so gut wie gar keine enthält:

Was war Ihr erster Eindruck von dieser Seite? Es ist ein wenig überwältigend, weil alles ohne Luft zum Atmen zusammengepfercht ist – was es schwierig macht, sich zurechtzufinden, sich auf das Wesentliche zu konzentrieren und das Angebot zu verstehen. Es ist fast so, als ob der Designer versucht hätte, alles über dem Falz anzuzeigen und eine sehr ausgewogene Seite zu haben, die die Lesbarkeit insgesamt verringert.

Nachdem Sie nun gesehen haben, was Sie beim Post-Click-Landingpage-Design nicht tun sollten, wollen wir uns einige großartige Beispiele für Leerräume ansehen.

Welche Elemente können durch Weißraum optimiert werden?

Leerräume dienen als Richtungshinweise, und Richtungshinweise sind visuelle Hilfsmittel, die auf die wichtigsten Elemente Ihrer Post-Click-Landingpage hinweisen. Hier sind einige der wichtigsten Elemente, die mit Leerzeichen hervorgehoben werden sollten:

Überschrift

Die Überschrift Ihrer Landingpage nach dem Klick sollte aufmerksamkeitsstark sein, da sie oft das erste Element ist, das die Betrachter bei der Ankunft sehen. Eine Überschrift kann die Aufmerksamkeit der Besucher noch schneller auf sich ziehen, wenn sie von ausreichendem Weißraum umgeben ist.

BigMarker hat diese kostenlose Test-Post-Click-Landingpage mit viel freiem Platz erstellt. Dieser Screenshot zeigt „above the fold“ und veranschaulicht, wie die Überschrift und das Formular sofort Aufmerksamkeit auf sich ziehen, indem sie von der Seite abspringen:

Software-Screenshots

Leerraum wird oft um einen Screenshot der Software eines Unternehmens, ein Bild seines Produkts oder ein Video, das seinen Service demonstriert, entworfen. Da ansprechende Medien eine so große Rolle bei der Steigerung der Conversions spielen, ist es nicht ungewöhnlich, dass Marken negative Bereiche um Medien herum hinzufügen, damit die Zuschauer dies leichter bemerken.

Das Bild der Software auf dieser Post-Click-Landingpage von OfficeX zieht die Aufmerksamkeit der Betrachter auf sich, wenn sie auf der Seite nach unten scrollen, da sie von beträchtlichem Leerraum umgeben ist:

Countdown-Timer

Countdown-Timer erzeugen absichtlich ein Gefühl der Dringlichkeit und Knappheit, weil die Leute dazu neigen, Dinge zu wollen, die knapp werden. Timer können für eine Vielzahl von Angeboten verwendet werden (Webinar-Anmeldungen, Anmeldungen für besondere Veranstaltungen, Preisnachlässe usw.) und da sie unglaublich überzeugend sein können, um Conversions zu generieren; es ist wichtig, dass sie zu den Besuchern herausspringen.

Hier ist ein Beispiel von Exact Data, das viel negativen Platz mit ihrem Countdown-Timer verwendet – um sicherzustellen, dass Besucher die Frist vor Ablauf des Angebots beachten:

Formular zur Lead-Erfassung

Lead-Capture-Formulare sind eines der kritischsten Post-Click-Landingpage-Elemente, daher ist es nur sinnvoll, sie mit viel Leerraum hervorzuheben, um so viel Aufmerksamkeit wie möglich zu erregen.

Auf dieser Post-Click-Landingpage von Stackla wird der Blick der Besucher mit Hilfe des Blicks im Hintergrund und viel Weißraum sofort auf das Formular gelenkt:

Taste

Ob es sich um ein zweistufiges Opt-In, Click-Through oder Hyperlink mit einem Anker-Tag handelt; Schaltflächen können den Leerraum voll ausnutzen.

YP Marketing Solutions hat am unteren Rand der Post-Click-Landingpage eine Schaltfläche mit Hyperlink hinzugefügt, um die Besucher zurück zum Formular oberhalb der Falte zu führen. Beachten Sie, wie sich der Knopf abhebt, da er von viel Platz umgeben ist:

Unternehmensdienstleistungen

Anstatt eine ganze Seite zu lesen, scannen Webbenutzer eine Webseite schnell und einfach, um die wertvollsten Informationen zu finden. Aus diesem Grund ist es ideal, Ihre Post-Click-Landingpage-Kopie in kleinen Stücken zu gestalten, die durch Aufzählungspunkte oder Ikonographie gekennzeichnet sind. Wenn Sie das mit Leerzeichen verbinden, ziehen die Aufzählungspunkte noch mehr Aufmerksamkeit auf sich.

Direkt unterhalb der Falte hebt Comporium Media Services ihre zusätzlichen Dienste mit Ikonographie und minimalem Text hervor:

Kundenreferenzen

Testimonials sind eines der überzeugendsten Elemente auf einer Post-Click-Landingpage, da sie Glaubwürdigkeit und Vertrauen verleihen und verschiedene Aspekte Ihres Produkts oder Ihrer Dienstleistung hervorheben können, die echten Kunden zum Erfolg verholfen haben.

Um sicherzustellen, dass Ihre Testimonials wahrgenommen werden, folgen Sie dem Beispiel von Outbrain und umgeben Sie sie mit Leerzeichen:

Firmenabzeichen

Firmenabzeichen gehören neben Kundenstimmen zu den überzeugendsten Aspekten einer Post-Click-Landingpage. Die Anzeige von Abzeichen bekannter, seriöser Marken trägt dazu bei, Autorität und Glaubwürdigkeit zu schaffen – und potenzielle Kunden zu beeinflussen, Ihr Formular auszufüllen und auf die CTA-Schaltfläche zu klicken. In den Köpfen der Interessenten denken sie: „Wenn diese anderen sehr glaubwürdigen Unternehmen dem Produkt oder der Dienstleistung ihr Vertrauen geschenkt haben, dann kann ich das auch.“

Um dies zu demonstrieren, stellt Alteryx einige seiner größten Kunden und Partner auf seiner Post-Click-Landingpage für die kostenlose Testversion vor:

Eine letzte Anmerkung zum Whitespace-Webdesign

Wenn Sie einem Landingpage-Design nach dem Klick Leerzeichen hinzufügen, wird die Seite wahrscheinlich länger. Dies ist nicht unbedingt eine schlechte Sache, da Webbenutzer erwarten, dass sie scrollen. Solange Sie andere visuelle Hinweise auf der Seite integrieren, um Besucher in die gewünschte Richtung zu lenken, bleiben die Besucher wahrscheinlich konzentriert und engagiert.

Werfen Sie einen Blick auf unsere Post-Click-Landingpage für die Veröffentlichungs-Checkliste unten mit Leerzeichen um jedes wichtige Element. Außerdem ermutigt der Abwärtspfeil die Zuschauer, nach unten zu scrollen, um das Angebot weiter zu bewerten:

Wie nutzt Ihre nächste Post-Click-Landingpage den Leerraum?

Obwohl weißer Raum als leerer Raum bezeichnet wird, wird der Bereich nicht verschwendet. Es gibt eine bewusste und absichtliche Absicht mit Leerraum auf der Landingpage nach dem Klick. Indem Sie einzelne Elemente voneinander abheben und hervorheben, verbessern Sie effektiv das Verständnis und die allgemeine Benutzererfahrung und können wiederum die Conversions steigern.

Wenn Sie dies wissen, welche Elemente werden Sie auf Ihrer nächsten Post-Click-Landingpage hervorheben?

Nutzen Sie unsere designfreundliche Plattform, um in wenigen Minuten Ihre eigenen vollständig optimierten Post-Click-Landingpages zu erstellen. Mit Instapage genießen Sie eine 100-prozentige Anpassung mit den fortschrittlichsten Analysen der Branche. Melden Sie sich noch heute für eine Instapage Enterprise-Demo an.