In der Website-Design-Navigation gibt es ein Trendthema: Sidebar-Menüs. Weitere Designer arbeiten mit der vertikalen Seitennavigation für Projekte, wobei sich bei vielen dieser Website-Designs ein bestimmter Ort auf der linken Seite befindet.
Und obwohl es schön aussieht und helfen kann, Unordnung in der gesamten Leinwand zu rationalisieren, funktioniert es wirklich? Antworten Benutzer auf Seitennavigation? Ist es ein Design-Trend, den Sie berücksichtigen sollten? Heute werden wir versuchen, die Fragen mit praktischen und nützlichen Antworten auf den Punkt zu bringen.
Seitennavigation wird überall angezeigt
Seitennavigation ist Teil einer Entwicklung versteckter und interessanter Menüstile. Responsive Design hat Designer fast gezwungen, über alternative Navigationsmuster nachzudenken, um die Navigation auf kleinen Bildschirmen zu erleichtern. Und das Hamburger-Menüsymbol war geboren.
Das hat sich zu mehr Pop-Out-Styles entwickelt, die mit einem Hamburger-Symbol beginnen. Einige dieser Navigationsmenüs werden vollständig geöffnet, während andere einen Dropdown- oder Dropdown-Stil mit einer vollständigen Palette an Benutzeroptionen bieten. Das allgemeine Thema ist, dass sich viele Hamburger-Icons in die vertikale Navigation mit dem Schieberegler öffnen.
Die vollständige Navigation in der Seitenleiste scheint eine Erweiterung dieser Idee zu sein.
Der Trend in seiner aktuellen Iteration weist meistens dünne linke Navigationsleisten auf. Sie sind in der Regel einfach, aus einer einzigen Farbe (oder Überlagerung) und enthalten eine Handvoll Elemente zur Auswahl. Die Navigationsleiste kann eine Mischung aus Logo oder Branding Marks, Textlinks und Social Media oder anderen Symbolen und Suchen enthalten.
Der Schlüssel zu diesem Trend ist, sicherzustellen, dass die Seitenleiste genügend Kontrast enthält, um in Relation zum Rest des Bildschirms deutlich sichtbar zu sein. Sie muss auf mobilen Geräten funktionieren (dies kann ziemlich kompliziert sein) und ist groß genug, um Schriftarten zu enthalten sind lesbar.
Noch ein Tipp, wenn Sie über vertikale Navigation nachdenken: Seien Sie nicht versucht, zu viele Elemente zu stopfen, nur um die Tiefe eines Bildschirms mit Standardauflösung zu füllen. Leerzeichen sind als Design-Tool in diesem Format absolut akzeptabel - und werden sogar empfohlen. Wenn Sie sich die Beispiele in diesem Artikel ansehen, können Sie feststellen, dass ein Leerzeichen zwischen Elementen oder das Ausrichten von Elementen nach oben, unten oder in der Mitte mit Leerzeichen einen Reiz haben kann. Der zusätzliche Platz in der Navigationsleiste lenkt den Blick auf die Navigationsleiste und trägt zur allgemeinen Benutzerfreundlichkeit bei.
Seitennavigation Pros
Seitennavigation hat viel ästhetischen Wert. Während dieses Konzept in den frühen Tagen des Internets häufig verwendet wurde, sind die vertikalen Navigationsmenüs von heute schlank und stilvoll.
Vorteile der vertikalen Seitennavigation sind:
- Die linke vertikale Navigation fällt in den langen Strich der F-Form, in der die Leser zuerst nach oben und dann nach links als natürliches Lesemuster schauen
- Menüelemente werden anfangs nicht versteckt, wie es bei anderen trendigen Stilen wie Hamburger Menüs häufig der Fall ist
- Elemente haben das gleiche Gewicht über der Schriftrolle
- Das Ablesen von oben nach unten ist einfach zu scannen, wenn der Abstand zwischen den Elementen ausreichend ist
- Hinterlässt eine aufgeräumte Leinwand für den Rest des Designs
- Bietet eine andere Formfläche, die das visuelle Interesse erhöhen oder die Verwendung bestimmter Bild- oder Videoinhalte erleichtern kann
- Kann möglicherweise weitere Links auf saubere Weise enthalten
Seitennavigation Cons
Es gibt ein ziemlich großes Kontingent von Leuten, die vertikale Navigation überhaupt nicht mögen. Während die größten Beanstandungen in Bezug auf die Benutzerfreundlichkeit auf die Navigation auf der rechten Seite bezogen sind, argumentieren einige Designer, dass vertikale Navigationsstile für Benutzer und Entwickler eine Komplexität schaffen.
Gründe gegen die Verwendung der vertikalen Seitennavigation sind:
- Es kann schwierig sein, die vertikale Navigation in einem reaktionsfähigen Rahmen richtig zu aktivieren
- Die Wörter in der Navigation müssen kurz genug sein, um in eine schmale Spalte zu passen, ohne eine unlesbare Schrift zu verwenden
- Der von der vertikalen Navigation genutzte Speicherplatz kann für andere Inhalte wertvoller sein.
- Bei breiteren Bildschirmen ist der Bildlauf höher und einige Navigationselemente können verloren gehen.?> / Li>
- Der zusätzliche Platz? Die vertikale Navigation kann einige Designer dazu anregen, das Navigationsmenü zu überladen und zu überladen. Halten Sie sich wie bei der oberen horizontalen Navigation nur an den obersten vier oder fünf Links innerhalb der Site.
- Viele Mausbenutzer (Rechtshänder) müssen über den Bildschirm gehen, um Navigationselemente anzuklicken. Dies kann ein umständliches und eventuell lästiges Benutzermuster sein.
- Vertikale Navigation muss scrollen und auf dem Bildschirm, so dass Benutzer es nicht verlieren. Häufig funktioniert die vertikale Navigation für ein einzelnes Seitendesign gut, wird jedoch bei einer größeren Verwendung umständlich.
Funktioniert es wirklich?
Funktioniert die vertikale Seitennavigation wirklich?
Die Jury ist noch nicht dabei.
Der Trend ist auffällig und lässt Sie sehen. Daraus ergibt sich ein gewisser Wert, denn die Benutzer werden es sehen. Wenn Ihre Navigation ein wesentlicher Bestandteil von Klickmustern und Benutzerabläufen ist, kann diese Option eine Überlegung sein.
Insgesamt scheint dieser Navigationsstil für kleine Websites mit nur wenigen Navigationsoptionen und begrenztem Inhalt am effektivsten zu sein. Viele der Beispiele in diesem Artikel beziehen sich scheinbar auf Immobilienkomplexe (ganz zufällig), während es sich anscheinend auch für ein kreatives Portfolio oder eine Agentur-Website eignet. Bei einem Design mit viel Inhalt kann die Seitennavigation in Bezug auf Design und Inhaltshierarchie zu restriktiv sein.
Was ist mit anderen Nav-Standorten?
Nicht-traditionelle Navigationsstile können eine lustige Methode sein, um einige der alten Entwurfsmuster aufzubrechen. Die vertikale Option ist nur eine von wenigen Ideen.
Das Problem bei nicht standardmäßigen Benutzermustern besteht darin, dass Sie die Gefahr haben, Benutzer zu verwirren, sodass sie die Website vollständig aufgeben. Ein solches Experiment eignet sich am besten für einen kleineren Standort, der einen einfachen visuellen Gesamtfluss hat.
Zwei andere Navigationsstile, die allmählich an Zugkraft gewinnen, sind das horizontale Hamburger-Popout, wie es von Aurora (oben) und das um 90 Grad geneigte Textnavig von AndCulture (unten) verwendet wird.
Beide Stile bieten etwas Unerwartetes und funktionieren gut in ihren jeweiligen Umgebungen, obwohl sie mit unterschiedlichen Designs möglicherweise schwer zu verstehen sind. Wenn Sie außerhalb der normalen Benutzermuster etwas tun, achten Sie darauf, dass Sie Ihre Analysen genau beobachten und regelmäßig testen. Wenn ungewöhnliche Klickmuster vorhanden sind oder Benutzer sich nicht mehr durch die Navigation bewegen, haben Sie möglicherweise ein Problem mit dem nicht-traditionellen Design und müssen es überdenken.
Fazit
Eines ist sicher, wenn es um Navigationstrends geht. Benutzer und Designer scheinen es satt zu haben, vollständig versteckte Stile und Nachfrageoptionen zu haben, die in ähnlichen Formaten auf Desktops und mobilen Geräten funktionieren. Dies kann einer der Gründe sein, warum ein vertikales Muster tendiert.
Welche Trends sehen Sie in der Navigation? Sind Sie gelangweilt beim Entwerfen von Links am oberen Bildschirmrand? Schreib mir eine Zeile auf Twitter und lass uns darüber reden. (Stellen Sie sicher, dass Sie auch Design Shack mit einem Tag versehen.)