Mobile Website prüfen: Fünf Aufgaben statt nur ein kleiner Bildschirm
Menü, Inhalte, Formulare und lange Texte am Smartphone prüfen: Eine praktische Abfolge für den nächsten Website-Review.
Eine Website kann auf einem Smartphone vollständig erscheinen und trotzdem umständlich zu bedienen sein. Der Kontaktlink ist vorhanden, liegt aber hinter einem schwer verständlichen Menü. Eine Tabelle passt ins Layout, ihre Angaben sind jedoch kaum noch lesbar. Ein guter mobiler Review prüft deshalb konkrete Aufgaben und hält fest, an welcher Stelle Menschen ins Stocken geraten.
1. Ein Angebot vom Einstieg aus finden
Öffnen Sie Ihre Startseite auf einem echten Smartphone. Suchen Sie eine bestimmte Leistung, ohne die Adresse der Unterseite direkt einzugeben. Ist der Zugang zum Menü erkennbar? Verstehen Sie die Bezeichnungen? Lässt sich das Menü nach einer falschen Auswahl wieder schließen? Prüfen Sie zusätzlich einen direkten Einstieg auf einer Unterseite, denn dort fehlt der Überblick der Homepage.
2. Einen längeren Text tatsächlich lesen
Lesen Sie einen ganzen Abschnitt, nicht nur die erste Überschrift. Achten Sie auf Zeilenlänge, Abstände, Listen und hervorgehobene Begriffe. Vergrößern Sie Text beziehungsweise Darstellung mit den verfügbaren Browserfunktionen. Werden Inhalte dabei abgeschnitten oder überlagert? Notieren Sie das konkrete Element und die verwendete Ansicht, damit sich der Befund später nachvollziehen lässt.
Besonders aufschlussreich sind die schwierigen Inhalte: eine lange Überschrift, ein zusammengesetzter Begriff, mehrere Schaltflächen nebeneinander oder eine Bildunterschrift. Ein Muster mit kurzen Platzhaltertexten zeigt diese Fälle nicht.
3. Einen Kontaktweg vorbereiten
Öffnen Sie das Kontaktformular und prüfen Sie die Beschriftungen, Pflichtfeldhinweise und Reihenfolge. Beim Antippen erscheint die Bildschirmtastatur: Bleibt das aktive Feld sichtbar? Kommen Sie sinnvoll zum nächsten Feld? Nutzen Sie für diesen Review eine Testumgebung und abgestimmte Testdaten; eine echte Anfrage ist dafür nicht erforderlich.
4. Bilder und zusätzliche Inhalte verstehen
Prüfen Sie, ob wichtige Bilddetails durch den mobilen Zuschnitt verloren gehen. Ist Text Teil einer Grafik, muss er auch im kleinen Format lesbar bleiben oder als normaler Text verfügbar sein. Aufklappbare Antworten sollten einen verständlichen Titel haben und nach dem Öffnen keine benachbarten Inhalte verdecken. Beobachten Sie auch feste Kopfzeilen und Kontaktleisten: Sie dürfen die eigentliche Aufgabe nicht überlagern.
5. Den nächsten Schritt erreichen
Gehen Sie ans Ende einer Leistungsseite. Ist klar, welche Handlung folgt und wohin der zugehörige Link führt? Ein auffälliger Knopf hilft wenig, wenn „Weiter“ seine Bedeutung erst nach dem Anklicken verrät. Prüfen Sie denselben Weg zusätzlich im Querformat und in einer schmalen Browseransicht.
Fassen Sie den Review als Liste konkreter Beobachtungen zusammen: Seite, Aufgabe, Gerät oder Breite, Problem und gewünschtes Verhalten. So wird aus „mobil wirkt es komisch“ ein bearbeitbarer Befund. Eine Browser-Vorschau am Rechner ergänzt den Test auf dem Gerät, ersetzt aber nicht alle Erfahrungen mit Touchbedienung und Bildschirmtastatur.
Zum Ausprobieren
Nehmen Sie eine wichtige Leistungsseite und versuchen Sie am Smartphone, Angebot, Voraussetzungen und Kontaktweg zu finden. Schreiben Sie den ersten Moment auf, in dem Sie suchen müssen.
Einen möglichen Ansatz ansehen
Wenn die Voraussetzungen erst hinter „Mehr“ sichtbar werden, könnte eine genauere Beschriftung wie „Was wir für den Projektstart benötigen“ helfen. Prüfen Sie anschließend denselben Weg erneut. Verändern Sie zunächst die konkrete Hürde, damit die Wirkung der Änderung nachvollziehbar bleibt.
Weiterlesen: Klare Wege in der Website-Navigation.