Worauf Sie bei Ihren vorläufigen Designbewertungen achten sollten

Platzhaltertext kann Ihre Besucher verwirren. Die falsche Schriftart kann die Botschaft Ihrer Seite verschleiern. Wenn so viele kleine Details zusammenkommen, um ein erfolgreiches Post-Click-Landingpage-Design zu bilden, kann das Übersehen von nur einem Conversions kosten.

Aus diesem Grund ist es notwendig, vor der Fertigstellung Ihrer Post-Click-Landingpage eine vorläufige Designüberprüfung durchzuführen.

Die vorläufige Designprüfung

Das Entwerfen einer Post-Click-Landingpage erfordert die Koordination eines ganzen Teams von Kreativen. UX-Designer, Texter, Projektmanager und Entwickler spielen alle eine Rolle in diesem Prozess. (Erfahren Sie, wie die Instapage Collaboration Solution diesen Prozess beschleunigen kann.)

Oft beantworten Designteams diese Fragen zu jedem Seitenelement, bevor auch nur ein Low-Fidelity-Drahtmodell erstellt wird.

1. Warum tun wir das / Welches Problem versuchen wir zu lösen?

Angenommen, Sie entwerfen Medien für Ihre Post-Click-Landingpage. Im ersten Schritt möchten Sie das „Warum“ hinter Ihrer Entscheidung identifizieren. Sehen Sie sich Ihre Post-Click-Landingpage an. Warum haben Sie Medien hinzugefügt?

Soll es Interessenten zeigen, wie Ihr Produkt aussieht? Ist es zu erklären, wie Ihr Service funktioniert? Verwenden Sie die Antwort, um zu bestimmen, welche Art von Medien Ihr Ziel am besten erreichen würde.

Ein Hero Shot kann Besuchern helfen, sich ein besseres Leben mit Ihrem Produkt vorzustellen. Wenn Ihr Problem lautet „Unser Service ist neu und die Leute verstehen ihn nicht“, kann ein Erklärvideo genau zeigen, wie es funktioniert.

Vergessen Sie nie: Nichts auf Ihrer Post-Click-Landingpage sollte ohne Zweck gestaltet sein. Jedes Element trägt zur Conversion-Rate bei.

2. Für wen tun wir es?

Ihre Vorliebe für eine bestimmte Titelschrift? Vergiss es. Dieses Bild, das Sie für „modern“ halten? Schmeiss es weg. Der Kern Ihres Designs sollte sich darum drehen, was Ihre Besucher bevorzugen.

Für wen erstellen Sie diese Seite? Welche Botschaft wird bei ihnen ankommen? Ein guter Schritt, um Ihre Interessenten vollständig zu verstehen, ist das Erstellen von Buyer-Personas.

Diese forschungsbasierten Darstellungen Ihrer Zielkundensegmente geben Ihnen eine Vorstellung von demografischen Merkmalen und Verhaltensweisen (und mehr), auf denen Sie Ihr Post-Click-Landingpage-Design aufbauen können.

Bauen Sie diese mit Hilfe qualitativer Daten aus Kundenbefragungen und quantitativen Daten aus Analysetools auf. Bevor Sie eine Vorstellung davon haben, an wen Sie verkaufen, können Sie nicht beginnen, eine Strategie zu entwickeln, wie Sie an sie verkaufen.

3. Woher wissen wir, dass wir erfolgreich waren?

Wenn Sie ein bestimmtes Designelement implementieren, sollten Sie eine Möglichkeit haben, zu messen, ob dieses Element Ihr Ziel erreicht hat.

Wenn Sie der Meinung sind, dass eine Seite mit längerem Text Ihren Service am besten beschreibt, können Sie den Erfolg anhand der Scrolltiefe und der Konversionsrate messen.

Wenn Sie der Meinung sind, dass ein Video besser funktioniert als eine lange Kopie, können Sie Wiedergaben als Metrik und Conversion-Rate verwenden, um den Erfolg im Vergleich zu einer textlastigen Seite zu bestimmen.

