Eine schmale Vorschau im Editor zeigt nur einen Teil der mobilen Erfahrung. Auf einem Telefon kommen Berührung, Bildschirmtastatur, wechselnde Verbindungen und der sichtbare Browserbereich hinzu. Gehe deshalb vor dem Start die wichtigsten Wege tatsächlich auf einem Gerät durch. Das Ziel ist ein nutzbarer Auftritt: Besucher können Inhalte verstehen, navigieren und den vorgesehenen nächsten Schritt erreichen.

Wähle repräsentative Besucherwege

Notiere drei Aufgaben, die zur Website passen. Für eine Firmenwebsite könnte das Leistung finden, Einsatzgebiet prüfen und Kontakt aufnehmen sein. Ein Portfolio braucht den Weg zu einer konkreten Arbeit und zur Anfrage. Ein Contentprojekt sollte die Themenübersicht, einen langen Ratgeber und seine ergänzenden Links einbeziehen. Prüfe diese Wege mit fertigen Inhalten.

Teste mindestens eine anspruchsvolle Detailseite. Ein langer Titel, eine Tabelle und mehrere Bilder zeigen Probleme, die eine kurze Startseite nicht aufdeckt. Ergänze außerdem die längsten Menüpunkte und tatsächliche Fehlermeldungen vorhandener Formulare. Nutze den Inhaltsplan, um geeignete Beispiele auszuwählen.

Beginne mit Lesbarkeit und Seitenbreite

Öffne die Seite in der normalen Hochformatansicht. Bleiben Text und Überschriften vollständig sichtbar? Ist die Schrift ohne ständiges Vergrößern lesbar? Achte auf seitliche Verschiebung der gesamten Seite. Eine breite Tabelle kann einen eigenen horizontalen Bereich benötigen; der normale Fließtext sollte dadurch nicht über den Bildschirm hinausragen.

Ein kleiner mobiler Prüfablauf
Bereich Konkrete Prüfung
Text Lange Überschrift und mehrere Absätze lesen
Navigation Menü öffnen, Ziel wählen und zurückkehren
Medien Bildausschnitt und Beschriftung betrachten
Handlung Kontakt oder vorhandenes Formular benutzen

Wechsle zusätzlich ins Querformat und vergrößere den Inhalt. Dabei muss nicht jede Darstellung identisch bleiben. Wichtig ist, dass der Inhalt erreichbar bleibt und Bedienelemente nicht übereinander liegen. Eine feste Kopfzeile sollte möglichst wenig Leseraum beanspruchen und weder Meldungen noch Sprungziele verdecken.

Prüfe mit dem Finger

Tippe die wichtigsten Links und Schaltflächen mit normaler Handhaltung an. Wenn benachbarte Ziele häufig versehentlich getroffen werden, braucht das Layout mehr Abstand oder eine klarere Anordnung. Ein Menü muss sich ohne präzise Mausbewegung benutzen lassen. Prüfe auch, ob ein eingeblendeter Bereich wieder geschlossen werden kann und der Inhalt danach normal weiterläuft.

Falls ein Formular existiert, fülle es mit der eingeblendeten Bildschirmtastatur aus. Sind die Feldbezeichnungen weiterhin sichtbar? Erklären Fehlermeldungen den nächsten Schritt? Bleibt die Absenden-Schaltfläche erreichbar? Prüfe eine echte Zustellung gesondert. Eine visuell erfolgreiche Eingabe beweist noch nicht, dass deine Anfrage bei der richtigen Person angekommen ist.

Beobachte den Seitenaufbau

Öffne die Seite erneut, ohne dich auf bereits gespeicherte Daten zu verlassen. Achte darauf, ob Text oder Buttons beim Nachladen unerwartet verrutschen. Bilder müssen ihre Aussage auch im mobilen Ausschnitt behalten. Der Ratgeber zur Bildvorbereitung beschreibt passende Varianten und Ladeverhalten. Bei auffälligen Wartezeiten folgt eine gezielte Performanceprüfung.

  • Die Hauptaufgabe funktioniert ohne genaue Zielsuche.
  • Texte und Bilder bleiben vollständig verständlich.
  • Die gesamte Seite verschiebt sich nicht unnötig seitlich.
  • Navigation und Formulare bleiben mit Berührung nutzbar.

Bitte eine weitere Person, denselben Weg auf ihrem Gerät zu benutzen. Erkläre vorher die Aufgabe, aber nicht die geplanten Klicks. Frage nach dem Versuch, wo Unsicherheit entstand. Wenn sie einen anderen Weg findet und trotzdem das richtige Ziel erreicht, ist das eine wertvolle Beobachtung. Wenn sie Informationen übersieht, prüfe zunächst Bezeichnung und Reihenfolge. Unterschiedliche Geräte können ergänzend Probleme aufdecken; dokumentiere trotzdem nur den tatsächlich ausgeführten Prüfumfang und leite keine pauschale Gerätegarantie daraus ab.

Halte Beobachtungen so fest, dass sie lösbar sind

Notiere Gerät, Browser, betroffene Adresse und die genaue Handlung. „Mobil kaputt“ ist schwer zu bearbeiten. „Der lange Menütitel überdeckt bei geöffneter Navigation den Kontaktlink“ beschreibt dagegen ein konkretes Problem. Ein Screenshot ergänzt diese Information, ersetzt aber nicht die Schritte, mit denen sich das Verhalten wiederholen lässt.

Priorisiere zuerst Fehler, die Inhalte oder Handlungen verhindern. Danach folgen Lesbarkeit und gestalterische Details. Prüfe nach einer Änderung denselben Weg erneut. Ergänze eine Prüfung der Tastaturbedienung und Zugänglichkeit; mobile Bedienbarkeit allein deckt diese Anforderungen nicht ab. Im Launchcheck hältst du anschließend fest, welche Strecken tatsächlich geprüft wurden.

Quellen und Einordnung

Offizielle Quellen, geprüft am 7. Oktober 2026. Technische Anleitungen und Anbieterangaben sind von redaktionellen Beispielen getrennt.