Quälgeist Nummer 1: Don’t Shrink the Screen, Focus on the Tasks

Versuchen Sie sich bei der Gestaltung Ihrer mobilen Webseite immer in Ihre User hineinzuversetzen: Haben sie die gleichen Bedürfnisse wie Homepagebesucher, die mit dem Laptop Ihre Website besuchen? Mit Sicherheit nicht! Denn mit dem Smartphone wird häufig unterwegs gesurft, das Gesuchte muss schnell zu finden sein. Konzentrieren Sie sich also bei der Konzeption Ihres mobilen Auftritts auf das Wesentliche! Bei der Gestaltung gilt: Kontext ist King. Gestalten Sie den Zugang zu Kerninformationen so einfach wie möglich. Machen Sie beispielsweise Ihrer Adresse oder Telefonnummer, die Übersicht Ihrer Dienstleistungen oder auch den Kauf Ihres Produktes schnell zugänglich.

Quälgeist Nummer 2: Machen Sie es kurz und knackig

 Zu viel Text ist auf Ihrer mobilen Website ein wahrer Conversion-Killer! Nicht nur die Anordnung der Inhalte sollte auf den Smartphone User zugeschnitten werden, reduzieren Sie auch die Textmenge auf das Nötigste. Homepagebesucher lesen sich nämlich im Schnitt nur 20 Prozent des vorhandenen Textes durch, die restlichen Inhalte werden nur noch überflogen oder „geskimmt“. Der UX-Experte Jakob Nielsen fand heraus, dass mobilen Nutzern die Texterfassung doppelt so schwer fällt wie einem Desktop User. Grund hierfür sind die kleinen Bildschirme, aber auch die Situation, in der mobile Inhalte konsumiert werden: Da das Smartphone auch häufig unterwegs genutzt wird, sind mobile Surfer nicht so aufnahmefähig wie jemand, der in ruhiger Arbeitsumgebung auf einem Desktopcomputer Ihre Website besucht.

Quälgeist Nummer 3: Nicht lange warten lassen – optimieren Sie Ihre Ladezeiten

 Mobile Nutzer sind ungeduldig – einige Gründe gehen bereits aus den ersten beiden Facts hervor. Wenn die Inhalte Ihrer Homepage nicht innerhalb von drei Sekunden geladen sind, springen laut einer Analyse 40 Prozent der potentiellen Besucher wieder ab. Nutzen Sie Tools wie die PageSpeed Insights von Google, um die Fehlerquellen Ihrer Homepage zu identifizieren. Häufig sind Bilddateien nicht für eine schnelle Ladezeit optimiert, aber auch JavaScripts, CSS-Dateien oder der HTML-Code können eine Rolle spielen.

Quälgeist Nummer 4: Immer eine Daumenbreite Abstand – schaffen Sie Platz zwischen klickbaren Flächen

 Nichts ist für den mobilen Besucher Ihrer Website nerviger als kleine oder zu nah beieinander liegende Bedienelemente. Egal ob Button, hinterlegte Links oder Menüs: Gestalten Sie die mobile Seite so, dass Ihre Besucher sich nicht unfreiwillig vertippen. Beachten Sie dabei auch, auf welche Weise das mobile Endgerät in den Händen gehalten wird – sowohl vertikal als auch horizontal. Werden Sie am besten selbst zum Versuchskaninchen und probieren Sie mit der gesamten Daumenfläche durch die eigene Website zu klicken. Wenn es Ihnen nicht gelingt, müssen Sie dringend an der Seitenstruktur und den Bedienelementen arbeiten.

Quälgeist Nummer 5: Durch die Gestaltung Hierarchien erkennbar machen

 Greifen Sie auf die Gestaltgesetze zurück, um durch Nähe oder Größe bestimmte Hierarchien auf Ihrer Homepage darzustellen. Hierdurch können sich Ihre Besucher deutlich besser orientieren. Der gezielte Einsatz von Farben kann ganz klar die User Experience verbessern.

Die wichtigsten Inhalte sollten immer in der Mitte des Displays verortet sein, zweitrangige Elemente wie eine Suchfunktion oder ein „Weiter“-Button am oberen oder unteren Displayrand. Die Navigation können Sie in Form eines Burgermenüs in einer Ecke der Homepage unterbringen.