Design & Bedienbarkeit
Websites für kleine Bildschirme gestalten
Lesbare Inhalte, erreichbare Aktionen und funktionierende Formulare auf dem Smartphone.
Inhalte nach ihrer Bedeutung ordnen
Auf einem kleinen Bildschirm wird die Reihenfolge besonders sichtbar. Beginnen Sie mit dem Angebot, dem Nutzen und einem passenden nächsten Schritt. Zusatzinformationen bleiben erreichbar, ohne die zentrale Aussage zu verdrängen. Verstecken Sie wichtige Leistungen oder Kontaktmöglichkeiten nicht ausschließlich hinter Effekten.
Bedienung ohne Maus berücksichtigen
Schaltflächen müssen mit dem Finger sicher zu treffen sein. Hinweise dürfen nicht nur beim Darüberfahren mit einer Maus erscheinen. Verwenden Sie passende Eingabetypen für Telefonnummern und E-Mail-Adressen. Prüfen Sie, ob die Bildschirmtastatur Eingaben oder Fehlermeldungen verdeckt.
Mit echten Geräten prüfen
Eine schmale Browseransicht hilft bei der Entwicklung. Sie ersetzt nicht die Prüfung auf einem Smartphone mit Touchbedienung, Bildschirmtastatur und wechselnder Verbindung. Testen Sie besonders Navigation, lange Inhalte, Formulare und die Darstellung bei vergrößerter Schrift.