Lesbare Texte, erreichbare Bedienelemente, verständliche Menüs und funktionierende Formulare zählen gemeinsam. Eine Website kann in die Bildschirmbreite passen und trotzdem auf einem Telefon schwer nutzbar sein. Füllen Sie das Formular auf einem schmalen Telefon ohne seitliches Scrollen aus. Desktopbilder belegen keine mobile Bedienbarkeit.
Mehr prüfen als das Vermeiden eines horizontalen Balkens
Eine Website kann in die Bildschirmbreite passen und trotzdem auf einem Telefon schwer nutzbar sein. Sehr kleine Schrift, dicht liegende Schaltflächen oder ein Formular hinter einem festen Banner sind typische Beispiele. Mobile Eignung beschreibt deshalb die tatsächliche Bedienung, nicht nur ein verkleinertes Layout. Prüfen Sie echte Aufgaben mit normalen Texten und Bildern.
Beginnen Sie mit dem ersten Bildschirm. Ist klar, was das Unternehmen anbietet? Bleiben Preis und wichtige Handlung lesbar? Ein langer deutscher Titel darf nicht durch starre Höhen abgeschnitten werden. Bilder sollten ihren Inhalt auch im schmalen Zuschnitt behalten. Ein dekoratives Element darf die wesentliche Erklärung nicht verdrängen.
Berücksichtigen Sie unterschiedliche Breiten, nicht nur ein einziges Telefonmodell. Ein Layout kann bei einer Breite gut aussehen und wenige Pixel daneben eine ungeschickte Zeile erzeugen. Auch vergrößerte Schrift und ein gedrehtes Gerät können andere Probleme sichtbar machen. Die Gestaltung sollte flexibel reagieren statt nur auf eine ideale Bildschirmaufnahme optimiert sein.
Menü und Formulare als wirkliche Aufgaben testen
Öffnen und schließen Sie das Menü mit Berührung und Tastatur. Die aktuelle Position und der Fokus sollten nachvollziehbar bleiben. Wenn das Menü geschlossen wird, darf die Bedienung nicht an einer unsichtbaren Stelle hängen. Informationen, die nur beim Überfahren mit einer Maus erscheinen, brauchen eine nutzbare Alternative für Berührung.
Füllen Sie anschließend ein Formular aus. Prüfen Sie Feldbeschriftungen, passende Eingabehilfen und verständliche Fehlermeldungen. Bei einer fehlenden E-Mail sollte erkennbar sein, welches Feld gemeint ist. Ein Fehler darf nicht die ganze Seite unerwartet verbreitern oder bereits eingegebenen Text löschen. Telefon und Internetadresse sollten nur dann Pflicht sein, wenn der tatsächliche Ablauf sie benötigt.
Beachten Sie die Bildschirmtastatur. Sie verkleinert den sichtbaren Bereich und kann feststehende Elemente problematisch machen. Eine dauerhaft sichtbare Handlungsleiste sollte kein aktives Feld oder den Sendeknopf verdecken. Der Besucher muss den Vorgang ohne präzises Zoomen oder komplizierte Umwege abschließen können.
Bilder, Bewegung und Sprache gemeinsam betrachten
Große Bilder können auf mobilen Verbindungen unnötig teuer sein. Passende Bildgrößen und reservierte Abmessungen helfen, Inhalt früh lesbar und das Layout stabil zu halten. Prüfen Sie die tatsächliche Qualität, statt jedes Original in voller Auflösung zu übertragen. Der sichtbare Nutzen bestimmt die sinnvolle Dateigröße.
Bewegung sollte Informationen unterstützen und eine reduzierte Bewegungspräferenz respektieren. Grundlegender Inhalt darf nicht unsichtbar bleiben, bis eine Animation erfolgreich startet. Sprachvarianten verdienen eigene Stichproben: lange deutsche Beschriftungen, arabische Leserichtung und unterschiedliche Schriftsysteme können verschiedene Layoutgrenzen zeigen.
Dokumentieren Sie schließlich die geprüften Aufgaben und Bildschirmbreiten. Eine Bildschirmaufnahme allein beweist nicht, dass Menü und Formular funktionieren. Umgekehrt kann ein automatischer Linktest keine abgeschnittene Preiszeile erkennen. Die Kombination aus tatsächlicher Bedienung, visueller Prüfung und passenden technischen Kontrollen ergibt eine nachvollziehbare mobile Abnahme. Sie beschreibt das geprüfte Ergebnis, ohne Fehlerfreiheit auf jedem denkbaren Gerät zu behaupten.
Praktische Prüfliste
- Navigation ausprobieren
- Fehler auslösen
- Zoom prüfen
Ein konkretes Beispiel: Füllen Sie das Formular auf einem schmalen Telefon ohne seitliches Scrollen aus.
Eine wichtige Grenze: Desktopbilder belegen keine mobile Bedienbarkeit.
Der nächste Schritt
Beschreiben Sie Orvunweb Ihr Projekt
