Über 70% aller Website-Besuche kommen vom Smartphone. Bei lokalen Dienstleistern sind es über 80%. Trotzdem werden die meisten Websites am Desktop designed.
Was Mobile First bedeutet
Nicht "die Desktop-Version kleiner machen". Sondern: zuerst für das Handy designen, dann erweitern. Am Handy hast du weniger Platz, also konzentrierst du dich auf das Wesentliche.
Die häufigsten Fehler
Text zu klein: Mindestens 16px für den Fließtext. Wenn jemand zoomen muss, hast du verloren.
Buttons zu nah beieinander: Finger sind dicker als Mauszeiger. Mindestens 48x48 Pixel für Touch-Elemente.
Horizontales Scrollen: Bilder und Tabellen sind meistens schuld. Darf nicht passieren.
Pop-ups: Nichts ist nerviger als ein Pop-up, das alles verdeckt. Google bestraft das sogar im Ranking.
So testest du es
Nimm dein Handy und öffne deine Website. Wirklich auf dem Handy, nicht den Responsive-Modus im Browser. Kannst du alles lesen? Alle Buttons treffen? Dann passt's.