Mobile first: warum deine Website zuerst auf dem Smartphone funktionieren muss

Bei vielen Unternehmen entsteht die Website noch immer mit Blick zuerst auf den Computer: Die Homepage wird für einen breiten Bildschirm gestaltet, die Inhalte werden in Spalten organisiert, und erst am Ende macht man sich Gedanken darüber, wie sich das Ganze "an das Smartphone anpassen" wird.

Das Problem ist, dass diese Reihenfolge inzwischen umgekehrt ist zu der Art, wie Menschen das Internet tatsächlich nutzen. Bei den meisten Tessiner Unternehmen kommt der grösste Teil des Website-Traffics heute vom Smartphone. Noch immer "Desktop first" zu gestalten bedeutet, das Haupterlebnis für eine Minderheit der Besucherinnen und Besucher zu bauen.

Was "mobile first" wirklich bedeutet

Mobile first bedeutet nicht einfach, "eine responsive Website zu haben", also eine, die sich an verschiedene Bildschirmgrössen anpasst. Es ist ein anderer Gestaltungsansatz: Man beginnt damit, das Erlebnis für das Smartphone zu entwerfen, und passt es erst danach für grössere Bildschirme an und erweitert es.

Der Unterschied ist nicht nur technisch. Er verändert die Prioritäten:

• die wichtigsten Inhalte kommen nach oben, ohne von seitlichen Spalten abhängig zu sein, die auf dem Mobiltelefon verschwinden oder sich unten anhäufen;
• Buttons und Links sind dafür gedacht, mit einem Finger berührt zu werden, nicht mit der Präzision einer Maus angeklickt zu werden;
• Texte werden für Leserinnen und Leser geschrieben, die in Bewegung sind, mit weniger Zeit und Aufmerksamkeit als jemand, der vom Büro-Computer aus surft;
• jedes überflüssige Element wird entfernt, denn der Platz auf einem kleinen Bildschirm ist begrenzt und muss mit Bedacht genutzt werden.

Eine Website, die zuerst für den Computer entworfen und dann für das Telefon "komprimiert" wird, bringt fast immer Kompromisse mit sich, die man bemerkt: überfüllte Menüs, Texte, die lang bleiben, auch wo sie zusammengefasst werden sollten, Elemente, die sich auf kleinen Bildschirmen überlappen oder schwer zu bedienen werden.

Warum das im Tessin noch mehr wiegt

Tessiner Unternehmen arbeiten oft mit Kundinnen und Kunden, die Lösungen "jetzt sofort" suchen: eine Handwerkerin, die dringend kontaktiert werden muss, ein Geschäft, bei dem man schnell Öffnungszeiten und Produkte verstehen will, eine Fachperson, die man vor einem Termin konsultiert. Diese Art der Suche erfolgt fast immer vom Smartphone aus, oft in Bewegung.

Wenn die Website in diesem Moment langsam lädt, schwer zu lesen ist oder man den Bildschirm vergrössern muss, um eine Telefonnummer zu finden, wartet die Kundin oder der Kunde nicht: Sie kehren zu den Google-Ergebnissen zurück und probieren die nächste Konkurrenz aus.

Wir haben das auch im Artikel ist deine Website eine Verkäuferin oder eine nutzlose Kostenstelle? angesprochen, wo eine der zitierten Studien zeigt, dass mehr als die Hälfte der Besucherinnen und Besucher vom Smartphone eine Website verlassen, die mehr als 3 Sekunden zum Laden braucht.

Die häufigsten Fehler bei Websites, die sich mobile first nennen

Viele Websites bezeichnen sich als "responsive", zeigen aber im Alltag noch typische Probleme eines Ansatzes, der zuerst für den Computer gedacht wurde:

Text zu klein oder zu dicht. Auf einem Monitor lesbar, auf einem Display von wenigen Zentimetern mühsam zu lesen.

