PRAXISANLEITUNG

Eine kleine Website auf Smartphones verbessern

Ein gutes mobiles Layout ist nicht nur schmaler: Es muss mit Touch, Tastatur und bei größeren Schriftgrößen verständlich bleiben.

Der Ablauf im Überblick

  1. Erst die wichtigsten Aufgaben zeigen
  2. Karten flexibel aufbauen
  3. Textgrößen und Kontrast kontrollieren
  4. Tastaturbedienung nicht vergessen

1. Erst die wichtigsten Aufgaben zeigen

Starte mit einer klaren Überschrift und einer eindeutigen Hauptaktion. Eine lange Liste von gleichwertigen Schaltflächen erschwert das Finden. Für kleine Menüs können wenige sichtbare Links besser sein als komplizierte Navigationen.

Dazu passendes Werkzeug öffnen →

2. Karten flexibel aufbauen

Nutze flexible Breiten und teste lange Überschriften. Drei Spalten auf einem großen Bildschirm können auf dem Telefon zu einer einzigen werden.

Dazu passendes Werkzeug öffnen →

3. Textgrößen und Kontrast kontrollieren

Prüfe Fließtext, Buttons und Hinweise bei 320 Pixeln und mit Browser-Zoom. Größere Schrift darf keine wichtigen Funktionen verdecken oder horizontales Scrollen erzwingen.

Dazu passendes Werkzeug öffnen →

4. Tastaturbedienung nicht vergessen

Klicke alle Funktionen einmal per Tabulator durch. Eine deutliche Fokusmarkierung und ein Sprunglink zum Inhalt helfen auch Menschen, die keine Maus benutzen.

Dazu passendes Werkzeug öffnen →

Werkzeuge für diesen Ablauf

← Alle Anleitungen