Es ist nicht länger notwendig, die Wichtigkeit der Vorbereitung Ihrer Website für Mobilgeräte zu unterstreichen. Die mobile Revolution ist die größte Veränderung in der kurzen Geschichte des Internets. Die Frage ist nur, ob Smartphone- und Tablet-Nutzer dieses oder nächstes Jahr mehr als die Hälfte Ihres Publikums ausmachen werden.
Vor diesem Hintergrund ist die Optimierung Ihrer Zielseiten für Mobilgeräte für jeden Designer ein wichtiger Prozess. Es muss jedoch nicht schwierig sein. Es gibt eine einfache Checkliste, mit der Sie sicherstellen können, dass Ihre Website für mobile Browser bereit ist:
Die Fähigkeit einer Website, auf verschiedene Geräte zu skalieren, ist von entscheidender Bedeutung. Es gibt Tausende von Geräten sind da draußen, so dass die Auswahl einiger repräsentativer Bildschirmgrößen nicht praktikabel ist.
Die akzeptierte Antwort darauf ist responsive Webdesign, einige Leute argumentieren, adaptive ist besser, andere Leute argumentieren adaptive ist das gleiche. Diese Argumente sind wirklich semantisch, die Grundlinie ist, dass Sie Ihre Website auf jedem aktuellen oder zukünftigen Gerät funktionieren lassen können. Es wäre unverantwortlich, dies nicht zu tun.
Eine wichtige Überlegung: Stellen Sie sicher, dass Ihre Website im Hoch- und Querformat richtig skaliert wird.
Offensichtlich bietet Mobile viel weniger Platz, um Inhalte auf eine Zielseite zu passen. Im Idealfall halten Sie die Schlagzeilen kurz, prägnant, auf den Punkt und etwa drei bis vier Wörter. Ebenso sollten Sie die Seite so übersichtlich wie möglich halten, mit einer geringen Anzahl von Links und maximal einem Bild, falls möglich.
Setzen Sie Inhalt in Aufzählungspunkte, damit das Auge es leicht aufnehmen kann, ohne zu pausieren und zu schielen. Erstellen Sie außerdem einen klaren Aufruf zum Handeln, um den Besucher dazu zu verleiten, den Rest der Website zu besuchen. Es sollte eine Art von Ansporn geben und könnte so einfach sein wie ein Knopf, mit dem Besucher das Geschäft anrufen können, besonders nützlich für lokale Unternehmen, die auch Standortdienste nutzen.
Etwa 75% der Suchenden reagieren innerhalb einer Stunde auf ihre Suchergebnisse, daher ist es leicht einzusehen, warum ein Call-to-Action stark sein sollte. Setzen Sie den Call-to-Action auch irgendwo oben auf der Seite ein, damit er zu den ersten Dingen gehört, die der mobile Besucher sieht.
Ja, die Größe ist wirklich wichtig, also die Dateigröße. Eine Zielseite sollte immer schnell geladen werden, insbesondere eine, die über ein mobiles Gerät aufgerufen wird.
Es gibt keine festgelegte Regel - je schneller, desto besser. Wenn jedoch Ihre Zielseite länger als 3 oder 4 Sekunden zum Laden benötigt, werden Sie viele Nutzer verlieren.
Idealerweise sollte Ihre Seite extrem leicht sein und unter 20 Kilobyte liegen. Bilder benötigen viel Zeit zum Laden und sollten daher auf ein absolutes Minimum beschränkt werden. Behalten Sie Ihren gesamten Code schön und ordentlich, verwenden Sie bei Bedarf Bild-Sprites und verwenden Sie CSS anstelle von Bildern, wo dies möglich ist.
Berücksichtigen Sie neben der Dateigröße auch die Anzahl der Anforderungen, die an den Server gestellt werden. In der Regel verursachen diese Anforderungen eine größere Verzögerung als der eigentliche Dateidownload.
Mobile Benutzer sind oft unterwegs, also nutzen Sie Standortdienste. Passen Sie die Zielseite an die lokalen Nutzer an und bieten Sie ihnen auch Anreize. Sie können beispielsweise Inhalte für den lokalen Zweig eines Geschäfts anpassen.
Je nach Größe und Umfang des Projekts können Sie auch den Kerninhalt selbst an den Standort anpassen.
Die Fähigkeit zu lesen, was auf dem Bildschirm ist, ist wichtig, weshalb weniger mehr ist. Wenn Sie den Text nicht lesen können, wenn das Telefon auf Abstand gehalten wird, muss es größer sein. Sie sind wirklich räumlich begrenzt.
Lassen Sie die Benutzer nicht endlos scrollen, sonst werden sie sich schnell langweilen und weitermachen. Ja, die Leute haben eine kurze Aufmerksamkeitsspanne im Internet, viel kürzer als beim Lesen einer Zeitschrift oder eines Buches, also muss alles, was Sie tun, ihre Aufmerksamkeit erregen sofort.
Alles, was auf Ihrer Zielseite klickbar ist, sollte den Daumentest bestehen. Wenn es nicht leicht ist, mit dem Daumen zu klicken, dann überdenken Sie es. Pad-Links, um so viel Platz wie möglich um sie herum zu lassen, und genügend Platz zwischen den Links lassen. Dies verringert die Wahrscheinlichkeit, dass der Benutzer auf die falschen Links tippt und frustriert bleibt.
Plugins können verwendet werden, um sicherzustellen, dass Fotos leicht kopiert werden können, obwohl die Bereitstellung von Fotos auf der Zielseite nicht genau empfohlen wird.
Wenn Sie ein Formular auf der Zielseite platzieren, halten Sie es sehr einfach und nehmen Sie nicht viel Platz in Anspruch. Formulare, die viel Input erfordern, sind abschreckend und erzielen eine niedrigere Conversion-Rate als einfache Formulare. Fügen Sie so wenig Felder wie möglich hinzu.
Auch hier werden die Leute schnell gelangweilt, und wenn sie ihnen ein langes Formular aushändigen, werden sie die Seite eher verlassen.
Die Navigation sollte einfach und unkompliziert sein. Halten Sie die Tasten auf ein Minimum und stellen Sie sicher, dass sie den Daumentest bestehen. Versuchen Sie, Schaltflächen zu verschiedenen Bereichen der Seite hinzuzufügen, damit ein logischer Pfad verfolgt werden kann.
Testen Sie Ihre Zielseite gründlich, um sicherzustellen, dass sie effektiv auf Mobilgeräten funktioniert. Erwägen A / B-Prüfung , die nachweislich die Anzahl der Ableitungen um bis zu 40% erhöht hat.
Mit einem A / B-Test würden Sie zwei Designs der gleichen Seite, A und B erstellen. Der Verkehr wird dann zwischen jedem Design aufgeteilt, um zu sehen, welche die beste Leistung zeigt. Verwenden Sie Messwerte, die für das Projekt am wichtigsten sind, z. B. Conversion-Rate, Umsatz, Absprungrate. Gehen Sie am Ende des Tests mit dem Gerät voran, das die beste Leistung erbringt, und Sie werden auf halbem Weg zu einem bewährten Design kommen.
Es gibt viele mobile Simulatoren da draußen, aber egal welche Sie wählen, stellen Sie sicher, dass Sie sie nur für die erste Runde von Tests verwenden. Um richtig zu testen, müssen Sie echte Geräte verwenden. Bitten, borgen und stehlen Sie wenn nötig, schauen Sie sich Ihre Seite auf so vielen realen Geräten an wie Sie können.
Je mehr Klicks oder Aktionen ein Benutzer ausführen muss, desto unwahrscheinlicher ist es, dass er sie ausführt. Erlaube den Menschen, mit möglichst wenigen Klicks von Punkt A nach Punkt B zu gelangen. Machen Sie jeden Aspekt der Navigation und den Aufruf zur Aktion unglaublich einfach.
Dies sind die wichtigsten Punkte, die bei der Optimierung einer Zielseite für Mobilgeräte zu beachten sind. Denken Sie während des gesamten Designprozesses daran, dass Mobile ein anderes Medium als PC ist. Auf Mobilgeräten haben die Menschen noch weniger Geduld, weil sie in der Regel unterwegs sind und ihre Aufgabe mit möglichst wenig Aufwand erledigen wollen. Langsame Ladezeiten und nicht reagierende Interaktion irritieren auch die Leute, also nimm dir die Zeit, sie richtig zu machen.
Es richtig zu machen, kann sich als lohnend erweisen und den Unterschied zwischen dem Erfolg der Website gegenüber der Konkurrenz und dem Verlust von Besuchern bedeuten.
Ausgewähltes Bild / Vorschaubild, mobiles Bild über Shutterstock.