Stellen Sie sicher, dass Sie im Voraus eine Kennzahl identifiziert haben, mit der der Erfolg Ihrer Designelemente genau gemessen werden kann. Andernfalls wissen Sie nicht, was zu Ihrer Conversion-Rate beiträgt. Und wenn Sie nicht wissen, was zu Ihrer Conversion-Rate beiträgt, können Sie sie auch nicht verbessern.

Elemente, die in der vorläufigen Entwurfsprüfung zu bewerten sind

„Behandeln Sie jede Komponente so, als ob sie einem Designwettbewerb präsentiert werden könnte“, sagt Microsoft-Designer Claudio Guglieri. „Wenn man auf jede Komponente achtet, ist das Ganze mehr als die Summe seiner Teile.“

Könnte jede Ihrer Post-Click-Landingpage-Komponenten einen Designpreis mit nach Hause nehmen? Bevor Sie Ihre Wireframes an die Entwicklung senden, ist es wichtig, sich zu vergewissern. Das Erkennen von Fehlern ist entscheidend, um kostspielige Fehler nach der Veröffentlichung zu vermeiden.

Die Antworten auf die drei vorhergehenden Fragen variieren zwar von Unternehmen zu Unternehmen, Best Practices für Post-Click-Landingpage-Elemente jedoch nicht. Stellen Sie sicher, dass Ihre Seite Ihre Conversion-Rate nicht beeinträchtigt, wenn sie live ist, indem Sie Folgendes auswerten:

Layout

Seit Tausenden von Jahren lesen wir mit Hilfe eines Rastersystems. Spalten und Zeilen lenken unsere Augen heute wie vor dem Aufkommen des Internets in Zeitschriften, Büchern und Zeitungen im Web.

„Das sind die Systeme, die mehr oder weniger direkt ins Web übernommen wurden und sie funktionieren“, sagt Alex Bigman. „Ein Wort an die Weisen: Viele Designer haben im Namen der ‚Kreativität' versucht, das Raster zu umgehen; viele solcher Websites bleiben ungelesen.“

Die Forschung bestätigt dies. Eine Studie von Microsoft und MIT ergab, dass, wenn zwei Gruppen von Probanden unterschiedliche Seitenlayouts präsentiert wurden, eine traditionelle und die andere nicht-traditionell, ihre Antworten wie folgt waren:

• Die nicht-traditionelle Gruppe überschätzte die Zeit, die zum Lesen des Stücks benötigt wurde, und zeigte manchmal körperliches Missfallen mit dem Layout in Form eines Stirnrunzelns.

• Die traditionelle Gruppe unterschätzte die Zeit, die sie brauchten, um das Stück zu lesen, und berichtete von einer höheren Konzentration beim Lesen.

Ebenso sollten Layoutkonventionen nicht vermieden werden; Designkonventionen sollten es auch nicht sein. Das Gesetz der Webnutzererfahrung von Jakob Nielsen besagt, dass Internetnutzer die meiste Zeit auf anderen Websites verbringen. Auf diesen anderen Websites haben sie ihre Erwartungen an die Funktionsweise des Webs formuliert.

Beispielsweise erkennen Benutzer unterstrichenen Text als Hyperlink. Logos befinden sich meistens in der oberen linken Ecke der Seite, und wenn Sie darauf klicken, wird der Benutzer normalerweise zur Startseite weitergeleitet (dies sollte jedoch nicht auf Ihrer Post-Klick-Zielseite sein). Die Vertrautheit eines Systems hat einen großen Einfluss auf die Benutzerzufriedenheit, sagt Nielsen:

Je mehr sich die Erwartungen der Benutzer als richtig erweisen, desto mehr werden sie das System unter Kontrolle haben und es wird ihnen gefallen. Und je mehr das System die Erwartungen der Benutzer bricht, desto unsicherer fühlen sie sich.

Jenseits von Designkonventionen lenkt die visuelle Hierarchie den Blick der Besucher auf die wichtigsten Inhalte einer Seite. Indem Sie eine mit Techniken erstellen, die in der Gestaltpsychologie verwurzelt sind, können Sie die Formatierung verwenden, um Ihre wichtigsten Informationen hervorzuheben.

• Größe: Je größer es ist, desto mehr Aufmerksamkeit wird es auf sich ziehen.

• Position: Personen konsumieren Seiten von oben nach unten, von links nach rechts. Daher werden Elemente oben links häufiger angezeigt als Elemente unten rechts.

