11 Schritte zum Erstellen einer für Mobilgeräte optimierten Website

Das wichtigste zuerst. Wenn Ihre Website über ein mobiles Gerät aufgerufen und angezeigt werden kann, ist das großartig. Sie haben jedoch noch viel zu tun, bevor es als mobilfreundlich bezeichnet werden kann.

Mobile Benutzer sollten Ihre Website nicht nur ansehen und Ihre Inhalte lesen können, sondern auch Zugriff auf die volle Funktionalität haben.

Die Zahl der Benutzer mobiler Geräte ist in den letzten Jahren sprunghaft angestiegen und sie verwenden diese Geräte, um auf das Internet zuzugreifen. Es gab einen Zeitpunkt, an dem mobile Benutzer froh waren, die Funktionen SMS, E-Mail, Telefonieren und ein bisschen eingeschränktes Surfen zu haben. Heutzutage erwarten die Menschen, dass sie fast alles, was sie auf dem Desktop tun, auf ihren mobilen Geräten erledigen können. Das beinhaltet:

• Recherche von Produkten und Dienstleistungen
• Videos gucken
• Betrachten von Bildern und Produktbeschreibungen
• Einkaufen und Einkäufe tätigen
• Anmeldung für Angebote
• Konsumieren von Nachrichten und anderen Inhalten

Wenn Besucher Ihrer Website feststellen, dass sie nur eine eingeschränkte Benutzererfahrung genießen können, besteht eine gute Chance, dass sie woanders hingehen.

Wenn Sie Ihre Website so optimieren möchten, dass sie wirklich mobilfreundlich ist, lesen Sie weiter. Diese 11 Schritte helfen Ihnen beim Einstieg.

1 Eliminieren Sie die Notwendigkeit von Kneifen und Zweihand-Navigation

Hier ist ein einfacher, aber sehr wichtiger Test, den jeder Webdesigner auf jeder von ihm gestalteten Webseite durchführen sollte. Öffnen Sie die betreffende Webseite auf Ihrem Smartphone. Legen Sie dieses Gerät nun in Ihre bevorzugte „Telefonhand“. Können Sie sich auf der Seite zurechtfinden, ohne Ihre andere Hand benutzen zu müssen? Können Sie den Text lesen, ohne zu zoomen und hinein- oder herauszuzoomen oder ohne zu scrollen? Wenn Sie keines dieser Dinge tun können, ist es an der Zeit, einige Änderungen vorzunehmen.

Einer der wichtigsten Komfortfaktoren bei der Verwendung eines Mobilgeräts ist, dass Sie es nur mit einer Hand bedienen müssen. Was Sie nicht tun möchten, ist, diesen Komfort den Menschen zu nehmen, die Ihre Produkte und Dienstleistungen kaufen möchten.

2 Fokus auf Einfachheit

Auf Ihren Desktop-Benutzern ist möglicherweise viel Platz und Bandbreite für Videos, Bilder und viele Inhalte vorhanden, bei Ihren mobilen Benutzern ist dies jedoch nicht der Fall. Aus diesem Grund sollten Sie sich darauf konzentrieren, ein klares, einfaches Design zu erstellen, das die Funktionalität gegenüber verschiedenen Funktionen betont. Denken Sie an die Dinge, die Besucher Ihrer mobilen Website sehen und tun möchten, sobald sie auf Ihrer Homepage landen. Stellen Sie sicher, dass diese Dinge sofort verfügbar sind, wenn Ihre Website geöffnet wird. Konzentrieren Sie sich dann auf die Ladezeit der Seite. Erst nachdem diese beiden Dinge erledigt sind, sollten Sie überlegen, ob Sie Platz für ein weiteres Feature haben oder nicht.

3 Verwenden Sie ein reaktionsfähiges Technologie-Framework

Responsive Design-Frameworks sind äußerst wertvoll für Webdesigner, die sich mit der Erstellung mobilfreundlicher Websites befassen. Im Wesentlichen ermöglichen Tools wie Bootstrap Designern, die Elemente jeder Webseite in einem Raster anzuordnen. Dann können die Abmessungen dieses Rasters für eine Vielzahl von Bildschirmgrößen angepasst werden. Das Ergebnis ist, dass Text, Symbole, Bilder, Schaltflächen usw. alle so angeordnet sind, wie sie sein sollten. Dadurch wird sichergestellt, dass jeder Benutzer ein ähnliches Erlebnis hat, unabhängig davon, ob er einen Desktop, Laptop, Smartphone oder Tablet verwendet oder nicht. Noch besser, Sie müssen keine separate Website für Mobilgeräte unterhalten.

4 Bilder für Mobilgeräte optimieren

