Mobile First ist seit Jahren Pflichtbestandteil jedes Webdesign-Briefings. Aber was genau bedeutet es in der Umsetzung? Hier liegt das eigentliche Problem.
Responsive ist nicht dasselbe wie Mobile First
Viele Agenturen bauen Desktop-Layouts und skalieren sie herunter. Das ist technisch responsiv, aber konzeptionell das Gegenteil von Mobile First. Google unterscheidet das bei der Indexierung und bestraft es im Ranking.
Search Console-Daten zeigen regelmasig, dass Seiten mit nachtraglich angepassten Mobile-Layouts 40 bis 60 Millisekunden langsamere First-Input-Delay-Werte aufweisen als solche, die wirklich mobil gedacht wurden.
Wo der Denkfehler entsteht
Mobile First bedeutet: Inhalte priorisieren, bevor Layouts gebaut werden. Welche Information braucht jemand auf einem Telefon als erstes? Diese Frage wird selten gestellt.
Stattdessen werden Desktop-Navigationen in Hamburger-Menus umgewandelt und Tabellen per CSS versteckt. Nutzer auf Mobilgeraten laden dabei trotzdem die vollen Ressourcen.
Was Messwerte zur Conversion sagen
Seiten, deren Informationsarchitektur mobil konzipiert wurde, zeigen laut Untersuchungen von Think with Google eine um 23 Prozentpunkte niedrigere Absprungrate auf Smartphones als vergleichbare responsiv-umgebaute Seiten.
Mobile First ist kein CSS-Breakpoint. Es ist eine Entscheidung daruber, was wichtig ist, bevor irgendein Layout existiert.
Wer das ernst nimmt, beginnt Webprojekte mit einem leeren Mobilscreen, nicht mit einer Figma-Datei im 1440px-Format.