• Farbe: Farben, die sich vom Rest der Seite abheben, ziehen die Aufmerksamkeit auf sich.

• Dichte: Das Hinzufügen mehrerer Elemente zu einem kleinen Raum erhöht die Aufmerksamkeit, die dieser Bereich auf sich zieht.

• Wert: Ein dunkleres Objekt wird auffälliger dargestellt als ein helleres Objekt. Fett gedruckte Wörter sind zum Beispiel aufmerksamkeitsstarker.

Elemente, die Ihre wichtigsten Informationen vermitteln – Schlagzeilen, Vorteile, Informationsmedien und Ihre CTA-Schaltfläche – sollten mit den oben genannten Merkmalen formatiert sein, um die Aufmerksamkeit des Lesers zu erregen.

Typ

Die Konvertierungsfähigkeit Ihrer Seite hängt stark vom Typ und seiner Formatierung ab. Eine mit Bedacht gewählte Schriftart kann das Vertrauen und die Lesbarkeit steigern, während eine schlecht gewählte sich negativ auf beide auswirken kann. Stelle sicher das:

Ihre Post-Click-Landingpage-Schriftart stimmt mit der Schriftart Ihrer Website überein

Markenkonsistenz ist ein starker Einflussfaktor für Kaufentscheidungen. Wenn treue Besucher die Post-Click-Zielseite nicht als zu Ihrem Unternehmen gehörend erkennen, vertrauen sie möglicherweise nicht darauf. Bleiben Sie mit Schriftarten von Adobe Typekit und Google Fonts markenkonform.

Ihre Schrift ist in allen Größen lesbar

Usability-Experte D Bnonn Tennant empfiehlt 16px, weil es dem in Büchern nahe kommt (Bildschirm links, Buchseite rechts):

Verwenden Sie serifenlosen Text im Fließtext, da Studien gezeigt haben, dass Serifen bei kleineren Größen online schwerer zu lesen sind. Eine gute Möglichkeit, die Lesbarkeit sicherzustellen, besteht darin, sicherzustellen, dass Ihre Schriftart den „il1“-Test besteht:

Sie reduzieren verschiedene Schriftarten auf ein Minimum

Dekorative Schriftarten können Aufmerksamkeit erregen und Ihrer Post-Click-Landingpage einen Hauch von Persönlichkeit verleihen. Wenn Sie jedoch zu viele verwenden, sieht Ihre Post-Click-Landingpage wie ein Online-Lösegeldbrief aus:

Halten Sie sich auf Ihrer Post-Click-Landingpage an nicht mehr als zwei verschiedene Schriftarten. Andernfalls riskieren Sie, die Kraft Ihrer Marke zu verwässern, Ihre Seite unorganisiert erscheinen zu lassen und die Lesbarkeit zu beeinträchtigen.

Ihre Textzeilen haben eine ausgewogene Länge

Denken Sie daran, dass die Leute es gewohnt sind, mit Hilfe eines Rasters zu lesen. Wenn Ihre Textzeilen dieses Raster ignorieren und sich über die gesamte Seite erstrecken, verlängern sie die Aufmerksamkeitsspanne der Besucher. Gleichzeitig muss das Auge des Lesers, wenn sie zu kurz sind, zu oft zurückreisen, was ihren Rhythmus durchbricht.

Unterbewusst erregt das Springen zu einer neuen Zeile den Leser. Aber diese Energie lässt nach, je länger eine Schlange wird. Aus diesem Grund empfiehlt das Team der Usability-Beratung Baymard Institute eine Zeilenlänge zwischen 50-75 Zeichen.

Ihr Zeilenabstand hilft bei der Lesbarkeit

Der vertikale Abstand zwischen Ihren Linien sollte ein Gleichgewicht zwischen groß und klein finden. Zu klein und eine Linie beginnt mit der darunter liegenden zu verschmelzen; zu groß und das Auge Ihres Besuchers geht zwischen einer Zeile und der nächsten verloren.

Der Schriftdesigner Matthew Butterick behauptet, dass der Abstand zwischen den einzelnen Zeilen für eine maximale Lesbarkeit ein Prozentsatz der Schriftgröße sein sollte – 120 % bis 140 %, um genau zu sein.

