10 Möglichkeiten, Menüs zu entwerfen, die nicht saugen
Es gibt bestimmte richtige und falsche Wege, Navigationsmenüs zu entwerfen. Dieser grundlegende Teil einer Website wird im Designprozess oft übersehen und zeigt sich in Bezug auf die Benutzerfreundlichkeit.
Clunky, überfüllte oder fehlende Navigation sind die häufigsten Probleme und ehrlich gesagt können sie Ihre Website einfach nur zum Kotzen bringen. Sei nicht dieser Typ (oder Mädchen). Verwenden Sie diese Tipps, um sicherzustellen, dass Sie moderne Navigationsmuster in Ihren Website-Projekten für coole, kreative Navigationselemente verwenden, die nicht lutschen. (Und sind sehr brauchbar.)
1. Mische die Mega Menüs
Mega Menus waren eine Design-Mode, die Kunden liebten - selbst wenn Designer sie hassten. Der übergroße Menü-Stil, der "alles außer der Küchenspüle" beinhaltet, ist überwältigend für die Benutzer und bietet keinen wirklichen Wert.
Nur eine Handvoll großer Einzelhändler kann wirklich mit der Verwendung von Mega-Menüs durchkommen, und der Zweck besteht darin, den Umfang des Inventars zu zeigen. Die Nützlichkeit des überladenen Navigationselements ist fraglich.
Oft wird eine Mega-Menüoption ausgewählt, da es zu schwierig ist einzuschränken, was in die Navigation eingefügt werden soll. Mache die schwierigen Entscheidungen. Analysieren Sie, um zu sehen, wonach Nutzer suchen. Ehrlich gesagt, die meisten Benutzer, die eine ganz bestimmte Sache wollen, werden sie trotzdem mit der Suche finden.
2. Machen Sie die Suche prominent
Apropos Search: Mach es deutlich. Die Suche sollte auf jeder Seite sein. Es sollte in der Hauptnavigation sein. Und es sollte groß und leicht zugänglich sein.
Hervorragende Suchfunktionalität ist der Link, der Benutzer auf einer Website hält. Wenn das, wonach sie suchen, nicht ohne weiteres verfügbar ist, wird die nächste Option wahrscheinlich danach suchen. (Sie können Google für diesen Suchvorgang danken.)
Versuche nicht, dagegen anzukämpfen. Arbeiten Sie mit Benutzern und schließen Sie die Suche als Teil der Hauptnavigation ein. (Und stellen Sie sicher, dass die Box groß genug ist, um gängige Phrasen einzugeben und vollständig zu sehen.)
3. Beschränken Sie die Anzahl der Navigationsoptionen
Es ist Ihre Aufgabe vorauszusehen, auf welche Inhalte Benutzer als nächstes zugreifen möchten. Beschränken Sie die Navigationsoptionen auf die beliebtesten Seiten und Informationen im Website-Design.
Fast jedes Navigationsmenü sollte eine Suche, eine About- oder Kontaktseite und E-Commerce-Sites sollte immer einen Warenkorb oder Buy Now-Button enthalten. Danach sollten Navigationselemente durch den Inhalt der Website gesteuert werden.
4. Entwickeln Sie intelligente Navigationsmenüs
Eine gute Navigation hilft Benutzern, von einem Bit Inhalt zum nächsten logischen Punkt zu gelangen. Dieser Inhalt ist oft auf verschiedenen Teilen der Website unterschiedlich.
Erstellen Sie mehrere Navigationskonfigurationen, damit die Benutzer einfachen Zugriff auf den Inhalt haben, der den nächsten logischen Schritt auf dem Weg um das Design darstellt. Während sich einige Elemente überlappen können, unterstützen andere die Benutzer und helfen ihnen, tiefer in das Design einzutauchen.
Wir befinden uns in einem Alter, in dem die Nutzer bestimmte Personalisierungsgrade erwarten. Amazon tut dies mit Navigationselementen, die sogar Benutzer namentlich aufrufen. Sehen Sie sich beim nächsten Einloggen die Navigation genau an, um [Ihr Name hier] auf Amazon.com zu sehen. Die sekundäre Navigation enthält Informationen wie die jährliche Spende des Benutzers für Benutzer von Smile, die jüngste Bestellhistorie und sogar Gutschriften für andere Amazon-Dienste. (Alles danach ist auch ziemlich personalisiert.)
5. Nav-Elemente gezielt bestellen
Die Reihenfolge der Navigationselemente ist ebenso wichtig wie die Entscheidung, sie zu verwenden. Elemente am Anfang und Ende des Navigationselements sind am effektivsten, meist gesehen und am meisten angeklickt. Benutze diese Positionen sorgfältig.
Es gibt sogar eine Wissenschaft, um dies zu untermauern. Das serieller Positionseffekt ist die Tendenz einer Person, die ersten und letzten Punkte in einer Liste am konsequentesten wiederzugeben. Außerdem neigen Benutzer dazu, die aktuellsten Elemente am besten zurückzurufen (Aktualitätseffekt) und die ersten Elemente in einer Liste werden besser abgerufen als mittlere Elemente (Primateffekt).
Sehen Sie sich die Benutzerflussmuster in Ihren Website-Analysen an, um genau zu bestimmen, welche Seiten und Elemente vorne und in der Mitte sein sollten. Fügen Sie Seiten, die Benutzer von der Startseite aufrufen, und Inhalte ein, mit denen Benutzer eine Verbindung herstellen sollen. Eliminieren Sie Navigationselemente, die den Benutzerfluss nicht steuern.
6. Verwenden Sie Sticky Navigation für lange Scroll-Seiten
Lassen Sie die Benutzer nicht den Überblick über die Navigation verlieren. Egal ob oben oder unten oder am Bildschirmrand, jede Seite mit einem langen Bildlauf sollte ein Menü enthalten. Der Grund dafür ist einfach: Lassen Sie die Benutzer nicht daran arbeiten, weiterhin mit Ihrer Website zu interagieren.
Je einfacher es ist, sich zu bewegen und Inhalte zu erleben, desto wahrscheinlicher ist es, dass Benutzer genau das tun. Je mehr Zeit ein Nutzer mit Ihrem Design auf Ihrer Website verbringt, desto wahrscheinlicher ist es, dass er eine gewünschte Nutzeraktion ausführt.
7. Verstecken Sie die Navigation nicht
Kleine Menüelemente, Links, die am unteren Bildschirmrand oder nur in der Fußzeile versteckt sind, und eine Pop-Out-Navigation, die hinter seltsamen Symbolen versteckt ist und die fehlende Navigation auf den Innenseiten verhindern, dass Nutzer klicken. Verbergen Sie die Navigation nicht. Es sollte vorne und in der Mitte sein. Es sollte auf jeder Seite sein.
Benutzer können auf Ihre Website auf verschiedene Arten zugreifen. Stellen Sie sicher, dass bei ihrer Ankunft ein Navigationselement auf sie wartet.
8. Verwenden Sie beschreibende Etiketten
Von Navigationswörtern bis zu Symbolen sollte jedes Element den Benutzern genau sagen, was mit einem Klick passiert. Verwenden Sie allgemein akzeptierte Symbole wie eine Einkaufskarte zum Auschecken oder eine Lupe für die Suche oder ein Hamburger-Symbol für Pop-Out-Menüs.
Dann gehen Sie einen Schritt weiter und verwenden Sie Textbeschriftungen, die dem Benutzer genau sagen, welche Informationen darin enthalten sind. Versuchen Sie, übermäßig generische Labels wie Services oder Angebote zu vermeiden, wenn ein Wort den Inhalt besser erklärt.
9. Betrachten Sie die Ganzseiten-Nav
Manchmal ist das Design die Navigation. Wenn es einige wichtige Elemente gibt, die für Benutzer wichtig sind, können Sie diese mit der Vollbildnavigation darstellen.
Obwohl dies nicht für jedes Projekt geeignet ist, kann es für kleinere Websites, Portfolios oder Projektarbeiten effektiv sein.
10. Geh vertikal
Die vertikale Navigation ist gerade angesagt und aus gutem Grund. Es ist leicht zu sehen und zeichnet das Auge, weil es etwas anders ist.
Seitliche, vertikal orientierte Navigation ist eine gute Option für Websites, die etwas mehr Speicherplatz für die Anzahl der Navigationselemente benötigen. Mit einem tieferen Menü kann das Design mehr Navigationselemente aufnehmen, ohne sich überladen zu fühlen und ausreichend Platz zwischen den Elementen zu halten.