Das mobile Internet ist einfach langsamer als das Internet, das von Kabel- und Telefongesellschaften und anderen Dienstanbietern bereitgestellt wird. Zwei Elemente, die dies wirklich beeinflussen können, sind Videos und Bilder. Sie möchten diese Elemente nicht vollständig entfernen. Schließlich lieben mobile Benutzer als Ganzes wirklich visuelle Inhalte. Sie möchten jedoch so viel wie möglich optimieren. Hier sind einige Schritte, die Sie unternehmen können, um die Geschwindigkeit und Leistung bei der Verwendung von Bildern zu verbessern:

• Stellen Sie Benutzern niedriger aufgelöste Versionen von Bildern bereit
• Optimieren Sie Bilder für eine bestimmte Gerätegröße und ein bestimmtes Seitenverhältnis
• Berücksichtigen Sie JQuery, wenn JavaScript zu unhandlich ist

5 Anstelle von Text, wann immer möglich

Symbole funktionieren gut, weil sie im Wesentlichen eine Form der Internet-Kurzschrift sind, der wir alle zugestimmt haben, bestimmte Dinge zu bedeuten. Zum Beispiel sind Social-Share-Buttons für jeden, der schon seit einiger Zeit mobil ist, sofort erkennbar. Dasselbe gilt für Schaltflächen zum E-Mailen, Anrufen oder Aufrufen des Menüs der Website.

Die Verwendung dieser mobilfreundlichen Symbole hilft Ihnen, zwei Dinge zu erreichen. Erstens sparen Sie wertvollen Platz auf dem Bildschirm gegenüber der Verwendung von Text. Darüber hinaus kommunizieren Sie den Benutzern Ihrer Website auch, dass Sie sich die Zeit genommen haben, mobile Benutzer in Ihrem Design zu berücksichtigen.

6 Halten Sie den Inhalt kurz

Dies ist ein Bereich, in dem viele Webdesigner und Content-Vermarkter ein kleines Dilemma haben. Inhalte in Langform werden immer beliebter, insbesondere bei Entscheidungsträgern, aber sie eignen sich einfach nicht für mobile Geräte. Die Frage ist, ist es besser, lange Inhalte auf Mobilgeräten zu begrenzen oder zu eliminieren oder sie trotzdem zu veröffentlichen und die Wahl des Konsums dem Benutzer zu überlassen? Der beste Weg, diese Fragen zu beantworten, ist die Betrachtung des typischen mobilen Nutzerverhaltens.

Für Ihre spezielle Website können Sie sich auf Analysen verlassen, um sich ein Bild davon zu machen, was Ihre mobilen Benutzer tun und was nicht. Mobile Benutzer neigen jedoch dazu, ihre Geräte zu verwenden, um in sozialen Medien in Verbindung zu bleiben, Nachrichten zu konsumieren, Musik zu hören, einzukaufen und Inhalte zu lesen, die eher kurz sind als nicht. Das bedeutet nun nicht, dass Langform-Inhalte für Mobilgeräte niemals in Betracht gezogen werden sollten. Es hat diesen Ort. Eine weitere häufige Verwendung für Mobilgeräte ist das Finden von Lösungen für Probleme. Wenn Sie einen langen Inhalt haben, der beispielsweise einen mobilen Benutzer durch den Lösungsprozess eines Problems führen kann, dann sollten Sie ihm diesen zur Verfügung stellen.

7 Machen Sie Kontakt- und Standortinformationen leicht auffindbar

Wenn Sie eine Website betreiben, die sich auf Humor, Unterhaltung, Nachrichten, das Kuratieren von Trendinhalten und Dating konzentriert, oder wenn Sie eine Social-Media-Plattform betreiben, können Personen Ihre Website auf ihren Mobilgeräten besuchen, um herumzusurfen. Wenn nicht, stehen die Chancen gut, dass eine Person, die Ihre Website auf dem Handy aufruft, Sie kontaktieren oder herausfinden möchte, wo Sie sich befinden. Der beste Weg, ihnen zu helfen, besteht darin, ihnen diese Informationen zur Verfügung zu stellen, sobald Ihre Homepage geöffnet wird.

Wenn Sie einen stationären Standort haben, möchten Sie vielleicht sicherstellen, dass diese Informationen auch auf Ihren Zielseiten enthalten sind. Wenn Leute nach der Beantwortung eines Call-to-Action von einer Ihrer Anzeigen surfen, möchten Sie nicht, dass sie herumstöbern müssen, um genau herauszufinden, wo Sie sich befinden.

8 Testen Sie die mobile Benutzererfahrung gründlich

Hier sind die Dinge, die Sie bei der Gestaltung mobilfreundlicher Websites beachten müssen:

• Es gibt verschiedene Bildschirmgrößen
• Es gibt eine Vielzahl von Betriebssystemen, auf denen mobile Geräte ausgeführt werden
• Benutzer können mit einer Vielzahl von Internetbrowsern auf Ihre Website zugreifen