Text passt sich an Lesemuster im Web an

Auf textlastigen Seiten neigen Leser dazu, eine Seite in einem Muster zu verarbeiten, das einem „F“ ähnelt. Auf Seiten mit Bildern sieht dieses Muster eher wie ein „Z“ aus.

Stellen Sie sicher, dass Ihr Text mit Hilfe einer visuellen Hierarchie Ihre wertvollsten Informationen so kommuniziert, dass er dem Lesestil der Besucher entspricht.

Schlagzeilen, Zwischenüberschriften, Aufzählungszeichen und fett gedruckte Buchstaben ziehen die Blicke der Besucher über den Bildschirm, während sie die Seite durchsuchen.

Du brichst nicht den linken Rand

Beim Lesen ist der linke Rand für unsere Augen „Zuhause“. Textzeilen können an vielen verschiedenen Stellen enden, aber der linke Rand ist der Ort, an den unsere Augen springen, nachdem wir sie abgeschlossen haben.

Aus diesem Grund sollten Sie Ihren Fließtext immer links ausrichten (Überschriften können zentriert werden) und Sie sollten den linken Rand niemals mit Elementen wie Fotos durchbrechen.

Andernfalls erstellen Sie Ihre Post-Click-Landingpage
viel mehr
schwierig für Ihre Besucher
lesen.

Farbe

Die Auswahl der richtigen Farben für Ihre Post-Click-Landingpage hat weniger damit zu tun, was Farben psychologisch bedeuten, sondern mehr damit, wie sie das Auge auf sich ziehen. Mit zwei bis drei Farben (einfach ist besser, Studien zeigen) aus dem Farbkreis können Sie ein Schema erstellen, das die Aufmerksamkeit auf die Elemente lenkt, die an der Konvertierung beteiligt sind: Ihr Formular und die CTA-Schaltfläche.

Komplementäres Farbschema

Komplementäre Schemata werden erstellt, indem im Farbkreis gegenüberliegende Farben ausgewählt werden. Dieser Gegensatz schafft einen Kontrast zwischen Elementen innerhalb dieses Schemas.

Analoges Farbschema

Ein analoges Farbschema wird mit Nachbarn auf dem Farbkreis erstellt. Es erzeugt nicht den gleichen Kontrast wie ein ergänzendes Schema, aber es wird visuell leicht zu verdauen sein.

Monochromatische Farbschemata

Ein monochromatisches Farbschema wird mit Tönungen, Tönen und Schattierungen desselben Farbtons auf dem Farbkreis erstellt. Da die Unterschiede zwischen den Farben in einem monochromatischen Schema subtil sind, werden sie oft mit einer einzigen Komplementärfarbe kombiniert, um Elemente wie das Formular und die CTA-Schaltfläche hervorzuheben.

Spiegelt Ihr Farbschema Ihre Marke wider?

Wenn Sie sich diese Diagramme ansehen, fragen Sie sich vielleicht, wie Sie eine Basis-, Akzent- und Hintergrundfarbe auswählen. Die Antwort? Beginnen Sie mit den Farben Ihrer Marke.

• Verwenden Sie die Farben in Ihrem Logo als Ausgangspunkt, um ein Farbschema zu erstellen, das die Markenkonsistenz stärkt.

• Erstellen Sie dann eine Grundfarbe, indem Sie bestimmen, worauf Ihr Logo angezeigt wird.

• Wählen Sie schließlich eine Hintergrund- und Akzentfarbe (Farbe Ihres CTA-Buttons), die sich kontrastieren, um maximale Aufmerksamkeit zu erregen.

Erfahren Sie hier mehr darüber, ob Sie die richtigen Farben gewählt haben.

Navigationsmenü, Fußzeile

Dies sind vielleicht die einfachsten Designelemente, die Sie auf Ihrer Liste abhaken können. Schauen Sie oben auf Ihrem Post-Click-Landingpage-Drahtmodell nach. Hat jemand ein Navigationsmenü gezeichnet? Wenn ja, verschrotte es.

Schauen Sie nun nach unten. Wurde eine Fußzeile mit zahlreichen Sitelinks skizziert? Wenn ja, entfernen Sie sie.

