Visuelles System

09 · Grundsatz

Mobile Layouts

Kleine Bildschirme erhalten dieselbe Information in einer klaren Reihenfolge.

Leitlinie

Was damit gemeint ist.

Mehrspaltige Bereiche werden sinnvoll gestapelt, Bedienelemente bleiben berührbar und Text wird nicht abgeschnitten. Die Reihenfolge folgt der Aufgabe, nicht der Desktop-Geometrie.

Praxisbeispiel

Vier Werkzeugfelder erscheinen mobil untereinander; Ergebnis und Druckaktion folgen erst nach allen Fragen.

Vier Fragen vor dem nächsten Schritt

  • Ist alles ohne horizontales Scrollen nutzbar?
  • Sind Ziele ausreichend groß?
  • Bleibt die Reihenfolge logisch?
  • Werden Texte vollständig angezeigt?