Google’s Empfehlungen für gutes mobiles Webdesign

Call-to-Actions Wichtigste Call-to-Actions immer prominent im Body auf der Startseite platzieren.

Seitenmenu Haupt-Seitenmenu kurz halten und nur wichtigste Menupunkte aufnehmen.

Startseitenlink Logo im Header seitenweit einbinden und intern zur Startseite verlinken.

Werbung Werbebanner und Promotion-Elemente inhaltlich vom Haupt-Content trennen.

Interne Suche Suchfeld auf mobilen Websites stets prominent am Seitenkopf platzieren.

Smart-Search-Features Autocomplete und Autocorrections für die interne Suche verwenden.

Suchfilter Interne Suche durch Filter erweitern.

Registrierungshürde Keine initiale Registrierung von mobilen Nutzern fordern.

Guest-Checkout Bestellprozess / Kaufprozess ohne Registrierung ermöglichen

third-party checkout services third-party payment services für den Checkout anbieten.

Click-to-Call Telefonischen Support via Click-to-Call Buttons für komplexere Aufgaben anbieten.

Geräteunabhängige Konvertierung Verlauf im Conversion-Prozess ohne Verlust auf andere Devices übertragen lassen.

Tastaturlayout / Input types Input types für Tastaturlayouts auf Smartphones definieren.

Formular-Eingabetypen Dropdown-Menus und Radio-Buttons je nach Auswahloptionen abwägen.

Kalenderdaten Zur Eingabe von Kalenderdaten visuellen Kalender anbieten.

Formular-Label Aussagekräftige Label definieren und Echtzeitvalidierung implementieren.

Pinch-to-Zoom Zoomgesten unterbinden, Call-to-Actions ohne manuelle Skalierung erkennen lassen

Produktfotos Zoombare, hochauflösende Produkt-Bilder in Webshops anbieten.

Geräteausrichtung Empfehlung hinsichtlich der optimalen Geräteausrichtung geben / darstellen.

Browserfenster Mobile Website darf niemals das Fenster verlassen / neues Fenster öffnen.

Desktop Website Niemals „Full-Site“ verlinken sondern als Ankertext „Desktop…“ verwenden.

Standortdaten Nutzer informieren, wofür Geodaten bezogen werden und welche Vorteile sie bieten.