Das Konversionsverhältnis Ihrer Post-Klick-Landingpage sollte 1:1 betragen, d.h. es sollte nur ein anklickbares Element auf Ihrer Post-Click-Landingpage geben – Ihre CTA-Schaltfläche. Studien bekräftigen die Idee, dass ausgehende Links die Konversionsrate verringern, also halten Sie Ihre Besucher konzentriert, indem Sie sie ausschließen.

Bilder

Medien können auf Ihrer Post-Click-Landingpage eine starke Überzeugungskraft haben, wenn sie richtig eingesetzt werden. Einige Bilder, die Sie in Betracht ziehen sollten:

• Produktbilder , die Ihren Besuchern eine Vorstellung davon geben, wie Ihr Angebot aussieht oder wie es funktioniert.

• Infografiken , die Informationen visuell leicht verdaulich vermitteln. Grafiken und Diagramme eignen sich hervorragend, um Benutzern beim Vergleichen von Datensätzen zu helfen.

• Heldenaufnahmen , die dem Besucher helfen, sich vorzustellen, wie sich sein Leben mit Ihrem Angebot verbessern würde.

• Firmenlogos , die vertrauenswürdige Marken hervorheben, mit denen Sie zusammengearbeitet haben, oder bekannte Publikationen, in denen Sie vorgestellt wurden.

• Sicherheitsabzeichen , mit denen Besucher wissen, dass sie auf Ihrer Seite sicher sind.

• Autoritätsabzeichen , die Auszeichnungen hervorheben, die Ihr Unternehmen gewonnen hat.

Stellen Sie bei der Überprüfung Ihres Post-Click-Landingpage-Designs sicher, dass diese Bilder in Ihrem Layout sinnvoll sind. Sicherheitsabzeichen sind am effektivsten neben einem Formular. Heldenaufnahmen sollten auf Ihrer Seite mit erstklassigen Immobilien ausgezeichnet werden, ebenso wie Autoritätsabzeichen. Der Ort, an dem sich das Bild befindet, ist ebenso wichtig wie das, was es kommuniziert.

Formulardesign

Da es auf einer Post-Click-Landingpage oft die Hauptursache für Reibungsverluste ist, muss Ihr Formular besonders sorgfältig gestaltet werden. Ist dies nicht der Fall, können schlechte Beschriftungen Besucher verwirren und unnötige Felder sie abschrecken.

Ziehen Sie während Ihrer vorläufigen Entwurfsprüfung die Best Practices der Nielsen Norman Group für den Formularentwurf zu Rate, wenn Sie Ihren eigenen Entwurf bewerten:

Fordert es nur die Informationen an, die Sie unbedingt benötigen?

Ihre Marketing- und Vertriebsteams sollten sich über die Definition eines qualifizierten Leads in verschiedenen Phasen der Buyer's Journey einig sein. Diese Definition sollte die Informationen enthalten, die Sie in jeder Phase von potenziellen Kunden erfassen müssen.

Stellen Sie sicher, dass in Ihrem Formular nur Informationen angefordert werden, die Sie für erforderlich halten, um sicherzustellen, dass potenzielle Kunden zu Ihrem Unternehmen passen. Mit jedem Formularfeld, das Sie entfernen, wächst Ihre Chance auf eine Konvertierung. Fragen Sie einfach das Team von Marketo:

Werden Ihre Felder einspaltig dargestellt?

Anstatt sie horizontal oder in einem zweispaltigen Format anzuordnen, stellen Sie sicher, dass Ihre Formularfelder in einer einzigen Spalte dargestellt werden. Zwei Spalten unterbrechen den Abwärtsfortschritt Ihres Besuchers, wenn er jedes Feld ausfüllt (eine Ausnahme kann bei verwandten Feldern wie Stadt/Postleitzahl gemacht werden).

Sind ähnliche Felder und Labels gruppiert?

Felder wie Vor- und Nachname, Stadt und Postleitzahl, Kreditkarte und CVV sollten nahe beieinander liegen – ebenso wie identifizierende Informationen wie Etiketten. Diese Beschriftungen sollten über jedem Feld und nicht darin stehen, da Untersuchungen gezeigt haben, dass das Verschwinden von Platzhaltertext die Besucher frustrieren und verwirren kann.

