7 Best Practices für die Gestaltung mobiler Navigation

Veröffentlicht: 2016-04-19

Die mobile Nutzung wächst mit astronomischer Geschwindigkeit, und eines ist klar: Ignorieren Sie sie und Sie werden Besucher verlieren.

Mobile Benutzer überwiegen jetzt diejenigen, die über ihre Desktops auf das Internet zugreifen, aber mobile Benutzer und Desktop-Benutzer sind sehr unterschiedliche Bestien. Mobile Benutzer sind, nun ja, mobil. Das bedeutet, dass sie nach sofortiger Befriedigung suchen, sei es, um in Ihrem Geschäft zu stöbern, Ihre Dienstleistungen zu kaufen, Informationen zu erhalten oder die Nachrichten zu lesen. Zeit ist von entscheidender Bedeutung; Wenn sie nicht sofort finden, was sie suchen, verschwinden sie auf der Website Ihrer Hauptkonkurrenten.

Aus diesem Grund ist es für Designer wichtiger denn je, mit einer Mobile-First-Mentalität zu arbeiten, um ihren mobilen Benutzern das bestmögliche Erlebnis zu bieten.

Und die Navigation ist das Herzstück einer reibungslosen mobilen Benutzererfahrung.

Mobile Navigation

Die mobile Navigation sollte intuitiv und leicht zugänglich sein und bei Immobilien mit einem hohen Preis nicht zu viel Platz auf dem Bildschirm beanspruchen. Einfachheit ist hier der Name des Spiels. Während acht Navigationspunkte für einen Desktop völlig akzeptabel sind, ist es auf einem Mobiltelefon übertrieben – es wird den Bildschirm unübersichtlich machen und den Endbenutzer verwirren.

best-practices-mobile-navigation-unordnung

Die meisten mobilen Benutzer sind jedoch von ihren Desktops auf Mobilgeräte umgestiegen, und sie erwarten immer noch einen gewissen Standard, wenn es um die Navigation und das Erscheinungsbild der Website geht. Mit anderen Worten, Sie wollen nicht zu sehr mit ihren Erwartungen herumspielen. Während sich die mobile Navigation im Allgemeinen von der auf Desktop-Websites unterscheidet, sollte sie die grundlegenden Konventionen replizieren.

Hier sind sieben Best-Practice-Tipps für eine effektive mobile Navigation.

1. Halten Sie Menüs kurz und bündig

„Wenn es um Menüs auf mobilen Websites geht, ist weniger wirklich mehr. ” Wenn Sie die Menüoptionen überladen, werden Benutzer mit einer Entscheidungslähmung konfrontiert, wenn sie versuchen zu entscheiden, welche Option sie benötigen. Denken Sie daran, sie sind hinter sofortigen Informationen her. Wenn sie viele Optionen durchforsten müssen, verschwinden sie einfach auf der Suche nach einer besser gestalteten Website. Stellen Sie also sicher, dass Ihre Menüs kurz und bündig sind.

Die Ausnahme bilden E-Commerce-Shops, da Benutzer einen schnellen und einfachen Zugriff auf verschiedene Einkaufskategorien wünschen. Aber obwohl Sie die Produktkategorien nicht reduzieren können, spricht einiges dafür, einige der Standardseiten – wie Startseite, Kontakt und Info – aus dem mobilen Menü zu entfernen, da die Benutzer den Einkauf priorisieren.

best-practices-mobile-navigation-menüs

2. Fügen Sie eine auffällige Suchschaltfläche ein

Einfachheit und Minimalismus sind Schlüsselwörter im mobilen Design. Bei reduziertem Platzangebot und kurzen Menüs besteht jedoch die Gefahr, dass Benutzer nicht schnell finden, was sie suchen. Aus diesem Grund ist es wichtig, einen auffälligen Suchbutton in Form des etablierten Spiegelsymbols zu haben.

Idealerweise möchten Sie das Suchsymbol oben auf dem Bildschirm platzieren, damit ein Benutzer, der auf Ihrer Website nach einer bestimmten Information sucht, mit minimalem Aufwand suchen und finden kann, was er will.

3. Stellen Sie sicher, dass Sie einfach zur Startseite zurückkehren können

Eine bekannte Konvention für alle Internetnutzer ist das Konzept einer Homepage, und dies ist für Mobilgeräte gleichermaßen wichtig. Es ist einfach, auf einer Website zu landen, ein paar Klicks zu folgen und plötzlich den Überblick zu verlieren, wo Sie sich befinden, oder einen Anruf anzunehmen und zu vergessen, was Sie getan haben, wenn Sie zum Surfen zurückkehren. Das Home-Symbol ist für alle Benutzer ein vertrauter Anblick und bietet ihnen eine einfache Möglichkeit, zur Startseite zurückzukehren.

Auch die Homepage ist ein nützlicher Orientierungspunkt. Es sollte einen Überblick über die nützlichsten Informationen auf Ihrer Seite haben, damit sich die Nutzer neu orientieren und sofort die wichtigsten Inhalte entdecken können.

4. Machen Sie CTAs offensichtlich

