Wo deine Kunden wirklich sind
Mach den Test: Geh in dein Google Analytics. Schau auf "Geräte". Du wirst sehen, was 99% aller Unternehmer überrascht — und 100% verändern sollten: Die Mehrheit deiner Besucher kommt vom Handy. Bei vielen sind es 70%. Bei einigen über 80%.
Trotzdem öffnest du deine eigene Website am liebsten am 27-Zoll-Monitor. Trotzdem zeigt dir dein Webdesigner Mockups in 1920×1080. Trotzdem testest du Änderungen am Desktop. Du designst für die Minderheit. Du verlierst die Mehrheit.
Die Daumen-Realität
Wenn jemand dein Handy in die Hand nimmt, hält er es in einer Hand und tippt mit dem Daumen. Der Daumen erreicht nur einen bestimmten Bereich bequem — den Rest muss der Nutzer umgreifen oder die zweite Hand benutzen. Das passiert nicht. Stattdessen: Frust. Tab zu.
Die untere Bildschirmhälfte ist die Daumen-Zone — bequem, schnell, intuitiv. Die obere ist die Frust-Zone — anstrengend, langsam, oft mit beiden Händen. Wer sein Hauptmenü und seine wichtigsten CTAs oben platziert, sabotiert sich selbst.
Mobile First vs. Mobile Only
"Mobile First" war der Standard-Begriff der letzten 10 Jahre. Bedeutung: Du baust zuerst die Mobile-Version, dann passt du sie für Desktop an. Klingt richtig. Ist nicht mehr genug.
2026 reicht "Mobile First" nicht. Du brauchst Mobile Only-Denken: Du planst, designst, testest und entscheidest komplett am Handy. Erst danach denkst du, ob es eine Desktop-Version überhaupt braucht.
Mobile First
- Desktop-Mockup zuerst, Mobile danach
- Hauptbudget für Desktop-Animationen
- Mobile als "muss halt funktionieren"
- Test nur kurz auf Handy
- Hauptmenü oben, hover-basierte UX
Mobile Only
- Mobile zuerst — und nur Mobile
- 80% Test- und Design-Zeit am Handy
- Mobile ist die Hauptversion
- Tägliches Live-Testen am Smartphone
- Bottom-Nav, Touch-First, große Tap-Targets
Die 5 typischen Mobile-Sünden
Hier sind die Fehler, die ich in 90% aller Mobile-Audits sehe. Sie sehen klein aus. Sie kosten richtig Geld.
Buttons, die ein Daumen nicht trifft
Apple empfiehlt seit 2010: Klickflächen mindestens 44×44 Pixel. Google: 48×48dp. In der Realität siehst du Buttons mit 28 Pixel Höhe — und Designer wundern sich, warum die Conversion einbricht. Der Daumen ist 16-20mm breit. Kleinere Targets = Frust.
Text, den niemand ohne Zoomen liest
Fließtext unter 16 Pixel auf Mobile? Pflicht-Zoom für deine Besucher. Pflicht-Zoom = Frust = Bounce. Headlines sind oft zu groß (überschreiten den Viewport), Body-Text zu klein. Beides schlecht.
Banner, die 80% des Bildschirms fressen
DSGVO ist Pflicht — ein Cookie-Banner aber nicht in dieser Form. Wenn der Banner auf Mobile fast den gesamten Viewport blockiert, sieht der Besucher nicht mal deine Website. Er schließt den Tab. Vor dem ersten Eindruck. Kein Eindruck = keine Conversion.
Formulare, die niemand ausfüllt
12 Felder auf Mobile? Tippen mit dem Daumen? Vergiss es. Conversion-Rate von Mobile-Formularen ist im Schnitt 50% niedriger als auf Desktop — fast immer wegen falschem Aufbau. Die Tastatur frisst den Bildschirm, das nächste Feld ist nicht sichtbar, der Submit-Button verschwindet.
Effekte, die am Handy nicht funktionieren
Schöne Hover-Animationen am Desktop? Glückwunsch. Auf Mobile gibt es keinen Hover. Wenn Inhalte erst beim Hover sichtbar werden, sieht sie der Mobile-User nie. Wenn Menüs auf Hover öffnen, bleibt das Menü zu. Hover-First-Design ist Desktop-First-Denken.
Der Mobile-Audit in 5 Minuten
Du willst wissen, wie schlimm es wirklich ist? Hier ist der ehrliche Test, den du in 5 Minuten selbst machen kannst:
- Schritt 1 — Daumen-Test: Halte dein Handy in einer Hand. Versuche jeden Button auf der Startseite mit dem Daumen zu erreichen. Geht das? Ohne Umgreifen? Wenn nein — Sünde 01.
- Schritt 2 — Lese-Test: Halte das Handy bei normaler Sehdistanz (30-40cm). Kannst du den Body-Text ohne Schielen lesen? Wenn nein — Sünde 02.
- Schritt 3 — Cookie-Test: Öffne die Seite im Inkognito-Modus. Wieviel Bildschirm bleibt nach dem Cookie-Banner? Unter 50% = Problem.
- Schritt 4 — Form-Test: Fülle dein Kontaktformular am Handy aus. Springt die Tastatur korrekt? Sind alle Felder sichtbar? Findest du den Submit-Button? Wenn nein — Sünde 04.
- Schritt 5 — Speed-Test: PageSpeed Insights öffnen. URL eingeben. Mobile-Score unter 90 = Geld liegt auf der Straße.
Was du diese Woche tun kannst
Vier konkrete Schritte. Heute beginnen. In einer Woche messbare Effekte:
- Schau in deine Analytics-Daten und finde heraus: Wieviel Prozent kommen wirklich vom Handy? Wie ist die Bounce-Rate Mobile vs. Desktop? Wie ist die Conversion-Rate Mobile vs. Desktop? Diese drei Zahlen sind dein Startpunkt.
- Messe alle Tap-Targets: Mit den Browser-Dev-Tools (F12 → Mobile-Ansicht) jedes interaktive Element. Alles unter 48px → vergrößern.
- Beweise dir selbst die Daumen-Zone: Fünf Tage lang nutzt du dein Smartphone wie immer. Beobachte, wo dein Daumen tippt. Du wirst sehen: Es ist immer der untere Bereich. Bringe deine wichtigsten Buttons dahin.
- Mache einen tatsächlichen Mobile-Test mit drei Personen: Nicht "wie sieht's aus?", sondern: "Geh auf meine Website. Such X. Mach Y." Beobachte. Schreibe auf, wo es klemmt.
Die unbequeme Wahrheit
Die meisten Webdesigner verkaufen dir "responsive Design". Das ist nicht das Gleiche wie Mobile-Optimierung. Responsive bedeutet nur: Es bricht nicht. Mobile-optimiert bedeutet: Es funktioniert auf dem Handy besser als am Desktop. Das ist ein gewaltiger Unterschied — und der Unterschied zwischen 0,8% und 3% Conversion-Rate.
Solange du Mobile als zweitwichtigste Version behandelst, verlierst du täglich Kunden. Nicht ein paar. Viele. Vielleicht die meisten. Es ist 2026. Das Handy ist nicht mehr "auch wichtig". Es ist der Hauptkanal. Behandle es so.