46 Best Practices für die Formulargestaltung

1. Begrüßen Sie Ihre Befragten: Titel und Einleitung

Würden Sie Ihre Freunde grüßen, ohne “Hallo” zu sagen? Wir wissen, wie wichtig gute Umgangsformen sind. Im Internet gehen sie jedoch oft verloren.

Ein Titel und eine Willkommensseite sind Ihre Chance, Ihr Formular (und Sie selbst) auf klare und freundliche Weise vorzustellen – und einen guten ersten Eindruck zu hinterlassen.

Fragen Sie einfach BettingExpert: Sie haben 31,54 % mehr Anmeldungen erhalten, indem sie den Titel ihres Formulars geändert haben, um zu betonen, warum die Besucher sich anmelden sollten.

Ihr Titel ist die kürzeste und genaueste Beschreibung dessen, was folgt. Benutzer neigen dazu, den Inhalt eines Formulars zu überfliegen, und kaum jemand wird eine detaillierte Beschreibung aufmerksam lesen. Deshalb ist es so wichtig, den Zweck eines Formulars in so wenigen Worten wie möglich zu erfassen.

Auf den Titel kann eine kurze Beschreibung dessen folgen, was der Befragte von dem Formular erwarten kann. Bleiben Sie dabei so neutral wie möglich: Sie möchten sicherstellen, dass Ihre Befragten ehrlich antworten und nicht versuchen, Ihre Erwartungen zu erfüllen. Selbst etwas so Einfaches wie die Nennung eines Ziels kann Ihren Befragten unbewusst dazu verleiten, dieses Ziel zu erreichen.

Jetzt ist auch der richtige Zeitpunkt, um alle wichtigen Dokumente aufzulisten, die der Befragte vorbereiten sollte – niemand möchte auf halbem Weg durch das Haus rennen, um seinen Personalausweis oder Reisepass zu suchen.

Wenn die Bearbeitung Ihres Formulars garantiert viel Zeit in Anspruch nimmt, sollten Sie die Benutzer im Voraus darauf hinweisen. Aber wenn es ‘schnell und einfach’ ist? Lassen Sie die Benutzer angenehm überraschen (d.h. riskieren Sie nicht, die Intelligenz der Benutzer zu beleidigen, nur für den Fall der Fälle). Sie werden dies ohnehin anhand des Fortschrittsbalkens oder der Anzahl der Felder selbst erkennen können.

2. Platzieren Sie zugehörige Überschriften und Zwischenüberschriften

Eine interessante Tatsache: Menschen bilden sich den ersten Eindruck in 50 Millisekunden. Spoiler: Das ist einfach nicht lang genug, um Ihren Text sorgfältig zu lesen.

Die Befragten werden wahrscheinlich nur das Nötigste überfliegen und den Rest ignorieren. Wahrscheinlich haben sie es eilig, sind abgelenkt oder einfach nur ungeduldig, weil sie die Sache hinter sich bringen wollen.

Das ist verständlich. Wir können sie nicht aufhalten, also können wir sie auch leiten: mit kristallklaren, prägnanten Hinweisen. Überschriften sind Ihr neuer bester Freund: Sie verdeutlichen den Text, gliedern ihn, geben ihm Struktur und halten die Benutzer bei der Stange.

Die Benutzer sollten einen Blick auf eine Überschrift werfen können und sofort wissen, was von ihnen erwartet wird, ohne den Rest des Textes lesen zu müssen.

Am besten testen Sie dies, indem Sie Ihre Überschriften einzeln lesen – machen sie noch Sinn?

3. Fragen mit Trennlinien unterteilen

Trennlinien sind wichtig. Bei traditionellen Formularen ist die Verwendung von Trennlinien der beste Weg, um die Überforderung zu reduzieren, indem die Fragen visuell unterteilt werden. Es muss nicht unbedingt ein großer visueller Unterschied bestehen, und zu viel Kontrast kann ablenken.

4. Entscheiden Sie, ob Sie ein mehrseitiges oder ein einseitiges Formular verwenden möchten.

Das hängt von der Anzahl der Abschnitte ab.

Wenn es nur ein oder zwei Themen gibt, ist ein einseitiges Formular die beste Wahl. Wenn ein Formular jedoch mehrere Abschnitte hat, sind mehrere Seiten erforderlich, um das Thema aufzuteilen. Denken Sie an den ersten Eindruck: Ein Benutzer fühlt sich wahrscheinlich eingeschüchtert, wenn er mit einem einseitigen Formular konfrontiert wird, das (scheinbar) Hunderte von Feldern enthält.

5. Betonen Sie die Calls-to-Actions (CTAs)

Erfolgreiche CTAs betonen den AKTIONSteil: Was wird der Benutzer tun, wenn er auf diese Schaltfläche klickt? Allgemeine Bezeichnungen wie “Senden”, “Abschicken” oder “Bearbeiten” reichen nicht aus. Je anschaulicher, desto besser.

Um Unsicherheiten zu beseitigen, versuchen Sie, die Frage “Ich möchte…” aus der Sicht des Benutzers zu beantworten. Wenn es sich zum Beispiel um ein Anfrageformular für eine Dienstleistung handelt, könnte es heißen: “Fordern Sie meine kostenlose Beratung an.”

Brauchen Sie mehr Überzeugungskraft? In dieser Studie hat Unbounce herausgefunden, dass allein die Änderung von “Starten Sie Ihre kostenlose Testversion” in “Starten Sie meine kostenlose Testversion” die Anzahl der Klicks auf die Handlungsaufforderung um 90% erhöhte.

6.Identifizieren Sie Ihre Formularfelder

Dies ist nicht der richtige Zeitpunkt, um wählerisch zu werden….

