5 Fehler beim Design von Anmeldeformularen, die Ihre Konversionsrate beeinträchtigen können (und wie Sie sie beheben)

Der erste Eindruck ist alles. Sie machen oder brechen, ob eine erfolgreiche Konvertierung in Ihrer Zukunft liegt.

Du bekommst kein Do-over. Du musst es jedes Mal beim ersten Mal richtig machen. Dazu gehören Ihre Anmeldeformulare.

Die erste Interaktion mit Ihrem Anmeldeformular ist ein kniffliger Moment. Es ist das letzte Hindernis zwischen Ihnen und einem Lead. Was sagt Ihr Formular über Sie aus? Über Ihr Unternehmen?

Machen Sie es richtig und genießen Sie eine Liste potenzieller Kunden. Verstehen Sie es falsch und … naja … Entschuldigung, danke fürs Spielen.

Wissen Sie, was passiert, wenn Sie beim Design von Anmeldeformularen Fehler machen?

Lassen Sie mich Ihnen ein Beispiel geben, wie das Ergebnis aussieht (verzeihen Sie, aber das erste, woran ich dachte, war ein Moment in einer Episode von Friends ).

In dieser ikonischen Serie gibt es eine Szene, in der einer der unbeliebtesten Charaktere, Ross, bei einem Blind Date aufsteht. Der Kellner kommt zu ihm und sagt: „Glauben Sie, Ihr Date kam herein, sah Sie und ging?“

Autsch. Das musste weh tun.

Dieser Moment ist ein genaues Spiegelbeispiel dafür, was passiert, wenn Sie ein schlecht gestaltetes Anmeldeformular haben.

Wussten Sie, dass 38 % der Besucher Ihre Website einfach verlassen, wenn irgendein Teil davon (einschließlich Formulare) für sie nicht gut aussieht?

Dies kann aus einer Reihe von Gründen geschehen, einschließlich …

• Sie können nicht finden, wonach sie gesucht haben
• Ihre Kopie ist verwirrend (sei nicht schlau, sei klar)
• Du fragst nach zu vielen Informationen
• Es gibt zu viel Durcheinander mit Bildern und Text
• Die Farben tun ihren Augen weh
• Sie hassen alle Formen (im Grunde kann es viele Gründe geben)

Diese und andere Designfehler bei Anmeldeformularen können zu so vielen verlorenen Leads führen …

Ruhe in Frieden, Fast-Leads. Sie werden uns fehlen.

Gute Nachrichten für Sie, denn dieser Beitrag wird Ihnen alles beibringen, was Sie wissen müssen, damit Ihre Leads Sie nie wieder auf die Palme bringen.

Wenn es eine wichtige Sache gibt, an die man sich erinnern sollte, wenn man in diesen Beitrag geht, dann dies: Beim Design geht es nicht nur darum, wie etwas aussieht; Es geht auch darum, wie etwas funktioniert.

Lass uns das machen.

In diesem Beitrag erfahren Sie:

• Was eine „gute Konversionsrate“ ist (und was als Konversion gilt)
• 3 Mythen über „Best Practices“ für Anmeldeformulare (die für Sie möglicherweise keine Best Practices sind)
• Die 5 häufigsten Designfehler, die Sie auf einem Formular machen können (und wie Sie sie für eine bessere Konversionsrate beheben)

Keine Zeit zu verschwenden! Es gibt Leads zu konvertieren.

[blog-subscribe headline=“Klügere Marketingentscheidungen treffen.“ description="Erhalten Sie jede Woche unsere besten Marketingratschläge in Ihrem Posteingang, wenn Sie sich anmelden."]

Was ist eine „gute Conversion-Rate“?

Im Allgemeinen liegt eine durchschnittliche E-Mail-Opt-in-Conversion-Rate zwischen 1 und 5 %, aber dies hängt davon ab, woher Ihr Traffic kommt (wie Formulare oder Facebook-Anzeigen oder andere).

