Wie man sich an mobile UX anpasst und die Browsergewohnheiten der Benutzer ändert
Veröffentlicht: 2022-12-14Der Prozentsatz des Internetverkehrs, der von Mobilgeräten stammt, überstieg 2016 zum ersten Mal den Desktop-Verkehr. Da immer mehr Menschen über Mobilgeräte auf das Internet zugreifen, wird die Notwendigkeit eines guten Mobildesigns immer wichtiger. Vermarkter müssen die besten mobilen UX -Designelemente verstehen, um Conversions und Engagement zu steigern und gleichzeitig mobile Benutzer zu erreichen.
Inhaltsverzeichnis
Ein schlechtes Mobile-UX-Design kann Ihre Marke ruinieren
Benutzer mobiler Websites verzeihen Marken, die ihre Websites nicht richtig optimieren, nicht viel. Laut Impactbnd möchten 52 % der Kunden nicht mit einer Website mit schlechter mobiler UX interagieren. Es ist auch fünfmal wahrscheinlicher, dass sie die Website ganz verlassen.
Die Kundenerwartungen werden weiter steigen, da immer mehr Kunden mehr Zeit mit dem Surfen im Internet auf mobilen Geräten verbringen. Es ist wichtig, die Faktoren zu verstehen, die die mobile UX beeinflussen.
Wie unterscheidet sich mobile UX?
Bevor Sie mit der Optimierung Ihrer Website für Mobile UX beginnen können, müssen Sie die Unterschiede in der Art und Weise verstehen, wie mobile und Desktop-Benutzer mit Ihrer Website interagieren. Der größte Unterschied besteht darin, dass das Scrollen und Klicken auf mobilen Geräten viel schwieriger ist. Sie müssen die Navigation vereinfachen, damit die Benutzer nicht frustriert werden, während sie mit Ihren Inhalten interagieren.
Sie müssen auch die Größe des Bildschirms berücksichtigen. Da Smartphone- und sogar Tablet-Bildschirme kleiner als Desktops sind, können visuelle Elemente zu kompakt sein.
Hier sind einige Tipps zur Verbesserung der mobilen UX.
Erhöhen Sie die Sichtbarkeit Ihrer Texte und Links
Mobile Bildschirme sind kleiner, daher ist der Text im Allgemeinen schwerer zu lesen. Sie müssen Ihren Text anders darstellen. Hier sind einige Dinge, die Sie für eine bessere Mobile UX beachten müssen:
- Vermeiden Sie die Verwendung von bizarren Schriftarten. Die besten Schriftarten sind Arial, Times New Roman, Grotesque, Helvetica und Open Sans. Schriftarten wie Algerian von Ad Bonnie werden zu schwer zu lesen sein.
- Erwägen Sie die Verwendung einer Schriftgröße von 18 bis 22 Punkt. Dieselbe Schriftgröße ist auf einem Desktop-Gerät um 10 % größer, sodass Sie eine größere Schriftart verwenden müssen, um sicherzustellen, dass Ihr Text auf Mobilgeräten erkennbar ist.
- Verwenden Sie dunkleren Text und kräftigere Farben für Hyperlinks. Dadurch entsteht mehr Kontrast.
Natürlich sollten Sie bei der Textoptimierung auch die demografischen Merkmale Ihrer Nutzer berücksichtigen. Denken Sie daran, dass ältere Benutzer größere Schwierigkeiten haben werden, Text auf jeder Bildschirmgröße zu lesen. Dieses Problem ist bei mobilen Benutzern schlimmer, also machen Sie Ihren Text noch größer, wenn die meisten Ihrer Leser Senioren sind.
Stellen Sie sicher, dass alle Call-to-Action-Buttons groß genug für unterschiedliche Fingergrößen sind
Wenn Sie neue Call-to-Action-Buttons erstellen, ist die Sichtbarkeit eines der ersten Dinge, die Sie berücksichtigen werden. Sie müssen jedoch auch die einfache Vervollständigung des Call-to-Action berücksichtigen, die über die Sichtbarkeit hinausgeht. Kleine Tasten werden schwerer zu klicken sein. Dies gilt insbesondere für Benutzer mit größeren Fingern. Wenn Sie die UX Ihrer Website bewerten, müssen Sie daran denken, dass einige Leute größere Finger haben als Sie und die Schaltflächengröße entsprechend anpassen. Duda macht das sehr gut. Ihr Online-Planungstool vCita verfügt über große CTA-Schaltflächen, die leicht angeklickt werden können.
Verwenden Sie eine Click-to-Call-Option
Mobile Nutzer haben eine sehr kurze Aufmerksamkeitsspanne. Viel Glück beim Versuch, sie dazu zu bringen, eine Telefonnummer von Ihrer Website zu wählen. Die meisten Leute möchten nicht zwischen ihrer Wähltastatur und Ihrer Website hin und her wechseln, um sicherzustellen, dass sie die richtige Telefonnummer haben. Selbst wenn sie es getan haben, besteht immer das Risiko, dass sie es falsch eingegeben haben. Sie werden sich wahrscheinlich nicht einmal die Mühe machen, erneut anzurufen, wenn sie die falsche Nummer anrufen.
Ihre Benutzer werden viel zufriedener sein, wenn Sie stattdessen eine Click-to-Call-Option haben. Sie werden auch eine viel höhere Chance haben, sie dazu zu bringen, einen Anruf zu tätigen.
Machen Sie Ihren E-Mail-Trichter nicht zu kompliziert
Benutzer dazu zu bringen, eine E-Mail-Liste zu abonnieren, ist auf einem Desktop-Gerät schwierig genug. Die Einrichtung für den mobilen Datenverkehr ist erheblich schwieriger.
Stellen Sie sicher, dass Ihr E-Mail-Trichter so einfach wie möglich ist. Ergreifen Sie außerdem Maßnahmen, um Bot-Verkehr zu vermeiden, der ein wachsendes Problem bei Mobilgeräten darstellt. Die Verwendung eines E-Mail-Verifizierungsdienstes zur Überprüfung verdächtiger E-Mails und deren Entfernung aus Ihrer Liste kann dazu beitragen, Ihre Öffnungsrate und andere wichtige Kennzahlen zu verbessern.
Verwenden Sie ein Hamburger-Menü, um Inhalte zugänglicher zu machen
Viele Website-Menüs sind viel überladener als früher. Viele Desktop-Websites verwenden Dropdown-Menüs, um die Navigation zu vereinfachen und dieses Problem zu minimieren. Leider können diese Arten von Menüs auf Mobilgeräten und Mobile UX ein absoluter Albtraum sein.
Facebook hat eine Lösung für seine mobile App entwickelt, die als Hamburger-Menü bekannt ist. Diese Option kann für mobile Benutzer eine nahtlose Möglichkeit sein, mit Ihrer Website zu interagieren und einfacher auf Inhalte zuzugreifen. Anstelle eines Untermenüs, das mit weiteren Optionen herunterfällt, befindet sich daneben ein Hamburger-Symbol. Benutzer können auf den Hamburger klicken, um zu einem neuen Bildschirm mit weiteren Menüoptionen geleitet zu werden.
UX-Experten haben unterschiedliche Meinungen über die Nützlichkeit von Hamburger-Menüs. Einerseits erfordern sie von den Benutzern eine Reihe von Klicks, was unnötig mühsam sein kann, wenn sie versuchen, eine beliebte Webseite zu finden. Andererseits sind sie möglicherweise der beste Weg, um zu vermeiden, dass Benutzer insgesamt verloren gehen.
Eine Studie ergab, dass Kunden mit einer zehnmal geringeren Wahrscheinlichkeit handeln, wenn ihnen viele Optionen angeboten werden. Sie können einige Benutzer mit einem Hamburger-Menü verlieren, aber nicht annähernd so viele, wie Sie es tun würden, wenn Sie sie mit zu vielen Optionen auf einmal überladen würden.
Hamburger-Menüs könnten einen Test wert sein. Es ist jedoch wichtig, Ihre Menünavigation zu vereinfachen, indem Sie zuerst unnötige Optionen eliminieren. Dies ist der beste Weg, um Zuschauerverluste zu vermeiden.
Entfernen Sie unnötige Elemente
Das Entfernen unnötiger Elemente von Ihrer Website ist für die Verbesserung der Leistung Ihrer mobilen Website unerlässlich. Sie können mobile Bildschirme sehr unübersichtlich machen. Schlimmer noch, sie können von Ihrem Call-to-Action ablenken oder sogar wichtige Inhalte (einschließlich Ihres CTA) unter die Falte schieben. Wenn sie diesen Inhalt nicht sehen, werden Ihre Benutzer möglicherweise nie nach unten scrollen, um sich damit zu beschäftigen.
Sehen Sie sich alle visuellen Elemente auf Ihrem Bildschirm genau an. Entscheiden Sie, ob sie wichtig sind, und entfernen Sie sie gegebenenfalls von Ihren mobilen Seiten.
Werfen Sie einen genauen Blick auf Ihre mobile UX
Eine gut optimierte Mobile UX ist unerlässlich. Sie müssen sicherstellen, dass Benutzer problemlos mit Ihren Inhalten interagieren und die Konversionsraten maximieren können. Glücklicherweise gibt es viele Möglichkeiten, wie Sie Ihre mobile UX verbessern können. Diese Richtlinien sind ein guter Ausgangspunkt, aber vergessen Sie nicht zu testen! Ihre Analysedaten sind Ihr bester Leitfaden, wenn Sie neue Designänderungen an Ihrer mobilen Website vornehmen.