Komplexe Navigationsmenüs. Mehrstufige Strukturen, die mit einer Maus gut funktionieren, aber mit dem Finger unbequem zu erkunden sind.

Lange Kontaktformulare. Felder, die einzeln auf einer Touch-Tastatur ausgefüllt werden müssen, oft mit unklaren Validierungen bei Fehlern.

Zu schwere Bilder. Für die Qualität auf grossen Bildschirmen gedacht, verlangsamen sie das Laden auf langsameren mobilen Verbindungen.

Buttons zu nahe beieinander. Leicht aus Versehen gedrückt, was beim Navigieren zu Frustration führt.

Wenn sich diese Probleme beim Checkout eines Online-Shops summieren, verstärkt sich der Effekt noch zusätzlich: Darüber sprechen wir ausführlich im Artikel zu komplizierter Checkout: wie viele Kundinnen und Kunden kannst du verlieren?

Mobile first bedeutet nicht, auf den Desktop zu verzichten

Ein verbreitetes Missverständnis ist zu denken, dass mobile first zu gestalten bedeutet, das Computer-Erlebnis zu vernachlässigen. Es ist das Gegenteil: Ausgehend von einer soliden und vereinfachten Basis für das Smartphone wird es natürlicher, das Erlebnis auf grösseren Bildschirmen anzureichern, indem Platz, Details und ausgefeiltere Layouts hinzugefügt werden, wo der Platz es erlaubt.

Die Reihenfolge ist wichtig, weil es einfacher ist, Elemente zu einem einfachen, funktionierenden Design hinzuzufügen, als Elemente aus einem komplexen Design zu entfernen, das für einen grossen Bildschirm gedacht war und nun auf einen kleinen passen soll.

Wie erkennst du, ob deine Website für Mobile gedacht ist

Ein paar einfache Prüfungen helfen, sich ein konkretes Bild zu machen:

1. Öffne die Website vom Smartphone aus und versuche, die wichtigste Aktion auszuführen, die du von einer Kundin oder einem Kunden erwarten würdest (dich kontaktieren, kaufen, eine Offerte anfragen), ohne zu zoomen.
2. Prüfe, ob das Laden auch bei einer nicht optimalen Mobilverbindung schnell geht.
3. Überprüfe, ob die wichtigsten Kontaktdaten ohne zu viel Scrollen sichtbar sind.
4. Versuche, ein Kontaktformular vom Telefon aus auszufüllen, und beurteile, wie angenehm das ist.

Wenn du bei einer dieser Prüfungen Reibung oder Mühe feststellst, ist es wahrscheinlich, dass die Website hauptsächlich für den Computer gedacht wurde, auch wenn sie sich visuell an das Smartphone anzupassen scheint.

Für eine strukturiertere Analyse der Nutzererfahrung, auch über den mobilen Aspekt hinaus, kann der Artikel UX/UI-Audit: verstehen, ob deine Website wirklich eine gute Erfahrung bietet nützlich sein.

Die richtige technische Basis von Anfang an

Eine wirklich flüssige mobile Erfahrung hängt auch von technischen Entscheidungen ab, die vorab getroffen werden: leistungsfähiges Hosting, optimierte Bilder, schlanker Code. Das sind Aspekte, um die wir uns direkt mit unserem Service für Websites kümmern, der für eine schnelle und zuverlässige Website auf jedem Gerät gedacht ist, auch auf solchen, die niemand für die Tests benutzt hat.

Kontaktiere uns

Wenn du nicht sicher bist, ob deine Website wirklich eine gute Erfahrung vom Smartphone aus bietet, ist der einfachste Weg, es herauszufinden, sie von jemandem prüfen zu lassen, der sie jeden Tag mit technischem Blick betrachtet.

Kontaktiere uns: Wir beurteilen gemeinsam, wie sich deine Website auf Mobile verhält und was sich als Erstes zu verbessern lohnt.