Können Sie Formularfelder kombinieren oder ändern, um Reibungsverluste zu vermeiden?

Wenn Ihr Formular ein Dropdown-Menü mit weniger als drei Antwortoptionen verwendet, ziehen Sie in Betracht, es in etwas einfacher auszufüllendes umzuwandeln, z. B. eine Reihe von Optionsfeldern:

Wenn Sie ein Squeeze-Page-Formular entwerfen, das nach Vor- und Nachname fragt, sollten Sie die Felder kombinieren oder sogar den Nachnamen entfernen (einige Seiten fragen überhaupt nicht nach dem Namen).

Um die Dinge noch einfacher zu machen, sollten Sie erwägen, Social Autofill anzubieten, damit Besucher mit einem Klick auf eine Schaltfläche konvertieren können.

Knopfdesign

Besucher der Post-Click-Landingpage gehen oft davon aus, dass sie genau wissen, wo sie klicken müssen, um ein Angebot in Anspruch zu nehmen. Das ist das Ergebnis eines guten Button-Designs – und das sollten Sie auch anstreben.

Interessenten überlegen sich bereits intensiv, wie vertrauenswürdig Ihr Angebot ist und wie hoch der Wert Ihres Angebots ist. Lassen Sie sie nicht härter arbeiten, um herauszufinden, wie sie es geltend machen können. Vermeiden Sie es, Ihre Schaltfläche versehentlich mit dem falschen Design zu verstecken, indem Sie Folgendes überprüfen:

Ähnelt Ihr Button einem Button?

Schauen Sie auf die Tasten auf Ihrer Tastatur. Dies sind diejenigen, die Ihre Interessenten gewohnt sind, in der realen Welt zu pushen. Deine sollte ähnlich aussehen.

Wie ähnlich? Es hängt von Ihrem Publikum ab.

Skeuomorphe Knöpfe

Für Zielgruppen, die nicht so internetaffin sind, können skeuomorphe Designtechniken helfen, eine Schaltfläche identifizierbar zu machen. Skeuomorphismus ist ein Designstil, der die Beschaffenheit von Objekten in der realen Welt nachahmt. Hier ist ein Beispiel für einen digitalen Taschenrechner, der mit skeuomorphem Design erstellt wurde:

Dreidimensionale Effekte wie Schattierungen lassen die Tasten drückbar erscheinen. An sie sind wir seit den Anfängen des Internets gewöhnt:

Wenn Sie also beim Erstellen Ihrer Buyer-Personas feststellen, dass Ihr Publikum nicht viel Zeit online verbringt, könnte diese Art von Schaltfläche diejenige sein, die Sie auf Ihrer Post-Click-Landingpage einfügen. Hier ist eine stark stilisierte:

Wenn Sie jedoch erwarten, dass Ihre Besucher erfahrenere Internetbenutzer sind, benötigen sie möglicherweise keine Hinweise wie Schatten, um eine Schaltfläche zu identifizieren. Möglicherweise können Sie die Verwendung von…

Flache Knöpfe

Flat Design ist eine Technik, bei der es nicht darum geht, Objekte in der digitalen Welt nachzubilden. Es ist ein eher minimalistischer Ansatz.

Schaltflächen, die mit dieser Technik erstellt wurden, verlassen sich nicht auf harte Schatten und Lichter, um sich erkennbar zu machen. Hier ist wieder ein Taschenrechner, der nur mit flachen Techniken entwickelt wurde:

Hier ist eine flache Schaltfläche auf einer Squeeze-Seite:

Untersuchungen haben jedoch gezeigt, dass diese Technik selbst erfahrene Internetnutzer verwirren und frustrieren kann, indem Anklickbarkeitsindikatoren wie 3D-Effekte ausgeschlossen werden. Kate Meyer erklärt:

Benutzer sind gezwungen, Seiten zu durchsuchen, um festzustellen, was anklickbar ist. Sie unterbrechen ihre Aktivitäten häufig, um mit der Maus über Elemente zu schweben, in der Hoffnung auf dynamische Anklickbarkeitssignifikanten, oder klicken experimentell, um potenzielle Links zu entdecken.