Natürlich beeinflussen eine Reihe von Faktoren, die über den Traffic hinausgehen, Ihre Conversion-Rate. Und machen Sie sich nicht selbst fertig, wenn Sie sich derzeit am unteren Ende des Spektrums befinden.

Denn hohe Konversionsraten sind nicht immer das, was sie zu sein scheinen.

Höhere Conversion-Raten sind großartig! Nun, sie sind großartig, wenn sie sich wirklich lohnen. Ihre Konversionsrate ist nur so qualifiziert wie Ihre Leads.

Was ist qualifiziert? Ein potenzieller Kunde, der sich einer Käuferpersönlichkeit anpasst, die auf der Grundlage von Bedürfnissen, Geschäftstyp, Budget und anderen Faktoren erstellt wurde.

Und wenn Sie noch keine klar definierten Käuferpersönlichkeiten haben, ist es definitiv an der Zeit, dies zu tun.

Wussten Sie, dass Organisationen, die ihre idealen Kundenprofile definieren, häufiger Leads fördern als diejenigen, die dies nicht tun?

Das liegt daran, dass sie ihre Zeit nicht mit Leuten verschwenden, die niemals Kunden werden werden (weil sie bereits genau wissen, welche Kunden sie wollen und bekommen können).

In einer Fallstudie definierte ein Anbieter von Cloud-Automatisierungsdiensten seine Zielgruppe klar und erhöhte:

• Verkaufs-Leads um 124 %
• Online-Leads um 97 %
• organischer Suchverkehr um 55 %
• Website-Traffic in Nordamerika um 210 %

Beenden Sie den Ghosting-Trend, wenn Sie die richtigen Leute ansprechen.

Die Umwandlung weniger qualifizierter Leads ist nicht nur eine Verschwendung Ihrer Zeit, sondern auch Ihres Geldes. Achten Sie also auf Ihre Zahlen, aber lassen Sie sich davon nicht täuschen (oder verarschen).

Was genau ist nun eine Konvertierung? Sie können eine Reihe von Dingen sein, wie …

• Einkäufe
• Inhalts-Downloads
• Seitenbesuche und Klicks
• Öffnen und Anklicken einer E-Mail
• Ausfüllen eines Formulars und Bestätigen eines Abonnements

Aber wie entwerfen Sie ein Formular, das Ihre Konversionsrate nicht beeinträchtigt? Du wirst es gleich herausfinden.

Sind Design „Best Practices“ wirklich die Best Practice für Sie? Die Antwort mag Sie überraschen.

Bei Ihren Google-Suchen sind Sie wahrscheinlich auf 213.470.973.109.230 Webergebnisse gestoßen, die die „Best Practices von XYZ “ anpreisen.

Ich sollte es wissen, ich habe einige davon geschrieben (und nach einigen gesucht, um sie selbst zu lesen), und diese Artikel können äußerst hilfreich sein.

Die Sache ist die, dass es keine offiziellen Best Practices gibt, die für jedes Unternehmen funktionieren. Und dazu gehört auch das Entwerfen eines Anmeldeformulars.

Nehmen Sie zum Beispiel ein modales Anmeldeformular.

In einem seiner WhiteBoard Friday-Videos spricht Rand Fishkin von Moz über die Unterschiede zwischen Pop-ups, Overlays und Modals.

*Motorola-Stimme* Hallo Modal.

Bei Modals sehen manche Leute diese als gute Gelegenheiten für die Kundeninteraktion. Mehr Chance auf Interaktion bedeutet mehr Chance auf Konversion, richtig?

Vielleicht . Aber nicht unbedingt für jeden.

Für einige kann das plötzliche Erscheinen eines Anmeldemodals auch als Beeinträchtigung des Kundenerlebnisses angesehen werden.

Ich persönlich ärgere mich manchmal, wenn ich eine Seite halb gelesen habe und plötzlich ein Kästchen auftaucht, das den Rest des Satzes blockiert, den ich gerade lese.

Aber gereizt zu sein bedeutet nicht, dass ich Ihnen meine E-Mail-Adresse nicht gebe.