Optionsfelder, Auswahlfelder und Kontrollkästchen funktionieren, weil sie einfach und vertraut sind. Die einheitliche Formatierung von Formularelementen ist gleichbedeutend mit besserer Benutzerfreundlichkeit.

Radiobuttons können verwendet werden, wenn es mehrere Optionen gibt, von denen nur eine ausgewählt werden kann. Kontrollkästchen funktionieren am besten, wenn mehr als eine Option ausgewählt werden kann.

Nutzen Sie, wo immer möglich, Kontrollkästchen und Radiobuttons anstelle von Dropdowns, da sie weniger kognitive Leistung  erfordern. Wie Luke Wroblewski einmal bemerkte: “Dropdowns sollten die UI der letzten Wahl sein”.

7. Vergessen Sie nie die Dankesseite 

Denken Sie daran, dass Ihre Befragten Menschen sind, die Ihnen etwas von ihrer Zeit geschenkt haben. Beenden Sie also nicht abrupt – bedanken Sie sich immer.

Im Folgenden finden Sie einige Tipps zur Kunst, Formulare so zu verfassen, dass sie auch ausgefüllt werden.

8. Verwenden Sie einfache Sprache

Wenn es um Formulare geht, bevorzugen wir alle einfache Sprache – selbst die Akademiker unter uns, die Genies und Experten. Warum klingen dann so viele Unterhaltungen im Internet so, als hätte man sie rückwärts durch einen Thesaurus laufen lassen?

“Bitte nehmen Sie unsere aufrichtige Entschuldigung an. Trotzdem würden wir gerne Ihre Meinung erfahren. Ferner…“

Wenn Sie wie Ihr ehemaliger Hochschulprofessor schreiben, schreckt das die Leser ab und lässt ihre Augen glasig werden.

Einfach ist nicht gleichbedeutend mit dumm – es ist gleichbedeutend mit lesbar. Das bedeutet einfaches Englisch, mit maximaler Klarheit. Jedes Wort sollte die kürzeste, einfachste Version sein, die es gibt – das bedeutet ‘aber’ statt ‘jedoch’. Kein Jargon, keine komplexen Sätze.

Um die Kohärenz zu überprüfen, lesen Sie Ihren Text laut vor. Ihre Ohren hören vielleicht, was Ihre Augen nicht sehen können – vor allem an den Stellen, an denen Ihr Text zu wortreich wird.

9. Personalisieren Sie es

Ein Formular sollte sich wie ein freundliches Gespräch zwischen Ihnen und dem Befragten anfühlen. Machen Sie es persönlich, indem Sie Pronomen wie “ich”, “Sie” und “Ihr” verwenden.

10. Eliminieren Sie passive Sätze

Schreiben ist aussagekräftiger, wenn es aktiv ist (John schrieb einen Beschwerdebrief) und nicht passiv (Ein Beschwerdebrief wurde von John geschrieben).

Passive Sätze sind in der Regel länger und nicht so fokussiert.

Woran können Sie erkennen, ob ein Satz passiv ist? Hier sind zwei eindeutige Anhaltspunkte:

Das Subjekt, das die Handlung ausführt, ist unklar (Ein Brief wurde geschrieben) oder

Der Satz verwendet das Verb ‘sein’ (wurde, war…) gefolgt von einem Partizip (z.B. ‘geschrieben’).

Immer noch nicht sicher? Sie können mit der Lesbarkeitsstatistik von Microsoft Word oder mit der Paramedic-Methode von Purdue auf Passivsätze prüfen.

11. Streichen Sie so viele Wörter wie möglich

Viele Autoren tappen in die Falle zu denken, dass sie umso klüger klingen, je mehr Wörter sie verwenden. Das stimmt so nicht. Wenn es um formale Texte geht – oder um jede Art von Text – ist es fast immer effektiver, Wörter zu streichen als sie hinzuzufügen.

Für jedes Wort, das Sie streichen, gewinnen Sie einen Leser.

Ein Text wird schlanker, kohärenter, ansprechender und präziser, nachdem er sorgfältig auf überflüssige Wörter überprüft wurde.

Hilfreiche Punkte zum Streichen:

Adverben 

Bedeutungslose Qualifizierer (viel, sehr viel).

Leere Steigerungsformen (sehr, ziemlich, eher, wirklich).

Das Wort ‘dass’.

Unwichtige Informationen.

Vage Wörter (etwas, wenige, viele).

12. Kurzformen von Wörtern verwenden

Wenn Sie verkürzte Versionen von Wörtern (z.B. ins) anstelle ihrer ernsthaften, vollwertigen Alternativen (in das) verwenden, bleibt Ihr Text locker, freundlich und unterhaltsam.

Außerdem sparen Sie Platz. Und gute Formen sind immer großzügig.

Ins > In das. Ganz einfach.

13. Vermeiden Sie lange Sätze

Lange, ausschweifende Sätze wirken erdrückend. Das Gleiche gilt für längere Textpassagen.

Für die meisten Leser sind bis zu 20 Wörter pro Satz – und bis zu drei Sätze pro Absatz – genau richtig. Teilen Sie alles, was länger ist, in zwei Teile auf. Kurze Sätze sind nicht minderwertig.

Leerstellen, Aufzählungen, Tabellen – alles, was den Nebel der umfangreichen Anweisungen durchbricht – wird Ihre Leser aufatmen lassen.

14. Kontrollieren Sie den geschriebenen Inhalt

Auf meinem Weg zum Bloggen habe ich (auf die harte Tour) gelernt, dass gutes Schreiben zu 30% aus dem Verfassen und zu 70% aus dem Überarbeiten besteht.

Wenn Sie Ihre Fragen perfektioniert, Wörter gekürzt und alles gestrafft haben, legen Sie das Formular weg. Lassen Sie es ein paar Tage lang liegen. Wenn Sie sich wieder damit befassen, werden Sie feststellen, dass es noch Dinge zu verbessern gibt, die Ihnen beim ersten Mal nicht aufgefallen sind.

