Mobile First ist keine Frage des Viewports

Über 60 % aller Web-Zugriffe kommen heute von Mobilgeräten. Trotzdem werden viele digitale Produkte noch immer primär für Desktop entworfen und dann für Mobile "angepasst" — mit entsprechend suboptimalen Ergebnissen.

Mobile First als Priorisierungs-Tool

Der eigentliche Wert von Mobile First liegt nicht in der Viewport-Größe, sondern in der Disziplin die es aufzwingt. Ein kleiner Bildschirm zwingt dich, Entscheidungen zu treffen: Was ist wirklich wichtig? Was kann weg? Welche Information braucht der Nutzer als Erstes?

Diese Fragen sind auf Desktop genauso relevant — aber es fällt leichter, sie auf Mobile zu beantworten, weil der Platz sie erzwingt. Designs die auf Mobile funktionieren, funktionieren fast immer auch auf Desktop. Andersrum ist das nicht der Fall.

Die Tücken der Touch-Interaktion

Klickbare Bereiche müssen mindestens 44×44 Punkte groß sein (Apple HIG) resp. 48×48 dp (Material Design). Das klingt nach einem technischen Detail — aber zu kleine Touch-Targets sind einer der häufigsten Usability-Fehler in mobilen Apps und Websites.

Dazu kommt: Der Daumen ist das primäre Eingabemittel auf Smartphones. Das bedeutet, wichtige Aktionen gehören in die Daumen-Zone — also den unteren Bildschirmbereich. Navigation, CTAs, primäre Aktionen: alle nach unten, nicht nach oben.

Performance ist UX

Auf mobilen Netzen zählt jedes Kilobyte. Eine Seite die auf Desktop in einer Sekunde lädt, braucht auf einem schwachen mobilen Netz vielleicht fünf. Google zeigt: Jede Sekunde Ladezeit kostet Conversion. Mobile First bedeutet deshalb auch, Performance von Anfang an mitzudenken — nicht als Nachbearbeitung.

Kontextuelles Design

Mobile Nutzer haben andere Kontexte als Desktop-Nutzer. Sie sind unterwegs, haben oft wenig Zeit, können abgelenkt werden. Tasks müssen kürzer und klarer sein. Inhalte müssen scannable sein. Und — besonders wichtig — Fehler müssen leichter rückgängig zu machen sein, weil Touch-Eingaben ungenauer sind als Mausklicks.