Die Berücksichtigung aller drei dieser Fakten bedeutet, dass es mehrere mögliche Kombinationen von Betriebssystemen, Bildschirmgröße und Browserwahl gibt. Ihr Ziel beim Abschluss Ihres nächsten Webdesign-Projekts sollte es sein, so viele mögliche Kombinationen wie möglich zu testen, damit Sie sicherstellen können, dass jeder Benutzer ein großartiges mobiles Erlebnis hat. Sie können eine App wie UxRecorder verwenden, um bei einigen dieser Tests zu helfen.

9 Geolokalisierung verwenden

Die Geolokalisierung ist für mobile Benutzer äußerst hilfreich. Wenn Sie diese Technologie auf Ihrer Website implementieren, können Besucher Filialen in ihrer Nähe finden, Wegbeschreibungen von ihrer Filiale zu Ihrer Karte erstellen und ihre lokale Filiale auf Produktverfügbarkeit prüfen. Als Unternehmen können Sie Inhalte speziell auf ein geografisches Gebiet ausrichten, Benutzern an bestimmten Standorten Angebote unterbreiten, Artikel in der lokalen Währung bepreisen und Benutzer dazu anregen, sich einzuchecken oder ihre Erkenntnisse auf Social-Media-Websites hinzuzufügen, die durch unterteilt sind Lage.

10 Optimieren Sie Ihre Formulare für Mobilgeräte

Idealerweise sollte keines Ihrer Formulare übermäßig lang sein, noch sollten Sie damit versuchen, eine Menge Informationen von Ihren Benutzern für Marketingzwecke zu extrahieren. Es ist irritierend und hält die Leute wahrscheinlich davon ab, sich für Ihre Angebote anzumelden. Bei mobilen Benutzern gilt dies doppelt. Aus diesem Grund ist es sehr wichtig, Ihre Formulare kurz und intuitiv zu halten und sicherzustellen, dass sie schnell ausgefüllt werden können.

Sie können dies tun, indem Sie nur nach den Informationen fragen, die Sie benötigen, um ihnen zu geben, wofür sie sich anmelden, indem Sie ihnen Kontrollkästchen und Pulldown-Menüs zur Verfügung stellen und ihren Standort verwenden, um einige Felder für sie auszufüllen.

11 Ermutigen Sie zu Feedback

Denken Sie daran, dass Ihre Benutzer nicht im Gleichschritt mit „anderen mobilen Benutzern“ oder anderen demografischen Gruppen agieren. Sie sind Ihre Kunden und potenziellen Kunden und haben einzigartige Bedürfnisse und Verhaltensweisen. Diese werden teilweise von ihren eigenen Vorlieben bestimmt, aber auch von ihren spezifischen Wünschen und Bedürfnissen, die direkt mit der Nutzung Ihrer Website zusammenhängen.

Was bedeutet das? Das bedeutet, dass Sie eine lehrbuchperfekte Version einer mobilen Website erstellen können, die für Ihre Benutzer einfach nicht sehr gut funktioniert. Sie können auch eine Website entwickeln, von der SEO-Leute und andere Webdesigner behaupten, dass sie niemals für Ihre Benutzer funktionieren wird, die die Bedürfnisse Ihres Publikums absolut erfüllt.

Aus diesem Grund ist es so wichtig, Feedback von Ihren Benutzern zu erhalten. Analytik ist wunderbar, aber sie ersetzt nicht das Zuhören, was Kunden zu sagen haben. Möglicherweise können Sie Analysen verwenden, um festzustellen, dass viele Personen Zeit auf einer bestimmten Seite verbringen. Was Analytics Ihnen nicht sagen kann, ist, dass sie aus Notwendigkeit auf dieser Seite sind, aber die Art und Weise hassen, wie sie gestaltet ist. Nehmen Sie sich die Zeit, Kommentare zu lesen, die Ihre Besucher an Sie senden, und erwägen Sie, eine Umfrage speziell für mobile Benutzer zu erstellen. Sie können dann die Informationen, die Sie von ihnen erhalten, verwenden, um festzustellen, was gut funktioniert und was überholt werden sollte.

Fazit

Halten Sie nicht bei der einfachen mobilen Kompatibilität an. Profitieren Sie von der steigenden Zahl mobiler Benutzer und schaffen Sie ein Benutzererlebnis, das wirklich ihren Wünschen, Bedürfnissen und Erwartungen entspricht. Mobile Benutzer geben sich nicht mehr damit zufrieden, sich mit Websites zu befassen, die auf Mobilgeräten einigermaßen gut funktionieren. Sie verlangen volle Funktionalität und Features, die speziell für sie entwickelt wurden.

Unabhängig davon, ob Sie eine neue Website entwerfen oder eine vorhandene zurück zum Reißbrett bringen, ist es möglicherweise an der Zeit, eine Mobile-First-Strategie in Betracht zu ziehen. Ist es schließlich nicht ein gutes Geschäft, zuerst an Ihr am schnellsten wachsendes Publikum zu denken?