Die meisten Prinzipien der UX-Psychologie sind so sehr in unsere Psyche integriert, dass wir sie nicht bemerken – es sei denn, sie sind nicht vorhanden.

Aber jede Farbe, Schriftart, Linie und Schaltfläche erfüllt einen Zweck.

Ein kleines, alltägliches Design ist vielleicht nicht so spektakulär wie eine milliardenschwere Marketingkampagne. Aber das bedeutet nicht, dass es weniger durchdacht sein muss. Und die Psychologie hinter dem zu verstehen, was Menschen antreibt, ist faszinierend – und kostenlos.

Hier finden Sie einige wichtige psychologische Prinzipien, die eine solide Grundlage für gut gestaltete Formulare bilden.

15. Vergleichen Sie Kosten und Nutzen

Jede getroffene Entscheidung – von der Müllabfuhr bis zur Verlobung – durchläuft in unserem Kopf automatisch eine Kosten-Nutzen-Analyse. Sind die Kosten einer Aufgabe die Vorteile ihrer Erledigung wert?

Es ist die Aufgabe eines Designers, zu gewährleisten, dass der wahrgenommene Nutzen immer die Kosten übertrifft.

Natürlich ist das Verhältnis zwischen Kosten und Nutzen subjektiv, und das Ausfüllen von Formularen ist in der Regel eher eine Pflicht als eine Tätigkeit, von der sich die Befragten einen Nutzen versprechen. Wir können den Nutzen nicht garantieren, es sei denn, wir bieten unseren Befragten eine Belohnung. Aber wir können die Kosten minimieren.

Einige wichtige Strategien zur Minimierung der Kosten für Ihre Befragten:

16. Text stückeln

+49-919-555-2743 vs 00499195552743.

Welche Telefonnummer bleibt in Ihrem Gedächtnis haften? Die erste, natürlich. Das liegt daran, dass sie gestückelt wurde.

Die Methode der Stückelung ist eine praktische Gedächtnistechnik: Wir verwenden sie für unsere Bank-PINs, Sozialversicherungsnummern und Schließfachcodes. Es handelt sich dabei um einen Prozess, bei dem Informationen in “Brocken” gegliedert werden, sodass der Inhalt leichter zu erfassen, zu verarbeiten und abzurufen ist.

Forschungen haben ergeben, dass drei eine magische Zahl ist, die Menschen hilft, Informationen aufzunehmen und abzurufen. Verwenden Sie sie also, wenn es möglich ist: für Absätze, Listen, wichtige Schritte…

17. Definieren Sie die Formatierungsanforderungen

Wenn es möglich ist, sollten Sie willkürliche Formatierungsregeln vermeiden. Wenn sie jedoch unumgänglich sind, sollten Sie sie mit rotem Filzstift festhalten. Beim Ausfüllen eines Formulars mag niemand Ratespiele. Passwortanforderungen, Syntaxregeln, nummerierte Abstände: Wenn ein Feld eine bestimmte Eingabe erfordert, machen Sie es sichtbar.

Hicks Gesetz

Wenn ich ein Abendessen veranstalte, kaufe ich meine Zutaten immer bei einem kleinen Lebensmittelhändler vor Ort und nicht in einem riesigen Supermarkt. Das liegt daran, dass zu viele Optionen oft lähmend wirken. Das ist das Hicks’sche Gesetz: Es besagt, dass wir mit zunehmender Anzahl von Wahlmöglichkeiten auch immer mehr Zeit damit verbringen, eine Entscheidung zu treffen.

Auf UX angewandt, ist das Hicks’sche Gesetz eine Ode an die bewusste Eliminierung: die Begrenzung der Navigationsmöglichkeiten und die Bereitstellung klarer, aber limitierter Optionen für den Benutzer. Denn wenn die Designflexibilität zunimmt, nimmt die Benutzerfreundlichkeit ab.

Weniger ist wirklich mehr.

Verschiedene Möglichkeiten, das Hicks-Gesetz in die Praxis umzusetzen:

18. Rücksichtslos kürzen (wieder)

Welchem Zweck dient dieser Link? Oder diese Schaltfläche oben rechts? Wenn es nichts einbringt, dann nimmt es etwas weg. Jedes Wort des Textes, jedes Bild, jede Glocke oder Pfeife, die nicht 100%ig notwendig sind, verringern die Konversionsrate Ihres Formulars.

Neil Patel konnte die Anzahl der Anmeldungen für sein Kontaktformular um 26% steigern, indem er einfach ein einziges Feld entfernte.

Wie Truman Capote einmal sagte: “Ich glaube mehr an die Schere als an den Bleistift.”

19. Reduzieren Sie die Notwendigkeit des Tippens

Das Eintippen ist der zeitaufwändigste und arbeitsintensivste Aspekt von Onlineformularen und führt häufig zu Fehlern – insbesondere auf Mobiltelefonen. Wenn Sie Textfelder durch Schaltflächen und Schiebebalken ersetzen und die Autovervollständigung nutzen, verringern Sie den Aufwand und erhöhen die Konversionsrate.

20. Kürzen Sie Ihr Formular mit bedingter Logik

Laut der Marketing Insider Group sagen 78% der Internetnutzer, dass personalisierte Inhalte von Marken ihre Kaufabsicht erhöhen. Und Marketingkampagnen sind zu 83% weniger effektiv, wenn das Erlebnis für den Nutzer irrelevant ist.

Wie gut, dass es die bedingte Logik gibt!

