Die mobile Revolution steht vor der Tür, als Google 2018 seinen ersten mobilen Index herausbrachte. Und mit 52,2% des Internetverkehrs Wenn Sie 2018 von Mobilgeräten kommen, ist es jetzt an der Zeit, dass Ihr Unternehmen Ihre Website für das mobile Erlebnis gestaltet.
Es ist wichtig zu bedenken, dass sich die mobile Erfahrung von der Desktop-Erfahrung unterscheidet. Auch mobile Benutzer verhalten sich anders. Daher sind bestimmte Designelemente zu beachten und bestimmte Möglichkeiten, wie Sie Ihre Website optimieren können, um das Beste aus ihr herauszuholen.
Die gute Nachricht ist, dass die Gestaltung Ihrer Website für das mobile Erlebnis nicht zu kompliziert sein muss. Werfen wir einen Blick auf die 7 Möglichkeiten des nächsten Levels, um dies zu tun.
Machen Sie A / B-Tests
Sie können nicht alles A / B versuchen. A / B-Tests funktionieren nur dann wirklich, wenn Sie zuerst eine Hypothese haben. Es gibt jedoch bestimmte Elemente, die alle Websitebesitzer mit A / B ausprobieren sollten, um die Benutzererfahrung zu optimieren. Diese beinhalten:
Platzierung und Farbe der Tasten
Die Navigation ist oft wichtiger als der eigentliche Text. Daher müssen Sie seine Farbe und Position festnageln.
Ihr Ziel mit Schaltflächen, insbesondere Handlungsaufforderungen, besteht darin, dem Endbenutzer dabei zu helfen, die Hauptaktion zu identifizieren, die er ausführen soll. Die Platzierung ist daher besonders wichtig. Probieren Sie verschiedene Orte und Farben aus, um zu sehen, wie sich dies auf die Conversions auswirkt.
Typografie
Farbe und Größe sind hier wichtige Überlegungen. Wenn Sie die Schriftgröße nur um einen Punkt ändern, können sich Ihre Conversions drastisch ändern.
Sehen Sie, wie klein oder groß Ihr Text sein kann und wie sich diese Änderungen auf Ihre Conversions auswirken.
In Bezug auf die Farbe scheint Schwarz auf Weiß für viele Marken die Standardauswahl zu sein, aber versuchen Sie herauszufinden, was für Sie am besten funktioniert.
Schlagzeilen
Ihre Überschriften auf Ihrer mobilen Website werden wahrscheinlich kürzer sein. Beispiel: "Dies sollten Sie tun, wenn Sie glauben, kaffeesüchtig zu sein" funktioniert möglicherweise auf dem Desktop, ist jedoch für mobile Geräte zu lang.
Also kürzen Sie es und testen Sie dann Ihre Überschriften. Sie müssen kürzer sein, aber Sie müssen immer noch überzeugend sein.
Formen
Formulare auf dem Desktop enthalten häufig mehrere Felder. Das ist in Ordnung, weil es einfach ist, sie auf dem Desktop zu navigieren.
Auf Mobilgeräten sieht das anders aus. Teilen Sie Ihr Formular in Abschnitte und testen Sie die Ergebnisse. Welche Informationen sind unbedingt erforderlich und welche Felder können verworfen werden?
Wenn es um Formulare auf Mobilgeräten geht, ist es umso besser, je weniger Taps der Benutzer ausführen muss.
Optimieren Sie die Geschwindigkeit der Website
Die Geschwindigkeit der Website ist für die Benutzererfahrung von entscheidender Bedeutung. Wenn er Das Laden der mobilen Version Ihrer Website dauert mehr als 3 SekundenSie verlieren Conversions.
Es gibt verschiedene Möglichkeiten, wie Sie Ihre Website für die Geschwindigkeit der Website optimieren können. Eine ist, eine zu wählen Hosting-Anbieter Dies reduziert die Zeit für das erste Byte und verbessert daher die Antwortgeschwindigkeit des Servers.
Eine andere Möglichkeit besteht darin, ein Bildkomprimierungswerkzeug zu verwenden, um sicherzustellen, dass Ihre Bilder nicht zu groß sind und daher die Geschwindigkeit verringern.
Stellen Sie sicher, dass Sie auch einen aufnahmefähigen Rahmen verwenden (siehe oben) und verwenden Langsame LadungDadurch kann der Benutzer einen Teil seines Inhalts so schnell wie möglich sehen. Dies kann die Wahrscheinlichkeit verringern, dass Personen vorzeitig abreisen, da sie zumindest feststellen können, dass einige Elemente Ihrer Website gerade geladen werden.
Beseitigen Sie auch Flash und beseitigen Sie alle technischen Fehler. Vergessen Sie nicht, Ihre Website über a Geschwindigkeitstester für mobile Websites auch.
Weniger ist mehr, wenn es um Inhalte geht
Langforminhalte funktionieren besser als Kurzforminhalte auf dem Desktop. Mehr wird geteilt, weil es dem Endbenutzer mehr Wert und Tiefe bietet.
Mobile Benutzer verhalten sich jedoch anders als Desktop-Benutzer. Zum einen sind sie durch einen viel kleineren Bildschirm eingeschränkt. Auf der anderen Seite sind sie in Eile und wollen umsetzbare Informationen.
In der Tat führen Benutzer mobiler Geräte häufig Produktrecherchen durch. Sie möchten nicht, dass Inhalte zu lange brauchen, um anzuhalten. Überlegen Sie, wo Sie sich gerade befinden, wenn Sie auf Ihren Telefonen surfen – auf einen Bus warten, im Stau stecken oder während einer Kaffeepause bei der Arbeit ein wenig recherchieren. Daher möchten sie unterwegs schnelle Informationen.
Es ist daher eine gute Idee, Ihre Inhalte für den mobilen Leser anzupassen. Dies bedeutet, dass Sie Ihre Überschriften so kürzen, dass sie perfekt auf den Bildschirm passen, und dass Sie Ihre Kopie präziser und direkter anpassen. Gehe zum schnellsten Punkt. Beseitigen Sie alle unnötigen Informationen und stellen Sie dem Endbenutzer die Antworten auf einem Teller zur Verfügung.
Gehen Sie auch für Absätze mit einem Satz. Vielleicht nicht immer, aber die Absätze eines einzelnen Satzes sind auf den Bildschirmen mobiler Geräte besser lesbar und halten den Leser daher länger interessiert. Das Letzte, was ein mobiler Benutzer sehen möchte, ist, Textausschnitte auf seinem Bildschirm vorherzusagen. Verwenden Sie auch mehr Untertitel und nutzen Sie die Leerstelle.
Wenn Sie jedoch längere Inhalte für mobile Geräte erstellen müssen, müssen Sie die Dinge mit auffälligen Bildern aufschlüsseln. Überfordern Sie den Benutzer nicht mit zu viel Text. Erwägen Sie auch das Hinzufügen von Infografiken, da diese Ihnen helfen, viele Informationen in einem einzigen Bild zusammenzufassen.
Es ist auch eine gute Idee, mehr Videopostings zu erstellen. Wenn Sie Inhalte in Langform haben, die für Benutzer mobiler Geräte möglicherweise zu überwältigend sind, erstellen Sie möglicherweise eine Videoversion für Ihr mobiles Publikum.
Machen Sie die mobile Kommunikation zum Kinderspiel
Wie bereits erwähnt, haben mobile Benutzer es im Allgemeinen eilig. Sie wollen schnelle, umsetzbare Informationen und sie wollen Antworten.
Zu diesem Zweck sollten Sie Ihrem mobilen Benutzererlebnis einen Schub geben, indem Sie die Kommunikation zum Kinderspiel machen. Dies kann bedeuten, dass Sie Ihrer Website einen Live-Chat oder Chatbot hinzufügen, der Kundenanfragen in Sekundenschnelle beantwortet.
Ihre Website sollte auf diese Weise "immer aktiv" sein. Andernfalls erhalten Ihre Kunden ihre Antworten stattdessen von einem Rivalen. Ein mobiler Chatbot personalisiert die Benutzererfahrung, indem er dem Endbenutzer spezifische Antworten gibt. Und es ist rund um die Uhr verfügbar.
Erwägen Sie das Hinzufügen FreshDeskEs ist auch eine Helpdesk-Software für mobile Geräte, die die Kommunikation ihrer Kunden auf allen Geräten und Kanälen verwaltet.
Optimieren Sie Ihr Logo
Ihr Logo repräsentiert das Gesicht Ihrer Marke. Es hilft, Vertrauen und Vertrautheit aufzubauen, und eines ist der Schlüssel. Wenn Sie noch keinen haben, können Sie ein Tool wie verwenden Schlüpfrig Damit Sie in wenigen Minuten ein professionelles Logo erstellen können.
Sobald Sie Ihr Logo haben, ist die Positionierung der Schlüssel. Auf Mobilgeräten befindet sich das Logo normalerweise in der oberen linken Ecke. Darüber hinaus ist es im Allgemeinen ein Link, der den Benutzer zur Startseite führt.
Dies ist wirklich wichtig für Browsing-Zwecke. Wenn der Benutzer verloren geht und so schnell wie möglich zur Startseite zurückkehren möchte, klickt er auf sein Logo in der oberen linken Ecke. Stellen Sie also sicher, dass Ihr Logo professionell und gut sichtbar ist und dass der Endbenutzer zur Startseite zurückkehrt.
Verwenden Sie einen empfänglichen Rahmen
Bevor Sie Ihre mobile Website starten, müssen Sie sie mithilfe eines reaktionsfähigen Frameworks entwerfen. Ein empfänglicher Rahmen wie Ohr Passen Sie Ihre Website an das Gerät an, auf dem sie angezeigt wird. Dies bedeutet, dass der Endbenutzer nicht zoomen muss, um den Text zu lesen, genügend Platz für Berührungsziele vorhanden ist und kein horizontales Scrollen erforderlich ist.
Stattdessen ist das Design transparent und einfach zu bedienen. Darüber hinaus ist eine reaktionsschnelle Website für Suchmaschinen besser sichtbar, was bedeutet, dass sie die Reichweite für Kunden erhöht.
In der Vergangenheit haben Websitebesitzer eine separate Website für Desktop- und Mobilgeräte erstellt. Das kostet natürlich Zeit und Geld. Heute können Sie ein Tool wie Bootstrap verwenden, und die gute Nachricht ist, dass es den größten Teil der harten Arbeit für Sie erledigt.
Behalten Sie alles in einem Browserfenster
Auf dem Desktop ist es in Ordnung, wenn ein Aufruf zum Handeln ein neues Fenster öffnet, da der Benutzer sehr leicht den Weg zurück zu der Seite findet, auf der er sich befindet. Es geht nur darum, von einem Tab zum anderen zu springen.
Auf Mobilgeräten ist es etwas komplizierter.
Es ist eine gute Idee, Ihren Benutzer in einem einzigen Browserfenster zu belassen. Implementieren Sie keine Handlungsaufrufe, die neue Fenster öffnen, da es für den Benutzer schwierig sein kann, dorthin zurückzukehren, wo sie waren. Zumindest denken sie vielleicht, dass sich die Zeit, die Sie zwischen Fenstern wechseln, nicht lohnt.
Fazit
Da haben Sie es also, unsere nächsten 7 Möglichkeiten, Ihre Website für die optimale mobile Benutzererfahrung zu gestalten. Stellen Sie sie bereit, nehmen Sie an der mobilen Revolution teil und beobachten Sie die Trends der mobilen Benutzerfreundlichkeit, um sicherzustellen, dass Sie der Kurve einen Schritt voraus sind.