Eine von zwei Reaktionen: „Ich versuche hier zu lesen …“ oder „Wöchentliche Lebensmittelnachrichten? Warum bist du nicht früher aufgetaucht?“ Bild von OptinMonster

Aus diesem Grund sollten Best Practices wirklich „Best-Educated-Rates“ oder „Common Practices“ genannt werden (die gehen einfach nicht so leicht von der Zunge).

Aus diesem Grund werden wir 3 „Mythen“ über das Entwerfen von Anmeldeformularen durchgehen. Machen Sie sich bereit, entlarvt zu werden (oder besser gesagt, Devil's Advocated).

1. Kürzere Formen sind besser als längere

Ich nenne dies (und all diese Best Practices) einen Mythos, weil es so ist. Und das ist es nicht.

Bleib bei mir.

Insgesamt ist ein kürzeres Opt-in-Formular mit einem einfachen Design und nur wenigen notwendigen Informationsfeldern die offensichtliche Wahl für Marketingspezialisten, die Sie als Kunde erhalten.

Weniger Arbeit = weniger Reibung = mehr Conversions. Rechts?

Ja, oft. Aber nicht immer.

Hier ist ein Beispiel aus einer Studie mit Imaginary Landscape aus dem Jahr 2008, wo dies definitiv der Fall war. Sie reduzierten das Durcheinander von Formularen, indem sie die Anzahl und Art der erforderlichen Formularfelder reduzierten.

5,4 % auf 11,9 % ist ein ziemlich schöner Sprung. (Quelle: Quicksprout)

Mehr Konversionsforschung von Michael Aagaard von Unbounce hat jedoch gezeigt, dass manchmal längere Formulare besser funktionieren können. Ursprünglich reduzierte er die Anzahl der Formularfelder und sah einen Rückgang der Conversions, weil er 3 Felder eliminierte, mit denen sich die Leute beschäftigen wollten.

Um die Abnahme rückgängig zu machen, fügte er die Felder wieder ein und änderte stattdessen die Kopie. Letztendlich konvertierte die längere Form besser als die kürzere Version von einer einfachen Kopienänderung, nicht von einer Längenänderung.

Schlechte, traurige Conversion-Rate.

19,21 % höher, das ist VIEL besser.

Manchmal enthält ein längeres Formular die erforderlichen Informationen. Das könnte sein:

• Einschließlich wichtiger Informationsanforderungsfelder
• Erläuterung der Details eines E-Books, das gerade heruntergeladen werden soll
• Eine Beschreibung dessen, was Sie von einem wöchentlichen Newsletter erwarten können.

Einige Leute möchten alle Informationen im Voraus haben, was zu einer höheren Konversionsrate bei einem längeren Formular führen würde. Andere würden es vorziehen, weniger Arbeit im Voraus zu leisten und besser auf ein kürzeres Formular mit einfacher Kopie und nur 1-2 Feldern umzuwandeln.

Lange Rede, kurzer Sinn, es ist ein bisschen ein Mythos, dass kürzere Formulare besser konvertiert werden als längere. Tatsächlich kann ein längeres Formular mit dem richtigen Follow-up-Prozess zu qualifizierteren Leads führen (und Ihnen viel Zeit sparen). Aber es wird für jeden anders funktionieren.

Während Sie verschiedene Designelemente testen, testen Sie auch die Länge. Was du herausfindest, könnte dich überraschen.

2. Weniger Reibung = mehr Conversions

Während die Schaffung von weniger Arbeit für Kunden definitiv ein Vorteil für sie ist, um eine Anmeldeaktion abzuschließen, kann ein kleiner Rückschlag tatsächlich zu Ihrem Vorteil wirken. Nicht jede Reibung hat die negativen Implikationen des Wortes selbst.

Ich persönlich denke, das stimmt. Wenn ich denke, dass ein Formular etwas hat, das meine Zeit wirklich wert ist (und die Formularkopie und das Design können das für mich bestätigen), macht es mir nichts aus, zusätzliche Arbeit zu investieren, um es fertigzustellen (und viele Kunden werden es auch nicht tun). .

Das bedeutet natürlich nicht, dass Sie den schwierigsten Anmeldeprozess aller Zeiten erstellen sollten, indem Sie mehrere Seiten mit erforderlichen Informationen, ein geheimes Passwort und einen charakteristischen Tanzschritt verwenden. Stellen Sie einfach sicher, dass Ihr Formular klar ist und einen Mehrwert bietet.

Wie im obigen Beispiel konvertierten die Leute mit einer höheren Rate, weil sich die zusätzlichen Informationen, um die sie gebeten wurden, für sie lohnten. Menschen mit hoher Absicht füllen eher ein Formular aus, egal wie lang es ist, weil sie hochmotiviert sind, was sie erwartet, wenn sie es tun.

Wie Sie wahrscheinlich schon tausendmal gehört haben, geht es oft mehr um Qualität als um Quantität.

Manchmal führt eine Bitte um wenig zusätzliche Arbeit zu einer größeren Conversion-Auszahlung.

3. Das Vorhandensein von Sicherheitsausweisen gibt den Kunden mehr Vertrauen

Diese bewährte Methode könnte als Mythos angesehen werden, wenn es um eine Frage der Transparenz geht.

Es ist ähnlich wie die Verwendung des Wortes „Spam“ in einem Formular.

Einerseits ist es eine nette, transparente Sache, den Abonnenten in Ihrem Formular mitzuteilen, dass Sie ihre E-Mail-Adressen nicht zuspammen werden. Es weckt Vertrauen in Ihre Marke und Vertrauen in die Kunden.

Auf der anderen Seite könnte die Erwähnung des Wortes Spam sowieso einen kleinen Keim des Zweifels säen. Das Vorhandensein des Wortes selbst reicht manchmal aus, um einen potenziellen Abonnenten so sehr zu beunruhigen, dass er ein Formular überhaupt nicht ausfüllt.

Dasselbe gilt für die Verwendung eines Sicherheitsausweises auf einem Formular.

Das Hinzufügen eines Sicherheitsabzeichens könnte Ihre Konversionsrate beeinträchtigen. Manchmal kann die kleinste Erinnerung an die potenziellen Risiken mehr abschrecken als beruhigen. Aber auch hier ist Transparenz für die Menschen wichtig, also kann sie auch das Gegenteil bewirken.

Der beste Weg, um herauszufinden, was für Ihr Formulardesign am besten funktioniert, ist, es auszuprobieren.

5 Fehler, die Sie auf Ihrem Formular machen (und was Sie stattdessen tun können)

Vielleicht haben Sie inzwischen versucht, mit längeren oder kürzeren Designs zu experimentieren oder einen Sicherheitsausweis zu verwenden. Und vielleicht hat es einen positiven Unterschied gemacht, aber Sie möchten die Conversion-Rate trotzdem erhöhen.

Wie steigern Sie also die Lead-Konvertierung über Ihr Anmeldeformular? Sehen Sie nach, ob Sie einen der folgenden 5 Designfehler machen. Keine Sorge, wir haben Möglichkeiten für Sie, sie zu beheben, wenn Sie es sind.

Fehler Nr. 1: Der CTA-Button ist langweilig

"Einreichen"

"Abonnieren"

Zzzzzzzzz…… *Hand fällt von der Maus und kann keine Taste klicken*

Wenn ein CTA-Button wenig inspirierend ist oder Sie beim Lesen nur die Farbe Beige sehen, beginnen Sie hier mit Designänderungen. Dies ist der buchstäbliche Aktionspunkt für potenzielle Abonnenten, und alles, von der Kopie bis zur Farbe, wird einen Unterschied machen.

So beheben Sie das Problem: Machen Sie aus Ihrem Call-to-Action … na ja … eine Aktion (und eine inspirierende obendrein). Verwenden Sie Texte, die spezifisch und entscheidend sind und keine andere Wahl lassen, als zu klicken.

Ich stelle mir ein Tequila-Cocktail-Girl vor, aber kenne ich mich überhaupt? Fly Beyond klingt, als würden sie mich besser kennen. *Klicken*

Wenn Sie jemals so viel HGTV gesehen haben wie ich, wissen Sie, dass ein „Farbtupfer“ oder ein auffälliges Detail (wie die fliegenden Vögel im obigen Beispiel) den Erfolg des Designs beeinflussen können .

Aber warum bei einem CTA-Button aufhören? Leute mögen Wahlmöglichkeiten, also ziehen Sie die Idee in Betracht, einen Opt-in-CTA-Button und einen Opt-out-Button bereitzustellen (die Chancen stehen immer noch zu Ihren Gunsten, wenn es gut gemacht ist).

Eine Wahl ist eine feine Sache. (Quelle: CopyHackers)

„Ich muss mich entscheiden, mich abzumelden, was bedeutet, dass ich, wenn ich mich entscheide, das angebotene Werbegeschenk nicht anzunehmen, eine negative Konsequenz wählen (oder ja sagen) muss.

Ich komme nicht unversehrt davon. Wenn ich mich gegen eine Teilnahme entscheide, muss ich mit den Konsequenzen meines Handelns leben. „Nein, ich lehne den Überzeugungsleitfaden ab.“ Es ist die ausdrücklich genannte Alternative, die eine klare Konsequenz für das Nicht-Klicken auf den orangen Ja-Button darstellt: Ablehnung.“ – Joanna Wiebe, CopyHackers

Fehler Nr. 2: TMI(R) (zu viele Informationen angefordert)

Vorhin haben wir darüber gesprochen, dass es ein Mythos ist, dass kürzere Formulare mit weniger erforderlichen Infofeldern besser konvertiert werden. Manchmal tun sie es und manchmal nicht. Aber eine längere oder kürzere Form schließt sich nicht gegenseitig mit den Arten von Informationen aus, nach denen Sie fragen.

Ein längeres Formular kann eine Liste mit Aufzählungszeichen der erforderlichen Details enthalten, aber für einen Erstabonnenten benötigen Sie keine 10 Formularfelder, von denen 5 entweder nach irrelevanten Informationen oder nach Informationen fragen, die Sie später erfragen können.

Nein….nur, nein… (Quelle: OptinMonster)

So beheben Sie das Problem: Chillen. Aus. Und verlangen Sie keine Telefonnummer, es sei denn, es ist ABSOLUT notwendig. Fragen Sie bei einem Erstanmeldungsformular nicht nach Dingen, die Sie nicht benötigen.

Denk darüber nach:

Jemand, den Sie in einen Erstabonnenten umwandeln möchten, lernt Sie gerade erst kennen. Sie müssen ihre Telefonnummer, Sozialversicherungsnummer, Adresse, den Namen des ersten Haustiers, den Spitznamen oder normalerweise andere Informationen als einen Namen und eine E-Mail-Adresse nicht kennen, um zu beginnen.

Wenn Sie unnötige Informationen (insbesondere Telefonnummern) zu einer Anforderung machen, wird sichergestellt, dass es lange dauert, bis Sie wieder Anmelde-Conversions sehen.

Fehler Nr. 3: Sie haben die Macht eines Fortschrittsbalkens unterschätzt

"Sind wir schon da?"

Wäre es nicht schön gewesen, wenn Sie bei jedem Familienausflug einen Fortschrittsbalken hinter Ihrem Auto gehabt hätten, der Ihnen anzeigte, wie viel noch zu erledigen ist?

Dies wird durch einen Fortschrittsbalken auf einem Anmeldeformular erreicht.

Nur noch 3 Schritte, woohoo! (Quelle: Neil Patel)

Menschen sind von Natur aus dazu getrieben, Ziele zu erreichen. Genau zu zeigen, wie nah sie am Erreichen eines Ziels (oder in diesem Fall eines Formulars) sind, ist ein guter Anreiz, sie zum Überqueren der Ziellinie zu motivieren.

So beheben Sie das Problem: Testen Sie, ob Sie einen Fortschrittsbalken haben! Es muss nicht einmal ein echter Balken sein, es kann eine Checkliste oder eine andere Organisationsmethode sein, die den Live-Fortschritt und ein Licht am Ende des Tunnels anzeigt.

Fehler Nr. 4: Es gibt zu viel Unordnung in oder um Ihr Formular herum

Ihr Formular kann sich in einem Blog oder einem Pop-up auf der Homepage befinden, oder es kann eine eigene Zielseite sein. Wo immer es ist, achten Sie auf Unordnung.

Stellen Sie sich vor, Sie starren auf eine Seite mit einem Blog, 3 Anzeigen, einer Kopfzeile und einem Anmeldeformular. Und dieses Anmeldeformular enthält mehrere Bilder und große Textblöcke, die es schwierig machen, die Schaltfläche zu sehen.

Nein Danke.

So beheben Sie das Problem: KISS (Keep It Simple, Silly) . Die besten Designs für Anmeldeseiten sind einfach.

Ihr Formular kann ein Exit-Intent-Popup, eine Lightbox oder eine eigene Zielseite sein (wie es viele tun). Bei einer Landingpage sind zwei Dinge zu beachten:

1. Platzierung
2. Zweck.

Denken Sie über die Vor- und Nachteile von „above the fold“ oder „below the fold“ nach und denken Sie über den Zweck anderer Inhalte auf dieser Seite nach. Überwältigen Sie die Leute nicht mit mehreren Anzeigen, zusätzlichen Formularen und verschiedenen Links zu anderen Seiten auf einmal.

Finden Sie ein angemessenes Inhaltslimit, das nicht vom Hauptereignis (dem Anmeldeformular) ablenkt, und stellen Sie sicher, dass das Design den Leuten keine Kopfschmerzen bereitet. Zu viel Unordnung und Sie können sich von Conversions verabschieden.

Fehler Nr. 5: Kopien von geringer Qualität und schlechte (oder fehlende) Bilder

Wir haben dies definitiv in einem früheren Beitrag erwähnt – sprechen Sie nicht wie ein Roboter mit Ihren Kunden. Genau wie die oben erwähnte CTA-Button-Kopie sollte der Rest der Formularkopie zum Handeln anregen, aber auch in eine Sprache gebracht werden, die nicht jedermanns Sache ist.

Aber es geht nicht nur um Worte.

Laut dem Psychologen Albert Mehrabian sind 93 % der menschlichen Kommunikation nonverbal. Visuelle Komponenten wie Produktbilder und Grafiken verbessern das Verständnis und die Beschäftigung mit einem Thema. Aus diesem Grund können hochwertige Bilder dazu beitragen, ein Anmeldeformular einladender zu gestalten.

So beheben Sie das Problem: Schlüpfen Sie in die Fußstapfen Ihres Publikums. Studieren Sie Kundenreferenzen und verwenden Sie eine Sprache, die sie verwenden würden. Überlegen Sie, welche Art von Bildern Sie als Besucher sehen möchten, schauen Sie sich an, was die Konkurrenz macht, und stellen Sie sicher, dass alles von der Kopie bis zu den Bildern die beste Qualität hat.

Ein weniger bekanntes Zitat aus einer beliebten Serie, Gilmore Girls , stammt von der Großmutter Emily Gilmore, die sich auf Qualität auskennt.

„Wenn du es billig aussehen lässt, werden die Leute denken, dass du erfolglos bist.“ (über GIPHY)

Die Leute sind auf der Suche nach Dingen, die eine Marke alles andere als legitim erscheinen lassen. Ein kleiner Fehler beim Design des Anmeldeformulars kann dazu führen, dass sie zu Ihren Konkurrenten rennen. Sich auf Qualität statt Quantität zu konzentrieren, bedeutet die Qualität Ihrer Inhalte, Texte, Markenfarben, Bilder, alles.

Anmeldeformulare sollen Ihre Konversionsrate erhöhen, nicht töten.

Wenn Sie diese 5 Fehler bei der Entwicklung Ihrer eigenen im Hinterkopf behalten, können Sie sicherstellen, dass es von hier an nur noch bergauf geht, wenn es um Formulare geht.

Und denken Sie daran – testen, testen, testen!