Die Bedingungslogik (oder ‘Verzweigungslogik’) vereinfacht komplexe Prozesse, indem sie zusätzliche Anweisungen auf der Grundlage einer bestimmten Antwort ermöglicht – oder “wenn dies, dann das“. Im Kontext eines Formulars würde ein Befragter nur Fragen sehen, die auf der Grundlage seiner früheren Antworten auf ihn zutreffen.

Die Verwendung von bedingter Logik verkürzt die Zeit, die für das Ausfüllen Ihres Formulars benötigt wird. Denn es werden keine Fragen angezeigt, die für den Benutzer irrelevant sind, sodass die Wahrscheinlichkeit geringer ist, dass er die Aufgabe abbricht.

Ja, das klingt nach gesundem Menschenverstand – aber in den meisten Formularen werden jedem Benutzer dieselben Fragen gestellt, unabhängig davon, wer er ist. Und die Verwendung von Bedingungslogik ist eine Win-Win-Situation, denn durch die klare Definition von Benutzersegmenten erfassen Sie sauberere, nützlichere Daten.

Duale Kodierungstheorie

Ich sage: Baum.

Sie sehen: Baumstamm, grüne Blätter, Äste.

Unser Gehirn ist so schlau: Es verbindet Bilder mit Wörtern.

Das ist das Grundprinzip der Dualen Kodierungstheorie, die besagt, dass das Gedächtnis über zwei unterschiedliche, aber miteinander verbundene Systeme verfügt. Ein System für verbale Informationen (“Baum”) und eines für visuelle Informationen (Stamm, grüne Blätter, Äste).

Wenn etwas auf zwei Arten ‘kodiert’ wird (visuell und verbal), ist die Wahrscheinlichkeit höher, dass es verstanden und in Erinnerung behalten wird, als wenn es nur auf eine Art kodiert wird (visuell oder verbal).

Mit anderen Worten: Wenn man Wörter mit Bildern verbindet, kann man sie sich leichter merken. Kinderbücher machen sich dies zunutze. Hier sind zwei Möglichkeiten, die Dual-Coding-Theorie bei der Gestaltung eines Formulars in die Praxis umzusetzen.

21. Visualisieren Sie die Informationen

Unser Gehirn verarbeitet visuelle Inhalte viel schneller als Text. Die Verwendung von Symbolen, Bildern und Formen – was auch immer zur Veranschaulichung Ihres Anliegens beiträgt – macht die Benutzererfahrung intuitiver.

Das Formulardesign sollte konsistent sein, aber das bedeutet nicht, dass es keine kleinen Überraschungsmomente enthalten darf. Durch die Verwendung von ungewöhnlichen visuellen UI-Elementen – wie anklickbare Bilder und Schieberegler – können Sie das Ausfüllen von Formularen angenehmer und intuitiver gestalten.

22. Berücksichtigen Sie die Farben

Wussten Sie, dass 90% unseres ersten Eindrucks von einem Produkt allein von den Farben abhängt?

Laut Marketinguru Neil Patel, sind Farben tatsächlich “zu 85% dafür verantwortlich, dass Sie ein bestimmtes Produkt gekauft haben.” Die richtige Kombination kann die Leserschaft um 40%, das Verständnis um 73% und das Lernen um 78% steigern.

Sie müssen kein Designer sein, um herauszufinden, welche Farbschemata und Kontraste am besten funktionieren. Es gibt praktische Programme wie Adobe Color CC und Paletton, die Ihnen dabei helfen, eine Farbpalette zu wählen, die das Image Ihres Unternehmens widerspiegelt.

23. Machen Sie Ihr Formular schön

Als oberflächliche Lebewesen sind wir darauf konditioniert zu glauben, dass attraktives Design auch in anderer Hinsicht besser ist: schneller, intelligenter, einfacher zu bedienen. Das nennt man den “Ästhetik-Nutzbarkeit-Effekt”. Eine schöne Benutzeroberfläche erhöht unsere Geduld und Loyalität und macht uns sogar für Designprobleme empfänglicher.

38% der Personen brechen die Nutzung einer Seite ab, wenn der Inhalt oder das Layout unattraktiv ist. Mit anderen Worten: Wenn Ihre Webformulare nicht schön anzusehen (und leicht auszufüllen) sind, sind sie reine Zeitverschwendung.

Sicher, Schönheit liegt im Auge des Betrachters. Aber mit einer einfachen Benutzeroberfläche, einer klaren Schriftart und einem eleganten Design gewinnen Sie (Formular-)Schönheitswettbewerbe.

Der Endowed Progress Effekt

Wenn wir uns vorstellen können, welche Fortschritte wir bereits gemacht haben, sind wir motivierter, eine Aufgabe zu vervollständigen. Wenn wir denken, dass wir einen Fortschritt erreicht haben, verringert sich der gefühlte Arbeitsaufwand. Das macht es wahrscheinlicher, dass wir mehr leisten möchten.

Die amerikanischen Professoren Joseph C. Nunes und Xavier Dreze bezeichnen dies als den “Endowed Progress Effect”. Dabei handelt es sich um ein Phänomen, bei dem Menschen, die einen künstlichen Fortschritt erhalten, mit größerer Ausdauer auf ein Ziel hinarbeiten.

Einige Beispiele für die Anwendung des “Endowed Progress Effect” auf Formulare:

24. Stufen Sie die Fragen von leicht zu schwer ab

Wenn Sie Fragen von leicht am Anfang des Formulars zu schwer am Ende freigeben können (ohne die Logik der Reihenfolge zu vernachlässigen), werden die Benutzer die ersten Phasen des Formulars schneller durchlaufen. Dies wiederum löst den sogenannten Streak-Effekt aus: die Befriedigung, die durch den schnellen Fortschritt und das Gefühl der Eigendynamik entsteht, lässt die Benutzer zögern, den Streak zu unterbrechen. Das heißt, sie werden weitermachen und eher durchhalten, wenn das Formular anspruchsvoller wird.

