Mobile Kontaktwege auf Firmenwebsites prüfen
Prüfen Sie den mobilen Weg von der Leistung bis zur bestätigten Anfrage: Navigation, Touch-Ziele, Formularfehler und Ersatzkontakt.
Eine Website kann auf einem Smartphone ordentlich aussehen und trotzdem Anfragen verhindern. Der entscheidende Test beginnt auf einer Leistungsseite und endet erst nach der Versandbestätigung. Dazwischen liegen Navigation, Lesbarkeit, Bedienelemente, Formulare und mögliche Fehlermeldungen.
Den gesamten Weg statt nur die Startseite testen
Google verwendet laut den Best Practices zur Mobile-First-Indexierung für Indexierung und Ranking überwiegend die mobile Version einer Website und empfiehlt, dass mobile und Desktop-Version dieselben wesentlichen Inhalte und strukturierten Daten enthalten. Für Unternehmen ergibt sich daraus zusätzlich eine praktische Frage: Kann ein mobiler Besucher Angebot und nächsten Schritt vollständig verstehen?
Prüfen Sie mindestens diese Strecke:
- Einstieg über eine konkrete Leistungsseite, nicht nur über die Startseite.
- Verständnis von Leistung, Zielgruppe und Abgrenzung.
- Auffinden des primären Kontaktwegs.
- Ausfüllen mit Bildschirmtastatur.
- Korrigieren eines absichtlich erzeugten Fehlers.
- Absenden und Erkennen der Bestätigung.
- Nutzen einer schriftlichen Alternative, falls der Versand scheitert.
Inhalt und Orientierung
Auf kleinen Bildschirmen wird eine unklare Reihenfolge besonders sichtbar. Stellen Sie die Kernleistung, passende Ausgangslage und den nächsten Schritt vor lange Hintergrundtexte. Überschriften müssen beim Überfliegen erklären, was im Abschnitt steht. Ausklappbare Bereiche dürfen zentrale Bedingungen nicht dauerhaft verstecken.
Das mobile Menü sollte dieselben wichtigen Ziele enthalten wie die große Ansicht. Benennen Sie den Kontaktweg konsistent und lassen Sie Besucher nach dem Öffnen des Menüs erkennen, wo sie sich befinden.
Bedienelemente und Reflow
Die W3C-Erläuterung zu Target Size (Minimum) beschreibt grundsätzlich eine Mindestgröße von 24 mal 24 CSS-Pixeln oder ausreichenden Abstand; mehrere Ausnahmen gelten. Behandeln Sie den Wert nicht als pauschale Designformel. Praktisch sollten Buttons, Menüschalter, Auswahlfelder und Schließen-Symbole sicher antippbar sein und nicht eng an konkurrierenden Zielen liegen.
Beim Reflow-Test nach WCAG sollte Inhalt bei schmaler Darstellung lesbar bleiben, ohne dass für normalen Text horizontal in zwei Richtungen gescrollt werden muss. Prüfen Sie dabei besonders Tabellen, lange URLs, Cookie-Einstellungen und eingebettete Elemente.
Formulare unter realen Bedingungen
Testen Sie das Kontaktformular nicht nur mit perfekten Eingaben. Wichtige Fälle sind:
- leeres Pflichtfeld,
- ungültige E-Mail-Adresse,
- lange Projektbeschreibung,
- Autovervollständigung,
- langsame Verbindung,
- Zurückkehren aus einer anderen App,
- versehentliches Doppeltippen auf „Senden“.
Fehler sollten in Text erklärt, dem betroffenen Feld zugeordnet und ohne Datenverlust korrigierbar sein. Platzhalter allein ersetzen keine sichtbare Beschriftung. Nach erfolgreichem Versand braucht es eine eindeutige Bestätigung; eine bloße Farbänderung reicht nicht für alle Nutzer.
Der Rückkanal muss zum Versprechen passen
Ein Telefonlink ist auf dem Smartphone bequem, darf aber nicht der einzige Weg sein, wenn Sie schriftliche Anfragen ermöglichen wollen. E-Mail, Formular oder ein klar gekennzeichneter Messenger können ergänzen. Erklären Sie, welche Angaben für eine erste Einordnung helfen, ohne ein langes Pflichtprogramm aufzubauen.
Für Website-Projekte kann die Seite Websites für Unternehmen Leistungsrahmen und Anfrageweg verbinden. Bestehende Auftritte lassen sich zusätzlich anhand des Beitrags Website modernisieren oder neu erstellen? einordnen.
Testmatrix für die Abnahme
Dokumentieren Sie nicht nur „mobil getestet“, sondern Bedingungen und Ergebnis:
| Bereich | Test | Erwartetes Ergebnis |
|---|---|---|
| Navigation | Menü per Touch und Tastatur öffnen | Ziele erreichbar, Fokus sinnvoll |
| Inhalt | Hochformat und starke Vergrößerung | kein verlorener Kerninhalt |
| CTA | von zwei Leistungsseiten starten | erwartetes Kontaktziel öffnet |
| Formular | Fehler erzeugen und korrigieren | Meldung verständlich, Eingaben bleiben |
| Versand | Testanfrage absenden | Bestätigung sichtbar, Nachricht kommt an |
| Alternative | Formularausfall simulieren | schriftlicher Ersatzweg auffindbar |
Wählen Sie mehrere reale Browser und Geräteklassen. Ein einzelner Emulator ist nützlich, bildet aber Bildschirmtastatur, Betriebssystemhilfen und Netzwechsel nicht vollständig ab.
Inhalte für kleine Bildschirme vorbereiten
Auch redaktionelle Details beeinflussen den Kontaktweg. Lange Tabellen benötigen eine erkennbare mobile Lösung, Telefonnummern und E-Mail-Adressen dürfen nicht über den Rand laufen, und Bilder sollten keine unverzichtbaren Texte enthalten. Prüfen Sie außerdem, ob ein feststehender Cookie-Hinweis oder Chat-Schalter Formularfelder verdeckt. Wird ein Menü nach der Auswahl nicht geschlossen oder springt der Fokus unbemerkt an den Seitenanfang, ist der Weg formal vorhanden, aber praktisch schwer nutzbar.
Protokollieren Sie bei jedem Fehler Gerät, Browser, Seite, Eingabeschritt und erwartetes Verhalten. So wird aus „mobil funktioniert nicht“ ein reproduzierbarer Befund, den Gestaltung oder Entwicklung gezielt bearbeiten können.
Freigabecheck
- Sind Leistung und nächster Schritt ohne Zoomen verständlich?
- Bleiben wichtige Inhalte mobil vollständig?
- Lassen sich alle Bedienelemente sicher erreichen und auslösen?
- Funktioniert der Weg per Touch und Tastatur?
- Sind Fehler textlich erklärt und korrigierbar?
- Bleiben Eingaben bei einem Fehler erhalten?
- Gibt es eine klare Versandbestätigung und einen schriftlichen Ersatzweg?
Wenn Sie den mobilen Weg Ihrer Firmenwebsite prüfen lassen möchten, senden Sie KDS schriftlich die betroffene URL und das wichtigste Anfrageziel über das Kontaktformular.