Dieses Verhalten – zufälliges Klicken, um eine Schaltfläche oder einen Link zu finden – ist manchmal lohnend. Manchmal ist das, was Besucher anklicken, tatsächlich eine klickbare Schaltfläche, und manchmal nicht. Meyer erweitert:

Auch wenn sich Nutzer mit diesem explorativen Verhalten meist über Schnittstellen zurechtfinden, werden sie dennoch zu Mehrarbeit gezwungen und werden von ihren primären Zielen abgelenkt, ohne einen greifbaren Nutzen daraus zu ziehen.

Infolgedessen erstellen viele Post-Click-Landingpage-Designer Schaltflächen, die eine Balance zwischen flach und skeuomorph erreichen.

Flach 2.0

Diese Ausgewogenheit wird als „Flat 2.0“, „Semi-Flat“ oder „fast flaches“ Design bezeichnet. Hier ist ein halbflacher Knopf:

Die Technik verwendet Schatten und Lichter, um die Anklickbarkeit anzuzeigen, jedoch auf viel subtilere Weise. Denken Sie bei der Auswahl zwischen flach, halbflach und skeuomorph immer an Ihren Benutzer, sagt Meyer:

Treffen Sie keine Designentscheidungen, bei denen die Benutzerfreundlichkeit für den Trend geopfert wird. Vergessen Sie nicht, dass Sie nicht der Benutzer sind, es sei denn, Sie entwerfen nur für andere Designer. Ihre Präferenzen und Ihre Fähigkeit, Anklickbarkeitssignifikanten zu interpretieren, sind nicht dieselben wie die Ihrer Nutzer, da Sie wissen, was jedes Element in Ihrem eigenen Design bewirken soll.

Zieht Ihr Button Aufmerksamkeit auf sich?

Um auf Ihren CTA-Button aufmerksam zu machen, füllen Sie ihn mit einer Farbe, die auf Ihrer Post-Click-Landingpage sparsam (oder gar nicht) verwendet wurde. Aufgrund dieser Fallstudie dachte man früher, dass Rot die Farbe Grün übertrifft:

Aber wenn Sie den Kontext berücksichtigen, stellen Sie fest, dass der rote Button wahrscheinlich grün schlägt, weil er sich von mehreren anderen grünen Elementen auf der Seite abhebt (das Geldsymbol, das Logo, das Foto).

Wenn Sie ein Designschema mithilfe der Farbtheorie erstellen, ist Ihre CTA-Schaltfläche Ihre „Akzentfarbe“. Es ist am auffälligsten, wenn es mit einem Farbton auf der gegenüberliegenden Seite des Farbkreises kontrastiert wird (siehe „Farbe“ oben).

Ist Ihr Knopf groß genug?

Der Zugriff auf das Internet erfolgt heute hauptsächlich über mobile Geräte. Das bedeutet, dass Personen, die Ihre Post-Click-Landingpage erreichen, in der Lage sein müssen, Ihre Schaltfläche mit dem Finger zu drücken. Ist deine groß genug?

Eine Studie des MIT zeigt, dass das durchschnittliche Touchpad zwischen 10 und 14 mm liegt, was 10 x 10 mm zu einer guten Mindestgröße der Tasten macht:

Je kleiner, sagen die Daten, und Sie erhöhen die Wahrscheinlichkeit von Benutzerfehlern:

Speichern Sie Konvertierungen mit einer vorläufigen Designüberprüfung

Das Erkennen von Fehlern bei der vorläufigen Designüberprüfung spart Ihrem Team Zeit und Ihren Geschäftsumsätzen, nachdem Ihre Post-Click-Landingpage live ist. Bevor Sie es abschließen, stellen Sie sicher, dass Sie alle oben genannten Fragen beantworten können, und kreuzen Sie jedes Kästchen auf der Checkliste für die Instapage-Veröffentlichung an.

Verknüpfen Sie alle Ihre Anzeigen immer mit personalisierten Post-Click-Landingpages, um Ihren Cost-per-Customer-Akquise zu senken. Beginnen Sie mit der Erstellung Ihrer dedizierten Post-Click-Seiten, indem Sie sich noch heute für eine Instapage Enterprise-Demo anmelden.