25. Veranschaulichen Sie den Fortschritt

Veranschaulichen Sie den Fortschritt des Benutzers zu jeder Zeit. Je näher sich die Befragten ihrem Ziel fühlen, desto wahrscheinlicher ist es, dass sie es anstreben. Wenn Ihr Formular aus mehreren Seiten besteht, sollten Sie angeben, wie viele Seiten sie noch ausfüllen müssen.

Eine Studie von Clutch bestätigt, dass 90% der Nutzer Webformulare bevorzugen, die Fortschrittsbalken verwenden. Auf diese Weise können sie ihre Erwartungen in Bezug auf die Bearbeitungszeit besser steuern.

26. Brainstorming der Fragen

Alle Formulare beruhen auf Fragen. Wenn es darum geht, Fragen zu formulieren, beginnen Sie am besten mit dem Endergebnis und arbeiten rückwärts.

Ihre erste Frage lautet also: Was ist der Zweck Ihres Formulars? Ist es für das Onboarding? Feedback? Recherche?

Schreiben Sie das Wissen, das Sie sich von dem Formular erhoffen, so genau wie möglich auf. Formulieren Sie dies in Form von Fragen (mit einem Fragezeichen am Ende) und nicht als Auszüge aus Ihren Gedankengängen. Lassen Sie sich genügend Zeit, um zu streichen und neu anzufangen.

Schreiben Sie dann einige mögliche Antworten auf, mit denen Sie das Gesuchte erreichen könnten.

Und zum Schluss machen Sie ein Brainstorming zu den Fragen, die Sie überhaupt erst zu diesen Antworten geführt haben.

Notieren Sie als Vorsichtsmaßnahme den Prozentsatz der Antworten pro Frage, den Sie erwarten würden. Wenn Sie diese Schätzungen mit den tatsächlichen Ergebnissen vergleichen, werden Sie auf Schwachstellen stoßen, auf die Sie bei der nächsten Umfrage achten sollten.

Dieser Prozess vor der Umfrage dient auch als Leitfaden für Ihr Design und spart Ihnen Zeit.

Die Wissenschaft hinter den Feldern

Laut dem Form Conversion Report wirkt sich die Art des Formulars direkt auf die Anzahl der Felder aus, die Sie aufnehmen sollten. Überlegen Sie sich sehr genau, wie viele Details Sie für den jeweiligen Kontext benötigen.

Fragen Sie sich: Muss diese Frage wirklich, wirklich, WIRKLICH unbedingt gestellt werden?

Die Wahrscheinlichkeit ist groß, dass die Antwort nein lautet. Auch wenn wir wissen, dass weniger oft mehr ist, ist die Versuchung viel zu fragen groß. Denn wenn wir die Möglichkeit haben, einen Blick in die Gehirne unserer Nutzer zu werfen, dann ist es verlockend, viel zu fragen.

Ja, die Antwort auf diese Frage ist möglicherweise wichtig. Aber ist sie so wichtig, dass sie es wert ist, dass man deswegen den Befragten verliert?

Die Kooperation Ihrer Nutzer ist wichtig. Und mit jedem zusätzlichen Feld sinkt die Wahrscheinlichkeit, dass sie Ihr Formular vollständig ausfüllen. Wenn Sie also alle möglichen Fragen und Antworten aufgelistet haben, streichen Sie so viele, wie nur möglich. Denken Sie über andere Möglichkeiten der Datenerfassung nach und überlegen Sie, ob die Frage nicht abgeleitet, verschoben oder gänzlich ausgeschlossen werden kann.

Eliminieren Sie optionale Fragen ganz. Wenn Sie sie dennoch stellen müssen, führen Sie sie nach Abschluss des Formulars auf.

27. Gruppieren Sie die Fragen richtig

Die Strukturierung der Onlineformulare ist der Schlüssel zum Erfolg. 

Sobald Sie eine endgültige Liste von Fragen zusammengestellt, gekürzt und verfeinert haben, ist es an der Zeit, diese zu ordnen. Ordnen Sie sie in Gruppen und Untergruppen mit einer “thematischen” Überschrift, die sie zusammenhält, z. B. Kontaktdaten, Berufserfahrung usw.

Auch hier sollte der Benutzer in der Lage sein, jeden Abschnitt zu überfliegen und zu wissen, was er wissen muss, ohne die Fragen vorher lesen zu müssen.

28. Definieren Sie eine logische Reihenfolge der Fragen

Der nächste Punkt auf der Liste ist die Reihenfolge der Fragen. Als Faustregel gilt: Je näher die Fragen thematisch beieinander liegen, desto unmittelbarer sollten sie aneinander gereiht werden.

Jede Frage und jeder Abschnitt sollte den Befragten auf die nächste Frage hinweisen. Große Lücken oder Sprünge nach vorne sind verwirrend. Denken Sie also darüber nach, wie sich ein Formular Schritt für Schritt in einer nachvollziehbaren Reihenfolge entwickelt.

Durch unsere Konditionierung können wir einige Arten von Abläufen leichter erkennen als andere. So kommt beispielsweise die Frage “Wie heißen Sie?” vor der Frage “Wo wohnen Sie?”, die wiederum vor der Frage “Wie viel Berufserfahrung haben Sie?” kommt.

29. Entscheiden Sie sich zwischen “obligatorisch vs. optional vs. ‘nice-to-have'”

Es empfiehlt sich, Ihr Formular auf Pflichtfragen zu beschränken. Optionale Fragen ziehen ein Formular unnötig in die Länge und irritieren den Benutzer: “Wo haben Sie von uns gehört?” “Möchten Sie E-Mails zu Marketingzwecken erhalten?”

