Mobile Formulare 2026: Wo Anfragen auf dem Smartphone verloren gehen

Formulare, die am Desktop reibungslos funktionieren, scheitern auf dem Smartphone häufig an denselben, unauffälligen Details: der falschen Tastatur, zu kleinen Buttons, zu vielen Feldern. Das Ergebnis ist eine Anfrage, die begonnen, aber nie abgeschickt wurde - und die in keiner Statistik als „schlechtes Formular“ auftaucht, sondern einfach als Absprung.

Warum mobile Formulare häufiger abgebrochen werden

Tippen auf einer Bildschirmtastatur ist anstrengender als Tippen auf einer physischen Tastatur, und ein Formular, das am Desktop akzeptabel wirkt, wirkt auf dem Smartphone oft schwerfällig. Drei Ursachen wiederholen sich dabei über fast alle Branchen hinweg: zu viele Felder für eine erste Kontaktaufnahme, Feldtypen, die die falsche Tastatur öffnen, und Buttons, die mit dem Daumen schwer zu treffen sind. Jede einzelne Ursache wirkt klein - in Kombination erklären sie, warum ein Formular am Smartphone seltener zu Ende ausgefüllt wird als am Desktop.

Besonders tückisch ist, dass diese Probleme im eigenen Browser am Desktop-Bildschirm unsichtbar bleiben. Wer sein Formular nur am eigenen Rechner testet, sieht die Standard-Tastatur, den großen Mauszeiger und einen breiten Bildschirm - und übersieht damit genau die Bedingungen, unter denen die Mehrheit der Besucher das Formular tatsächlich ausfüllt.

Die Stellschrauben, die wirklich etwas bringen

• Ein Feld zuerst zeigen (etwa Telefonnummer oder E-Mail), weitere Felder erst nach dem Ausfüllen des ersten einblenden
• Native Eingabetypen nutzen (type="tel", type="email", type="date"), damit die passende Tastatur automatisch erscheint
• Korrekte autocomplete-Attribute setzen, damit der Browser gespeicherte Werte vorschlagen kann
• Buttons und Tap-Flächen mindestens 44 mal 44 Pixel groß anlegen, mit Abstand zu Nachbarelementen
• Fehler direkt nach Verlassen eines Feldes anzeigen, mit konkreter Fehlermeldung statt einem generischen Hinweis
• Bei längeren Formularen den Absende-Button sichtbar am unteren Rand fixieren
• Eine klickbare Telefonnummer als Alternative anbieten, für alle, die lieber direkt anrufen als tippen

Keine dieser Maßnahmen erfordert ein neues Design - die meisten lassen sich an einem bestehenden Formular nachrüsten, ohne das Layout anzufassen. Der native Eingabetyp ist dabei die Maßnahme mit dem größten Effekt für den geringsten Aufwand: Ein Feld mit type="tel" öffnet auf dem Smartphone automatisch eine Ziffern-Tastatur statt der vollen Buchstabentastatur, was Tippfehler bei Telefonnummern spürbar reduziert - eine einzige Attribut-Änderung im Code, keine Design-Anpassung.

Jedes Feld ist eine Entscheidung

Ein Pflichtfeld ist selten neutral. Wer nach Umsatzgröße, Branche und drei weiteren Angaben fragt, bevor überhaupt ein erster Kontakt zustande kommt, verlangt vom Besucher eine Reihe von Mini-Entscheidungen, die er auf dem Smartphone ungern trifft. Sinnvoller ist die Reihenfolge umzudrehen: zunächst den Kontakt so leicht wie möglich machen, die Details im Gespräch klären. Wie dieses Prinzip in einen kompletten Erstkontakt-Prozess passt, beschreiben wir im Artikel B2B-Funnel zum Erstgespräch.

Ein hilfreicher Test: Jedes Feld einzeln durchgehen und fragen, ob eine fehlende Angabe den ersten Kontakt tatsächlich verhindern würde. Bei den meisten Feldern lautet die ehrliche Antwort Nein - die Angabe wäre nur bequem zu haben, nicht notwendig. Progressive Disclosure, also das schrittweise Einblenden weiterer Felder erst nach dem ersten ausgefüllten, verschiebt genau diese optionalen Angaben an einen Punkt, an dem der Besucher bereits investiert ist und eher bereit, sie zu ergänzen.

Auto-Fill verdient dabei besondere Aufmerksamkeit, weil der Effekt unverhältnismäßig groß im Vergleich zum Aufwand ist. Ein Browser, der Name, E-Mail-Adresse und Telefonnummer aus dem gespeicherten Profil des Nutzers korrekt vorschlägt, verwandelt mehrere Tipp-Vorgänge in einen einzigen Antipp - vorausgesetzt, die autocomplete-Attribute sind korrekt gesetzt. Fehlen sie oder sind sie falsch benannt, verweigert der Browser die Vorschläge, ohne dass das im fertigen Formular sichtbar wäre.

Typische Fehler, die still Anfragen kosten

• Ein Captcha, das auf dem Smartphone kaum lesbar oder bedienbar ist
• Dropdown-Listen mit vielen Optionen, die auf kleinen Bildschirmen unübersichtlich werden
• Ein Datumsfeld ohne native Kalender-Auswahl
• Pflichtfelder, die für den ersten Kontakt objektiv nicht nötig sind
• Ein langer Datenschutzhinweis direkt über dem Absende-Button, der vom eigentlichen Ziel ablenkt

Ein Captcha ist dabei der Fehler mit der größten Wirkung bei gleichzeitig geringstem wahrgenommenen Nutzen: Es schützt vor automatisiertem Spam, macht aber jeder echten Person das Ausfüllen schwerer - auf einem kleinen Bildschirm mit ungenauer Touch-Eingabe überproportional. Ein serverseitiger Spam-Filter oder ein unsichtbares Honeypot-Feld erreicht denselben Schutz, ohne den Besucher überhaupt etwas merken zu lassen.

Konkrete Maßnahmen für die nächsten 90 Tage

• Tag 1-30: bestehendes Formular auf dem eigenen Smartphone durchklicken und jeden Reibungspunkt notieren
• Tag 31-60: Feldtypen und autocomplete-Attribute korrigieren, Pflichtfelder auf das Nötigste reduzieren
• Tag 61-90: Tap-Größen und Fehlermeldungen prüfen, eine klickbare Telefonnummer als Alternative ergänzen

Fazit

Ein mobiles Formular ist selten der auffälligste Teil einer Webseite - aber oft der Teil, der am direktesten über Anfragen entscheidet. Die richtigen Feldtypen, ausreichend große Tap-Flächen und eine reduzierte Feldzahl kosten wenig Aufwand und wirken sich unmittelbar aus. Wie sich diese Prinzipien in den gesamten Weg von der Anfrage zum Erstgespräch einordnen, zeigen wir im Artikel Conversion-optimierte Webseiten und im Artikel zur Landingpage-Struktur.