Mobile First

Was bedeutet Mobile First?

Mobile First ist ein Design- und Entwicklungsprinzip: Man beginnt den Entwurf einer Website für das kleinste Endgerät (Smartphone) und erweitert das Design dann schrittweise für größere Bildschirme.

Warum dieser Ansatz?

Das klassische Vorgehen war umgekehrt: Desktop-Design zuerst, dann auf Mobilgeräte „herunterbrechen". Das führt oft zu schlechten mobilen Erlebnissen, weil man versucht, zu viele Desktop-Elemente auf wenig Platz zu quetschen.

Mobile First zwingt dazu, das Wesentliche zu priorisieren – was der Qualität aller Versionen zugute kommt.

Mobile First bei Google

Seit 2019 nutzt Google das Mobile-First Indexing: Der Googlebot crawlt und bewertet Websites primär in der Mobilversion. Eine Seite, die auf dem Desktop perfekt aussieht, aber mobil schlecht performt, wird im Ranking abgestraft.

Praktische Konsequenzen

• Texte und Buttons müssen auf kleinen Screens gut lesbar und tippbar sein (mind. 16px Schrift, 44px Tap-Target)
• Bilder sollten lazy-geladen und komprimiert sein
• Keine horizontal scrollenden Elemente
• Formulare sind einfach ausfüllbar mit Touchscreen