Aber was ist mit Fragen, die nicht obligatorisch sind, aber dennoch wünschenswert wären? Platzieren Sie sie am Ende des Formulars als optionale Folgefragen. Auf diese Weise wirken sie weniger aufdringlich und haben keinen Einfluss auf Ihre Konversionsrate.

30. Fragen Sie jeweils eine Frage nach der anderen

Doppelfragen führen zu Mehrdeutigkeit. Und – Sie haben es erraten – mehrdeutige Antworten lassen sich nicht quantifizieren.

Vermeiden Sie das Risiko zweideutiger Fragen, indem Sie die Wörter ‘und/’oder’ ausfindig machen. Sehen Sie eine solche Formulierung? Zerlegen Sie die Frage in zwei Teile.

Je klarer die Frage, desto klarer die Antwort. Je klarer die Antwort, desto klarer die Daten.

31. Geben Sie Abkürzungen

Ein gutes Formular gibt einen klaren Weg zur Fertigstellung vor und führt den Benutzer dann aufmerksam mit Hinweisen, Hinweisen und Anweisungen. Je kürzer der Pfad ist, desto höher ist die Chance, dass das Formular abgeschlossen wird. Wenn möglich, bieten Sie also Abkürzungen an.

Einige Beispiele für hilfreiche Abkürzungen:

Postleitzahlensuche

Wenn Sie Benutzer bitten, ihre Adresse einzugeben, empfiehlt es sich, nur nach der Hausnummer und der Postleitzahl zu fragen. Sie können dann einen Suchdienst verwenden, um die vollständige Adresse zu ermitteln.

Platzhaltertext ist ein hellerer Text, der in einem Formularfeld erscheint, um dessen erwarteten Wert zu beschreiben. Er sollte nur verwendet werden, wenn eine potentielle Unklarheit besteht.

Feldbeschriftungen

Eine Feldbeschriftung ist der Fragetext, der sich über dem Feld befindet. Diese sollten immer vorhanden sein und nicht durch Platzhalter ersetzt werden. Es ist verlockend, Platz zu schaffen, indem man den Platzhaltertext gleichzeitig als Beschriftung verwendet. Dies führt jedoch zu vielen Problemen bei der Benutzerfreundlichkeit (hier zusammengefasst.)

Mit anderen Worten: Sie können Feldbeschriftungen ohne Platzhaltertext haben, aber keinen Platzhaltertext ohne eine Feldbeschriftung.

Vordefinierte Antworten

Jeder mag vordefinierte Antworten. Sie sparen Ihren Lesern Zeit UND sind einfach auszuwerten.

Sie können Antworten vordefinieren, indem Sie Fragen mit Ja/Nein, Einzelauswahl (Radiobutton) oder Mehrfachauswahl (Checkbox) stellen. Für den Fall, dass es eine Antwort gibt, die Sie nicht vorhersagen können, fügen Sie ein Textfeld ‘Andere’ hinzu, damit die Leser eine eigene Antwort eingeben können.

Vorausschauende Suche

Wenn Benutzer aufgefordert werden, ihr Land, ihren Beruf oder etwas anderes mit einer großen Anzahl vordefinierter Optionen auszuwählen, ist es hilfreich, eine vorausschauende Suchfunktion bereitzustellen, um das Tippen (und die kognitive Belastung) zu reduzieren.

Ihr Formular ist nur die halbe Rechnung. Es ist aktiv und nicht passiv. Seine Aktivitäten hängen von den Befragten ab. Sie müssen von Anfang an in das Konzept integriert werden.

Formulare sind ein Kommunikationsmittel. Es sind zwei Parteien beteiligt.

Wenn Sie also ein Formular erstellen, müssen Sie auch aus der Perspektive des Benutzers denken… Und das beginnt mit dessen Zweck und Kontext.

Warum sollte jemand Ihr Formular ausfüllen? Was ist der Zweck? Schreiben Sie es auf.

Der Zweck ist in den Kontext integriert. Machen Sie also den Kontext vor Ihrem geistigen Auge konkret sichtbar. Wo und wie füllt der Kunde das Formular aus? Zu Hause? Auf einem Laptop? Auf einem Handy? In der U-Bahn?

Der Kontext besteht nicht nur aus den Rahmenbedingungen. Es geht darum, dass Ihre Teilnehmer verstehen, was Ihr Formular mit ihrer Hilfe erreichen kann.

32. Wissen, mit wem Sie sprechen

Das Formular muss die Aufmerksamkeit des richtigen Personenkreises erregen – also, wer gehört zu diesem Personenkreis?

Es ist nicht hilfreich, in einer breiten, unklaren Masse von Personen zu denken. Konzentrieren Sie sich auf eine Person – oder eine ” Käuferpersona” -, um Ihre Gedanken zu fokussieren. Diese wird Ihnen mehr sagen als jede generelle Gruppe.

Stellen Sie sich einen fiktiven idealen Kunden, mit einem Beruf, einer Persönlichkeit, einer Familie, Hoffnungen und Träumen vor. Stellen Sie diese Person in den Mittelpunkt. Wo lebt und arbeitet sie? Was sind ihre Meinungen und Werte? Welchen Bezug haben sie zu Ihrem Unternehmen?

Wenn Sie herausfinden, was für diese imaginäre Person von Bedeutung ist, sind Sie besser in der Lage, Fragen zu stellen, die zu aussagekräftigen Daten führen.

Das ist die Person, auf die Sie sich immer wieder beziehen müssen. Das ist die Person, deren Antworten Sie brauchen.

Überraschungen sind an Geburtstagen toll. Jedoch nicht beim Ausfüllen von Formularen. Die Benutzer sollten ein Gefühl von Rhythmus und Wiederholung bekommen, während sie die Fragen bearbeiten, in der Gewissheit, dass die Schaltflächen, Eingabefelder und alles andere von Seite zu Seite gleich sind.

