Inhalte & Technik / Ratgeber

Warum reicht eine bloße Verkleinerung der Desktop-Website für Smartphones nicht?

Die kurze Antwort

Eine mobile Website braucht eine passende Anordnung, lesbare Texte und gut bedienbare Elemente. Das verkleinerte Desktoplayout reicht nicht. Prüfe Menüs, Formulare, Medien und Kontaktwege auf kleinen Bildschirmen. Berücksichtige verschiedene Geräte, vergrößerte Schrift und Hilfstechnologien. Eine feste Daumenzone bildet diese Vielfalt nicht ab.

Bedienflächen und Abstände

Die WCAG 2.2 nennen für Zielgrößen ein Mindestkriterium mit Ausnahmen, unter anderem für Abstände und Textlinks. Wichtige Schaltflächen profitieren oft von großzügigeren Flächen. Entscheidend ist die tatsächliche Bedienbarkeit, nicht nur eine rechnerische Pixelzahl.

Inhalte sinnvoll anordnen

Beispiel: Ein Servicebetrieb stellt Telefonnummer und Anfrage vor eine lange Referenzliste. Text und Bilder folgen einer nachvollziehbaren Reihenfolge. Inhalte dürfen nicht ausschließlich beim Darüberfahren mit der Maus erscheinen. Vergrößerte Schrift sollte Funktionen nicht verdecken.

Reale Aufgaben testen

Öffne das Menü, stelle eine Anfrage und prüfe Fehlermeldungen am echten Smartphone. Achte auf verdeckte Schaltflächen bei geöffneter Bildschirmtastatur. Teste langsame Verbindungen und Querformat. Ein schönes Bildschirmfoto zeigt nicht, ob der gesamte Vorgang funktioniert.

Jetzt anwenden

Dein nächster Schritt

  1. Führe eine Kundenaufgabe am Smartphone aus.
  2. Prüfe vergrößerte Schrift und Bedienelemente.
  3. Teste Formulare mit geöffneter Bildschirmtastatur.

Einordnung & Quellen

Praxisleitfaden: Die beschriebenen Schritte sind redaktionelle Empfehlungen. Welche Lösung passt, hängt von Angebot, Zielgruppe und technischer Umsetzung ab.

Für deine eigene Website

Aus einer Frage
wird ein guter Plan.

Unverbindlich sprechen