Jede Seite Ihrer Website sollte einen Call-to-Action haben, der deutlich macht, was Ihre Besucher tun sollen, nachdem sie dort gelandet sind. In der minimierten Browsing-Umgebung eines Mobiltelefons ist es wichtig, dass Ihre Handlungsaufforderungen jederzeit hervorgehoben werden.

Befolgen Sie die grundlegenden Konventionen für CTAs – klare, kontrastierende Farben, unverwechselbarer, überzeugender Text und stellen Sie sicher, dass sie sich optisch abheben – und platzieren Sie sie vorne und in der Mitte, wo sie nicht übersehen werden können.

Wenn Sie einen E-Commerce-Shop haben, sollten Sie erwägen, Ihre Schaltfläche „In den Warenkorb“ oder „Kaufen“ als Sticky-Button hinzuzufügen, damit sie immer auf der Seite angezeigt wird, wenn Ihre Benutzer scrollen.

5. Überlegen Sie, ob Sie Freigabesymbole benötigen

Dies mag wie ein Kinderspiel erscheinen; Schließlich ist die Nutzung sozialer Medien auf mobilen Geräten auf einem Allzeithoch, mit über einer halben Milliarde Menschen, die Facebook ausschließlich auf ihren Handys nutzen. Eine kürzlich von Moovweb durchgeführte Studie ergab jedoch, dass nur 0,2 Prozent der mobilen Benutzer jemals auf eine mobile Sharing-Schaltfläche klicken, was 35 Prozent weniger ist als auf Desktops. Tatsächlich zeigte die Studie, dass mobile Nutzer mit 11,5-mal höherer Wahrscheinlichkeit auf eine Anzeige klicken, als Inhalte über ihr Handy zu teilen.

Die Studie ergab auch, dass Facebook das führende Netzwerk ist, wenn Sie Social Sharing als Teil Ihrer Marketingkampagne implementieren möchten. Um die bestmöglichen Erfolgschancen zu haben, sollten Sie zusätzlich zu einem für Mobilgeräte optimierten Teilen-Symbol einen CTA einfügen, der Ihre Benutzer auffordert, die Informationen zu teilen, und möglicherweise sogar eine Art Anreiz bieten.

best-practices-mobile-navigation-icons

6. Werbeaktionen auf ein Minimum beschränken

Wie in der obigen Umfrage erwähnt, ist es viel wahrscheinlicher, dass mobile Nutzer auf eine Anzeige klicken, als dass sie Informationen von ihren mobilen Geräten aus teilen. Das bedeutet jedoch nicht, dass Sie Ihre mobile Website mit Anzeigen übersäten sollten.

Im Gegenteil, da Immobilien auf mobilen Bildschirmen sehr teuer sind, ist das Überladen des Bildschirms mit Anzeigen ein todsicherer Weg, um sicherzustellen, dass Ihre Besucher mit einer Grimasse abreisen. Werbeaktionen, ob Ihre eigene oder bezahlte Werbung auf Ihrer Website, können selbst die besten Inhalte und wichtigsten Informationen auf einem Bildschirm leicht überwältigen und den Benutzern die Navigation erschweren. Wenn Sie Werbeaktionen und Anzeigen einbinden möchten, achten Sie darauf, dass diese nicht die Oberhand gewinnen.

7. Gestalten Sie die Website berührungsfreundlich

Stellen Sie schließlich sicher, dass die Navigation für Ihre Benutzer einfach ist, indem Sie sicherstellen, dass Ihre mobile Website berührungsfreundlich ist. Denken Sie daran, dass Benutzer anstelle einer präzisen Maus ihre größeren, etwas ungeschickteren Finger zur Navigation verwenden werden. Ihr Design sollte viel Leerraum enthalten und Ihre Links sollten sowohl offensichtlich als auch leicht mit dem Finger zu tippen sein – die Zielgröße beträgt 44 x 44 Pixel.

Vermeiden Sie außerdem Effekte, die sich nicht gut auf Mobilgeräte übertragen lassen, z. B. Hover-Effekte, und versuchen Sie, die Verwendung von Popup-Nachrichten zu vermeiden – sie sind auf einem Desktop-Computer irritierend genug, können aber auf einer mobilen Website besonders umständlich zu navigieren sein.

best-practices-mobile-navigation-touch-freundlich

Es ist kaum zu leugnen, dass Mobilgeräte groß und für alle Website-Besitzer von entscheidender Bedeutung sind. Stellen Sie sicher, dass Sie die Hauptziele Ihrer Kunden kennen und entwerfen Sie mit Präzision und Zielstrebigkeit, mit einer minimalistischen Perspektive und einer Mobile-First-Mentalität. Sie möchten Benutzer nicht mit Entscheidungen und Ablenkungen überfordern, die sie lähmen und vertreiben könnten.

Sie streben eine nahtlose, intuitive Navigation an, um das Benutzererlebnis der Besucher zu verbessern. „Mit einer erstklassigen Benutzererfahrung wird die Website mehr Besucher anziehen und mehr Conversions erzielen. ”

Welche Tipps und Tricks nutzen Sie für eine intuitive, reibungslose mobile Navigation? Haben wir etwas Wichtiges vergessen? Sagen Sie es uns unten!