Konsistenz unterstützt ein reibungsloses Ausfüllen des Formulars. Das bedeutet, dass die Farben gleich sein sollten, das Bildmaterial gleich sein sollte und der TOV (Tone Of Voice) einheitlich sein sollte.

Was ist die Persona Ihres Unternehmens? Welche Formulierungen und Wörter bringen dies zum Ausdruck? Was sind Ihre Werte?

Bei Jotform konzentrieren wir uns darauf, integrativ, freundlich und bodenständig zu sein – und die Sprache, die wir verwenden, spiegelt dies wider.

Wenn Sie den Ton Ihrer Marke definiert haben, sollten Sie ihn in allen Ihren Formularen beibehalten – Ihr Kunde sollte das Gefühl haben, dass er bei jedem Schritt mit derselben freundlichen Person zu tun hat.

Visuelle Konsistenz ist ebenso wichtig. Legen Sie eine visuelle Identität und einen Stil fest, den Sie in Ihrem Formular (und in allen anderen Formularen, die Sie in Zukunft erstellen) beibehalten.

33. Labels oben links anordnen

Die UX-Forscher von Google fanden heraus, dass die Ausrichtung von Beschriftungen über den Feldern auf der linken Seite die Zeit zum Ausfüllen des Formulars erhöht, da dies weniger “visuelle Fixierungen” erfordert.

34. Vermeiden Sie es, Fragen nebeneinander zu platzieren.

Studien zum Eye-Tracking haben gezeigt, dass einfache einspaltige Layouts besser sind als mehrspaltige Layouts mit nebeneinander angeordneten Fragen.

Die einzige Ausnahme von dieser Regel ist die Abfrage von Daten (Tag, Monat, Jahr) oder Zeit (Stunden und Minuten), bei denen mehrere Felder in einer Zeile erwartet werden.

35. Probieren Sie one-thing-per-page aus

One-thing-per-page ist eine psychologische Technik, die wie folgt definiert wird:

…” die Aufteilung eines komplexen Vorgangs in mehrere kleinere Teile und die Platzierung dieser kleineren Teile auf eigenen Bildschirmen.”

Im Grunde genommen müssen sich die Benutzer nur auf eine wichtige Sache konzentrieren.

Eine einzige Information, die man verstehen muss.

Eine Entscheidung, die getroffen werden muss.

Eine Frage, die beantwortet werden muss.

Eine chaosfreie Seite ermutigt die Benutzer, bei der Sache zu bleiben.

36. Benutzen Sie die Feldlänge als Unterstützung

Passen Sie die Breite des Feldes an die voraussichtliche Länge der Eingabe an (der Benutzer sollte die gesamte Eingabe sehen können) und nicht mehr.

Die Größe eines Feldes sollte widerspiegeln, wie viel Text der Benutzer voraussichtlich eingeben wird. Felder wie die Postleitzahl oder die Hausnummer sollten kürzer sein als die Adresszeile.

Eine Studie des Baymard-Instituts zur Benutzerfreundlichkeit hat ergeben, dass, wenn ein Feld zu lang oder zu kurz ist, die Benutzer sich zu fragen beginnen, ob sie die Bezeichnung richtig verstanden haben. Dies gilt insbesondere für Felder mit ungewöhnlichen Daten oder einer technischen Bezeichnung wie CVV (Card Verification Code).

Wenn Sie Jotform noch nicht kennen, können Sie bei der Strukturierung Ihres Onlineformulars jederzeit auf das Tutorial von Jotform für Formulargestaltung zurückgreifen. Mit der Hilfe der Tutorialvideos können Sie das Beste aus der Formulargestaltungssoftware von Jotform herausholen.

Wie im Leben ist es auch beim Ausfüllen von Formularen möglich, sich zu irren.

Und wie im Leben kommt es darauf an, Fehler zu kennzeichnen und eine schnelle Korrektur zu ermöglichen.

37. Verlassen Sie sich nicht allein auf die Farbe

1 von 12 Männern ist zu einem gewissen Grad von Farbenblindheit betroffen.

Verlassen Sie sich bei der Anzeige von Validierungsfehlern oder Erfolgsmeldungen nicht auf die Verwendung von grünem oder rotem Text (da Rot-Grün-Farbblindheit relativ häufig ist). Verwenden Sie Texte, Symbole oder etwas anderes. Jotform Cards warnt den Benutzer mit einer kleinen Animation, die “Nein” schüttelt, wenn ein Fehler aufgetreten ist.

38. Geben Sie Fehler direkt in der Zeile an

Zeigen Sie dem Benutzer an, wo der Fehler aufgetreten ist und geben Sie den Grund an.

Wenn Sie eine Validierung verwenden müssen, stellen Sie sicher, dass sie in der gleichen Zeile (rechts neben dem Feld) erfolgt und Fehler frühzeitig meldet.

Warten Sie mit der Meldung von Validierungsfehlern nicht, bis der Benutzer auf Absenden klickt. Ebenso sollte die Inline-Validierung nicht in Echtzeit erfolgen, da sie wahrscheinlich Fehler meldet, bevor der Benutzer das Feld ausgefüllt hat.

39. Verwenden Sie Datenvalidierung für die Felder

Sie fragen nach einer E-Mail-Adresse, und Sie erhalten eine Antwort ohne @-Zeichen. Sie fragen nach einer Telefonnummer, und die Hälfte Ihrer Antworten enthält nicht genügend Ziffern.

Tippfehler sollten kein Hindernis für die Benutzerfreundlichkeit Ihres Formulars sein.

Verwenden Sie die ” Feldüberprüfung “, um sicherzustellen, dass Sie die gewünschten Antworten erhalten, wie z.B. “Die Antwort muss eine ___ enthalten.”

