Mobile Website: Worauf es auf dem Smartphone ankommt

1. Lesbare Schrift und Abstände

Mindestens 16 Pixel Fließtext, ausreichend Kontrast und Platz zwischen Links verhindern Fehlklicks. Achten Sie darauf, dass Buttons groß genug zum Antippen sind und genügend Abstand haben. Text sollte ohne Zoomen lesbar sein. Prüfen Sie den Kontrast, damit die Seite auch bei Sonnenlicht lesbar ist.

2. Wichtiges zuerst

Kontakt, Leistungen und Vertrauen gehören in den ersten Bildschirm. Überlegen Sie, was ein Besucher unterwegs zuerst wissen will, etwa Öffnungszeiten, Telefonnummer oder Leistungen. Platzieren Sie diese Informationen ganz oben. Lange Einleitungen gehören weiter nach unten.

3. Formulare vereinfachen

Weniger Felder und passende Tastaturen für Telefon und E-Mail erhöhen die Abschlussquote. Verwenden Sie passende Eingabetypen für Telefon und E-Mail, damit die richtige Tastatur erscheint. Lassen Sie Formulare so kurz wie möglich. Bestätigen Sie nach dem Absenden deutlich, dass alles geklappt hat.

4. Navigation und Struktur

Auf kleinen Bildschirmen braucht es eine klare, kurze Navigation. Beschränken Sie das Menü auf wichtige Punkte und platzieren Sie den Kontakt sichtbar. Vermeiden Sie tief verschachtelte Menüs. Besucher sollen mit wenigen Berührungen ans Ziel kommen. Testen Sie das mit echten Nutzern.

5. Bilder und Medien anpassen

Bilder sollten sich an die Bildschirmbreite anpassen und nicht unnötig groß sein. Videos starten besser erst auf Wunsch. Achten Sie auf lesbare Beschriftungen und klare Kontraste. Das spart Daten und verbessert das Erlebnis. Mobile Nutzer sind oft unterwegs.

6. Kontakt und Handlung

Telefonnummern, Adressen und Termine sollten mit einem Tipp nutzbar sein. Ein fester Anrufbutton am unteren Rand kann sinnvoll sein. Formulare sollten wenig Felder haben. Das erhöht Anfragen. Prüfen Sie die Wege regelmäßig.

7. Typische Fehler vermeiden

Zu kleine Buttons und Popups, die den Inhalt verdecken, sind typische Ärgernisse. Testen Sie auf echten Geräten. Verzichten Sie auf aufdringliche Einblendungen. Achten Sie auf lesbare Schrift.

So gehen Sie vor

1. Seite auf echten Geräten testen.
2. Schrift, Abstände und Buttons anpassen.
3. Kontakt- und Anrufwege nach oben setzen.
4. Formulare kürzen.

Häufige Fragen

Brauche ich eine eigene mobile Version?

Nein, eine responsive Website passt sich automatisch an. Wichtig ist, dass Inhalt und Bedienung für kleine Bildschirme durchdacht sind.

Wie teste ich mobil?

Am besten mit mehreren echten Geräten und verschiedenen Browsern. Ergänzend helfen die Prüfwerkzeuge von Google.

Kurz-Checkliste

• Schrift mindestens 16 px
• Anrufbutton sichtbar
• Formular kurz
• Auf echtem Gerät getestet

Mehr zum Thema: Webdesign bei WebDress.