Perfektionierung der Navigation für das mobile Web
Da die Anzahl der mobilen Benutzer weiterhin die Anzahl der Desktop-Benutzer übersteigt, sollte es selbstverständlich sein, dass Designer mehr denn je mit einer Mobile-First-Mentalität entwerfen müssen. Bei so vielen Leuten, die Produkte oder Dienstleistungen kaufen, Nachrichten lesen und außerhalb ihrer Schreibtischbereiche miteinander kommunizieren, muss der Design-Fokus auf das mobile Nutzererlebnis umgestellt werden.
Was ist die eine, wirkungsvolle Art und Weise, wie Sie eine qualitativ hochwertige Benutzererfahrung für Ihre Benutzer sicherstellen können? Mobile Navigation im Fokus Wenn Nutzer eine nahtlose Navigation genießen, die alles, wonach sie suchen, leicht finden lässt, nimmt ihre Nutzererfahrung eine dramatische Wende zum Besseren. Und wenn ihre Nutzererfahrung erstklassig ist, können Sie darauf wetten, dass Ihre Kunden mehr Besucher auf ihren Websites und deutlich mehr Conversions erwarten.
Große mobile Navigation hängt davon ab, was Sie in das Menü aufnehmen möchten, und Sie benötigen nicht einmal viele Elemente, um eine großartige Erfahrung zu ermöglichen! Denken Sie daran, dass der Platz auf dem Bildschirm bei Mobilgeräten immer einen hohen Stellenwert hat. Daher ist es ratsam, mit dem, was Sie in das Menü aufnehmen, wählerisch zu sein.
Suche
Die Aufnahme einer Suchfunktion mit der vertrauten Sehschärfe des Spiegels geht so weit, dass mobile Nutzer schnell finden können, wonach sie suchen. Auf mobilen Bildschirmen können Sie nicht so viele Elemente auf der Startseite einbinden wie auf einer Desktop-Website. Deshalb wäre das, was sonst von Anfang an offensichtlich wäre, auf mobilen Bildschirmen vielleicht nicht so.
Für alle, die nicht gleich nach dem Besuch Ihrer Website das finden, wonach sie suchen - egal ob es sich um einen bestimmten Nachrichtenartikel, eine Produktseite oder Kontaktinformationen handelt - muss eine Suchfunktion verfügbar und leicht zu finden sein.
Die beste Vorgehensweise besteht darin, die Suchfunktion ganz oben auf dem Bildschirm zu platzieren, unabhängig davon, ob es sich um eine mobile Website oder eine mobile App handelt. Mit dieser Platzierung können Sie sicher sein, dass Ihre Nutzer sie leicht finden und dann verwenden können.
Die mobile Website von Wikipedia enthält die Suchleiste oben, die Hauptnavigation des Bildschirms, auf der sie nicht fehlen darf, aber die mobile App von LinkedIn zeigt sie am unteren Rand des Bildschirms im Navigationsmenü an und zeigt zwei verschiedene Ansätze für dasselbe Ziel .
Zuhause
Eine andere Designkonvention für Menüoptionen, die den Übergang vom Desktop zum Mobilgerät überlebt, ist das Home-Symbol für jeden, der eine Website auf einem Mobilgerät oder auf dem Desktop besucht, so vertraut, dass es absurd wäre, sie auszuschließen. Das Heimsymbol funktioniert als symbolisches Angebot, da der durchschnittliche Benutzer leicht weiß, was zu tun und zu erwarten ist, wenn er das Symbol eines Hauses im Menü sieht.
Das Home-Symbol ist für mobile Nutzer unerlässlich, da es ihnen einen effizienten und direkten Überblick über die wichtigsten Inhalte auf Ihrer Website bietet. Als solches ermöglicht es ihnen auch einen einfachen Zugriff auf mehr Inhalt auf Ihrer Website, anstatt sich ausschließlich auf interne Links innerhalb einer Webseite oder in einer Spalte neben einem Artikel zu verlassen.
Es ist auch eine praktische Möglichkeit für Benutzer, sich mit dem, worum es auf Ihrer Website geht, neu zu orientieren, da sie beim Surfen auf ihren Mobilgeräten leicht abgelenkt werden können. Alles, von einem Telefonanruf über eine eingehende Textnachricht bis hin zu scheinbar nicht enden wollenden Ausweisen und Warnungen für installierte Apps, kann sie davon abhalten, den Inhalt Ihrer Website weiterhin zu absorbieren.
Wenn dies geschieht und nachdem sie ihre Aufmerksamkeit zurückgeworfen haben, ist es für sie bequem, einfach die Home-Taste zu drücken, um mehr Informationen von Ihrer Site zu erhalten und festzustellen, ob sie für sie noch relevant ist.
Die Lebensmittelkette Albertsons mobile Website ist ein ideales Beispiel für die Verwendung dieser Home-Ikone in ihrem Hamburger-Menü. Auch mobile Apps wie Twitter verwenden das symbolische Home-Icon im Navigationsmenü in der Fußzeile der App.
Das Freigabesymbol
Das Share-Symbol ist ein weiterer wichtiger Teil Ihres mobilen Navigationsmenüs, den Sie einfach nicht überspringen können. Dies ist eine Empfehlung basierend auf Benutzerdaten. Social Sharing ist nicht nur wichtig für soziale Beweise und überzeugt die Leute davon, dass Ihr Artikel, Produkt oder Ihre Website beliebt ist und daher weiter gelesen oder gekauft werden sollte, aber es ist auch eine Gewohnheit, an der viele mobile Benutzer teilnehmen.
Es stellt sich heraus, dass das Teilen von Inhalten auf dem Handy ist noch beliebter als auf dem Desktop! Dies macht Sinn, wenn man es im Zusammenhang mit der breiteren Realität betrachtet, dass mehr Menschen mobil sind, so dass auch mehr Menschen auf dem Handy teilen werden.
Genau deshalb sollte Ihr Navigationsmenü das sehr eindeutige Share-Icon enthalten, wie es CBC auf seiner mobilen Website tut.
Schließlich ist es bei so vielen Nutzern, die den Inhalt Ihrer mobilen Website aufnehmen, sehr schade, dass Sie nicht all diese potenziellen Möglichkeiten zur gemeinsamen Nutzung von Social Media nutzen.
Relevante Kategorien
Wenn Sie ein E-Commerce-Geschäft sind, können Sie Ihr Navigationsmenü manchmal nicht zu sehr verkürzen, aber das ist akzeptabel, wenn Sie Ihren mobilen Kunden das anbieten, was sie suchen: einfacher und direkter Zugang zu verschiedenen Einkaufskategorien.
Statt Menüoptionen, die Sie normalerweise auf den meisten mobilen Websites erwarten - wie zu Hause, über uns und kontaktieren Sie uns - müssen Online-Shops nicht wirklich viel mehr tun, als es den Kunden einfach zu machen, genau das zu finden, was sie kaufen möchten .
Im Fall der mobilen Navigation von JC Penney und EB Games öffnen sich die jeweiligen Hamburger-Menüs, um eine Liste von Kategorien zu finden und so den Kunden zu helfen, dorthin zu gelangen, wo sie ihre mobilen Websites nutzen wollen.
Nur ein paar Optionen für Menüoptionen
Als Designer sind Sie manchmal versucht, zu viel für Ihre Kunden zu tun. Dies kann sich manchmal in Ihrem Design als zu viele Auswahlmöglichkeiten in Ihrem Navigationsmenü manifestieren. Wenn es um Mobile geht, ist weniger sicher jedes Mal besser. Das letzte, was Sie wollen, ist, dass Ihre mobilen Benutzer sich einer Art von Problemen stellen Wahllähmung während sie durch die verschiedenen Optionen navigieren, die Sie eingefügt haben.
Dies gilt doppelt für Mobilgeräte, bei denen die Leute bereits ungeduldig sind, sofortige Befriedigung wünschen und nicht den ganzen Tag Zeit haben, um auf der Website des Kunden nach dem zu suchen, wonach sie suchen. Denken Sie daran, dass, wenn Ihre Website ihnen nicht das gibt, was sie wollen, es Hunderte von anderen mobilen Websites und Apps im gleichen Bereich wie Ihren Kunden gibt, die ihnen eine bessere Erfahrung bieten können. Senden Sie keine Leads und Website-Besucher wegen schlecht durchdachter Designs an die Konkurrenten Ihrer Kunden!
Mobile ist groß, und es ist jetzt super wichtig. Entwerfen Sie mit Zweck und Präzision für die Aufgaben, die die Benutzer Ihrer Kunden erreichen möchten. Denken Sie daran, dass Sie bei der Entwicklung einer Mobil-First-Mentalität, dass Sie Minimalismus in Ihr Design einbauen, Wunder wirken werden. Je weniger Optionen in Ihrem Navigationsmenü, desto weniger Ablenkungen und Elemente, die Ihre Benutzer lähmen. Dies wiederum wird zu einer besseren Benutzererfahrung führen, da die Leute besser finden können, was sie wollen.