Jotform Cards stellt die E-Mail-Adresse eines Benutzers wieder her, der den Domainnamen falsch eingegeben hat; john@gnail.com sollte john@gmail.com lauten.

40. … aber seien Sie nicht zu streng

Wenn die Benutzer sehr unterschiedlich auf ein Feld antworten (z.B. auf “Telefonnummer” mit +12345678912, +44 12345678912, 012345678912), konvertieren Sie diese in ein einheitliches Format.

Was ist ein Zahlungsformular?

Ein Zahlungsformular ist eine digitale Version der Kasse. Er autorisiert die Onlinezahlung, validiert die Angaben des Nutzers, prüft die Verfügbarkeit von Zahlungsmitteln und stellt sicher, dass Sie bezahlt werden.

Zahlungsintegrationen haben eine Menge Vorteile. Sie helfen Ihnen dabei

• Produkte oder Dienstleistungen zu verkaufen;
• komplexe Berechnungen auf diese Verkäufe anzuwenden, z.B. Steuern und Versandkosten hinzuzufügen oder Gutscheine abzuziehen;
• Ihren Produkten Beschreibungen wie Bilder, Menge, Farbe und Größenoptionen zu geben;
• Spenden und Zahlungen eines festen Betrags sammeln oder diese Zahlungen mit einem Abonnementdienst wiederkehrend machen.

41. Die Schritte bei der Zahlung begrenzen

Das Baymard Institut hat Checkout-Formulare analysiert und festgestellt, dass ein zu langer oder zu komplizierter Checkout-Prozess einer der Hauptgründe für den Abbruch des Kaufvorgangs ist. Also streichen Sie Felder, streichen Sie sie noch einmal und dann noch einmal.

42. Verwenden Sie optische Sicherheitsmerkmale

Bei der Eingabe sensibler Daten, wie z.B. Kreditkarteninformationen, sind die Benutzer bei fragwürdigen Vorgängen besonders wachsam. Eine kürzlich durchgeführte Studie hat ergeben, dass 17% der Käufer eine Seite aus Sicherheitsbedenken heraus verlassen, ohne zu bezahlen.

Professionelle Zahlungsformulare vermitteln den Nutzern ein Gefühl der Sicherheit, während alles, was “komisch” aussieht, sie abschreckt. Deshalb sollten Sie vorsichtig sein, wenn Sie ein Zahlungsformular von Grund auf neu erstellen – selbst die kleinsten Fehler oder Ungereimtheiten können Benutzer verunsichern.

Zum Schutz der Daten ist es außerdem hilfreich, SSL für Ihre Formulare zu aktivieren. Die Besucher erhalten die Gewissheit, dass alle Interaktionen verschlüsselt sind. Jotform ist der sicherste Weg, Daten zu übermitteln: Wir sind mit dem Payment Card Industry Data Security Standard (PCI DSS) Level 1 konform und SSL-fähig.

43. Erklären Sie klar und deutlich, warum Sie nach vertraulichen Daten fragen

Die Menschen sind zunehmend besorgt über den Datenschutz und die Informationssicherheit. Wenn Sie vertrauliche Daten erfragen müssen, sollten Sie unbedingt erklären, warum sie benötigt werden. Verwenden Sie dazu den Hilfetext unter dem Feld.

44. Speichern Sie die Daten

Wenn Sie den Nutzern die Möglichkeit geben, ihre Adress- und Zahlungsinformationen zu speichern, wird der Prozess schneller und effizienter – besonders auf unhandlichen Geräten wie dem Mobiltelefon. Außerdem gibt es Stammkunden ein Gefühl der Belohnung und Loyalität.

45. So fügen Sie eine Zahlungsintegration mit Jotform hinzu

Schritt 1: Fügen Sie Ihr Markenlogo und Ihren eigenen Stil hinzu.

Schritt 2: Geben Sie die Zugangsdaten für die Integration über einen Verbindungsbutton ein oder geben Sie sie direkt ein.

Schritt 3: Fügen Sie ein Produktbild und Produktdetails wie Menge, Farbe und Größe hinzu.

Schritt 4: Berechnen Sie Gutscheine, Steuern und Versand.

Sie können die Bestellungsintegration verwenden, um die Details und Optionen für die Erstellung eines generischen Zahlungsfeldes zu prüfen (dafür sind keine Anmeldedaten erforderlich, da keine echte Transaktion erstellt wird). Im Leitfaden für die Sofort-Integration finden Sie ein Beispiel für einen kompletten Zahlungsvorgang.

Schritt 5: Schreiben Sie eine persönliche Dankesnachricht über Autoresponder-E-Mails.

Alles bereit. Jetzt können Sie Ihre Produkte ganz einfach über Websites, Blogs oder soziale Medien verkaufen.

Wenn Sie das Formular fertiggestellt haben…

Hurra, geschafft! Fast. Ihr Formular ist zwar fertig, aber es ist noch nicht an der Zeit, es online zu stellen…

Es gibt noch ein paar letzte Schritte, die Sie beachten müssen.

46. Testen Sie Ihr Formular vor der Veröffentlichung

Wir alle haben einen blinden Fleck. Und wenn der Erfolg eines Formulars von der Qualität der Daten abhängt, ist Vorsicht besser als Nachsicht. Stellen Sie also sicher, dass Sie solide Antwortmöglichkeiten zur Verfügung stellen und nichts übersehen haben, indem Sie Ihre Umfrage einem Vortest unterziehen.

Schicken Sie die Umfrage an Familienangehörige/Freunde und bitten Sie sie, zu notieren, wie lange sie für die Beantwortung der Umfrage benötigen und wie sie den Ablauf wahrnehmen. Dies wird Ihnen helfen, den Aufbau des Formulars auch beim nächsten Mal zu bewerten.