Seit einiger Zeit sorgt jeder, der sich mit der Suchmaschinenoptimierung beschäftigt, dafür, dass eine mobile Version seiner Website verfügbar ist, weil er sonst Gefahr läuft, den Google-Algorithmus zu verärgern. Doch im Gegensatz zu vielen anderen Trends in der SEO-Welt zeigt die Forschung, dass sich der mobile Web-Einsatz nicht verlangsamt, obwohl viele der so genannten mobilen Webseiten zu nutzen sind. Mobile Ansichten wachsen nicht nur, sie explodieren. Forschung von Statista schätzt, dass der Umfang des Web-Traffics im Jahr 2019 bei 24,2 Exabyte liegt, gegenüber 4,2 Exabyte im Jahr 2015.
Um sicherzustellen, dass Sie die Schwere dieses Problems verstehen, entspricht ein Exabyte einer Milliarde Gigabyte.
Trotz der Beweise, dass Besucher ihre mobilen Geräte für das Surfen im Internet verwenden, werden nicht alle mit dem mobilen Nutzer entworfen. Laut der Nielsen-Norman Group:
... es gibt weltweit mehr Smartphone-Nutzer als Desktop- und Laptop-Nutzer [aber] die Usability von mobilen Websites und Anwendungen liegt immer noch weit hinter der Usability von Desktop-Websites zurück.
Natürlich möchte nicht jeder eine mobile Website, die gerade gut genug für Google ist. Sie möchten, dass ihre Besucher eine positive Erfahrung machen, wenn sie auf ihrer Website landen oder eine, die sie für einen Kunden entworfen haben. Sie passen ihre Entwürfe dementsprechend an.
Die meisten Menschen verbinden mobiles Web mit responsivem Webdesign, denn das ist seit einiger Zeit das Schlagwort für verschiedene Blogs und Präsentationen. Responsive Webdesign ist jedoch nicht die einzige Strategie, und es ist nicht immer der beste Ansatz. Die beste Wahl hängt davon ab, wie Ihre Besucher mit den Inhalten auf Ihrer Website interagieren sollen.
Durch die Verwendung von Medienabfragen zum Ändern der Anzeige der Site auf der Grundlage der Bildschirmgröße ist dies ein flüssiger Ansatz für das Design mehrerer Geräte. Sie entwerfen einmal und verlassen sich auf das CSS, um die Anzeige basierend auf dem Bildschirm zu skalieren.
Dieser Ansatz beruht auf statischen Seiten, die für verschiedene Haltepunkte ausgelegt sind. Wenn die Bildschirmgröße erkannt wird, wird das entsprechende Layout angezeigt. Hier müssen Sie unterschiedliche Layouts für verschiedene Bildschirmgrößen entwerfen. Normalerweise werden sechs Layouts für die gebräuchlichsten Breiten erstellt: 320, 480, 760, 960, 1200, 1600.
In diesem Fall erstellen Sie eine iOS-, Android- oder Windows-App, die Ihren Web-Content für mobile Nutzer bereitstellt.
Es wäre schwierig, heutzutage eine Website zu finden, die keine Art von Benutzerinteraktion bietet. Es könnte eine Business-Website sein, die Informationen von potenziellen Kunden sammelt, eine E-Commerce-Website, die zum Einkaufen gebaut wurde, oder eine Website, auf der Besucher zu einer Veranstaltung oder einem Ort einchecken können. In jedem Fall muss der Benutzer Informationen bereitstellen, Auswahlen treffen und Tasten drücken, und Sie müssen sich Gedanken darüber machen, dass sich die Dinge auf einem mobilen Gerät unterscheiden.
Konzentrieren Sie sich zunächst auf wichtige Funktionen. Dies könnte einige Neuanordnungen erfordern, oder Sie müssen möglicherweise einige der Elemente, die Sie einfügen möchten, reduzieren. Dies hilft nicht nur dabei, Unordnung zu reduzieren, sondern ermöglicht auch größere Knöpfe und andere Elemente, mit denen größere Finger Schwierigkeiten haben können. Wenn es möglich ist, reduzieren Sie die Notwendigkeit für Benutzer, Text einzugeben. Sie haben möglicherweise eine Bildschirmtastatur zu verwenden, aber wir alle wissen, dass es eine hohe Fehlerquote bei der Verwendung dieser und Funktionen wie Autokorrektur oder Textvorhersage kann ziemlich frustrierend werden. Verstehen Sie auch, dass die Wahrscheinlichkeit groß ist, dass ein mobiler Besucher unterbrochen wird oder seine Verbindung verliert. Je weniger sie wiederholen müssen, wenn sie eine Auszeit nehmen, desto weniger Frustration werden sie empfinden.
Für SEO-Zwecke haben viele Designer im Laufe der Jahre gelernt, komplexe Navigationsmenüs in ihre Arbeit zu integrieren, so dass die Suchmaschinen-Spider in der Lage sind, alles zu indexieren. Wenn Sie alles über das Navigationsmenü aufrufen, können Ihre Besucher auch finden, wonach sie suchen. Aber für den mobilen Besucher erschweren diese überwältigenden Menüs die Navigation und eine richtig erstellte Sitemap sendet die Suchmaschinen-Crawler dorthin, wo Sie sie benötigen.
Anstatt lange Listen mit Menüelementen zu verwenden, sollten Sie die Auswahl auf nicht mehr als sechs beschränken, damit mobile Besucher nicht versuchen müssen, nach unten zu scrollen, um alles zu sehen, während sie versuchen, ein Menü offen zu halten. Eliminiere auch die Untermenüs. Das kleine + Zeichen, von dem Sie erwarten, dass Benutzer darauf klicken, um die Optionen zu erweitern, ist wirklich schwer zu tippen, es sei denn, sie verwenden einen Stift. Äpfel UI-Design-Grundlagen gibt an, dass der durchschnittliche Finger 44 Pixel von links nach rechts und auf und ab benötigt. Design mit diesem Raum im Hinterkopf.
Der Trend der Single-Page-Website ist auch hier zu berücksichtigen. Diese Technik wurde speziell für mobile Besucher entwickelt und ermöglicht es dem Besucher, durch Ihre Website zu scrollen und alles, was sie benötigen, auf einer langen Seite zu finden. Diese Art von Design vergisst alles über die Falte, da mobile Benutzer bequem durch Inhalte wischen können, um das zu finden, was sie brauchen.
Wenn Sie über Ihre mobilen Besucher nachdenken, werden Sie gebeten, einige Zeit wegzulassen. Aber was Sie niemals opfern sollten, ist der Grund, warum Sie überhaupt eine Website haben. Stellen Sie sicher, dass Ihr Branding konsistent bleibt. Wenn Sie Ihr Logo behalten möchten, verwenden Sie die richtige Menge an Immobilien, um es anzuzeigen. Wenn auf Ihrer Website viel Content vorhanden ist, stellen Sie sicher, dass Ihre mobilen Nutzer Zugriff darauf haben. Das Ausblenden von Inhalten von mobilen Displays straft die Besucher im Wesentlichen dafür, dass sie nicht im Vollbildmodus angezeigt werden.
Als Webdesigner sind wir an Trends in unserer Branche gewöhnt. Jedes Jahr gibt es Listen, die uns die neuesten Trends und Methoden vorstellen, auf die wir achten sollten. Entwerfen für den mobilen Benutzer gehört nicht dazu. Es ist die Realität unserer Branche und sie fügen immer mehr Bildschirmgrößen für uns hinzu, so dass es wirklich keinen einheitlichen Ansatz gibt, den Sie nutzen können.
Sie, Ihre Organisation, Ihre Kunden und andere Interessengruppen müssen bestimmen, was wichtig ist und Ihre Websites um diese Elemente herum strukturieren. Aber überlegen Sie, was Ihren Besuchern wichtig ist, denn darauf kommt es an. User Experience sollte niemals über das sein, was wir für das Beste halten oder was wir sehen wollen. Wir können Menschen nicht dazu zwingen, beim Besuch unserer Seiten eine großartige Erfahrung zu machen. Stattdessen müssen wir ihnen zeigen, was sie wollen, und zwar so, dass sie leicht zugänglich sind.
Bevor wir also nach Checklisten oder Leitfäden Ausschau halten, die uns sagen, was eine gute Nutzererfahrung ist, nehmen Sie sich Zeit, darüber nachzudenken, was wir zu sagen haben und was unsere Besucher hören möchten.