Entwerfen der Navigation einer neuen Website

Anders als die visuelle Gestaltung, zu bestimmen, wie ein Benutzer eine Website navigieren ist eine der anspruchsvolleren kreativen Aufgaben, die Sie als Web-Designer konfrontiert werden. Das Hauptziel ist es, die Menschen in die Verwaltung der Seite fühlen und in der Lage um schnell bekommen und effizient. Nichts ist schlimmer als ein Benutzer Gefühl in Ihrer Website verloren.

Menu

Damit müssen die Menschen umgehen und bleiben orientiert, dass Ihr Navigationssystem eine Straßenkarte des gesamten Geländes, komplett mit # 147-Sie sind hier # 148- Zeichen.

Globale Navigation für Websites

Denken Sie an die berühmte Zeile aus den 1970er Jahren TV-Spot: # 147-Wie viele leckt macht es zum Zentrum eines Tootsie Pop zu bekommen nehmen? # 148- Mit Süßigkeiten, die mehr leckt, desto besser. Im Netz ist jedoch das Gegenteil der Fall: Die Benutzer etwas nicht geschmeckt über die Navigation durch Gobs Seiten finden werden. Ihr Ziel ist es, Benutzern so schnell zu erhalten, wie Sie ihre gewünschten Inhalte zu können.

Der beste Weg, um die Anzahl der Klicks zu reduzieren, ist Ihre primäre, sekundäre und tertiäre Navigationsgeräte auf jeder Seite der Website zur Verfügung zu stellen. Diese Strategie, die so genannte Globale Navigation, ermöglicht es Menschen, von einem Hauptabschnitt zum nächsten schnell zu navigieren, ohne irgendwelche Schritte nachvollziehen zu müssen. Darüber hinaus ist es wichtig, dass diese Navigationsgeräte immer an der gleichen Stelle befinden und ändern sich nicht, was sie (Swapping Navigationsmöglichkeiten in und out) bieten. Diese Konsistenz bietet eine mentale Anker für den Benutzer.

Apfel's global navigation system allows users to stay oriented and to quickly traverse from o
Apples globale Navigationssystem ermöglicht es Benutzern, die Orientierung zu erleichtern und schnell von einem Abschnitt zum nächsten zu durchqueren.

Section Navigation

Nachdem die Benutzer eine Kategorie aus der primären, sekundären oder tertiären Navigationsgruppe auswählen, werden sie in einen Abschnitt transportiert. Unter der Annahme, dass der Abschnitt ein paar Stufen von Inhalt in sich hat, müssen Sie einen Weg durch sie zu navigieren. Eine typische Praxis ist eine Reihe von zu offenbaren Abschnitt Navigation Entscheidungen auf der Seite. Diese Entscheidungen sind einzigartig in ihrem Abschnitt, aber die Region, die Sie auswählen, um sie anzuzeigen ist die gleiche Region verwendet Abschnitt Navigation für andere Bereiche der Website angezeigt werden.

In diesem Abschnitt Navigationsdesign zeigt die erste Ebene der Seiten im Produktbereich der Website.
In diesem Abschnitt Navigationsdesign zeigt die erste Ebene der Seiten im Produktbereich der Website.
In diesem Abschnitt Navigationsdesign zeigt der ersten und zweiten Ebene Seiten im Bereich Produkte.
In diesem Abschnitt Navigationsdesign zeigt der ersten und zweiten Ebene Seiten im Bereich Produkte.

Alternativ können Sie auch den Abschnitt Navigation vollständig geöffnet anzuzeigen. Der Vorteil besteht darin, dass Benutzer schnell alle First- und Second-Level-Inhalte mit einem Abschnitt zu sehen. Der Nachteil ist, dass die Navigation sehr viel Platz in Anspruch nehmen kann und kann dem Benutzer unübersichtlich und überwältigend aussehen.

Section Navigation wird als Drop-Down-Menü sowie auf der Seite selbst oft gezeigt.
Section Navigation wird als Drop-Down-Menü sowie auf der Seite selbst oft gezeigt.

Typischerweise nur die erste Stufe der Seiten wird gezeigt, aber ausfliegen Menüs können einen schnellen Zugriff auf Second-Level-Seiten zur Verfügung stellen. Es ist in Ordnung, redundante Abschnitt Navigation zu haben, ist es sowohl auf der Seite zeigt und als Drop-Down-Menü in der globalen Navigationssystem inklusive.

Hinterlassen einer Spur von Brotkrumen

Wenn Hänsel und Gretel eine Spur von Brotkrumen verwenden können, ihren Weg zurück durch den Wald zu finden, man denke nur an, was eine digitale Version von Brotkrumen für die Besucher auf Ihre Website zu tun. Semmelbrösel, wie sie in der Web-Design-Industrie genannt werden tatsächlich, sind Textlinks Sie in einer Spur hinterlassen, die Ihre Schritte markiert, wie Sie tief in eine Sektion.

Dieser Brotkrümelpfad bietet eine bequeme Möglichkeit, Ihre Schritte in einer Website zurückzuverfolgen.
Dieser Brotkrümelpfad bietet eine bequeme Möglichkeit, Ihre Schritte in einer Website zurückzuverfolgen.

Paniermehl sind hilfreiche Seiten zu navigieren, die Navigation, die mehr als zwei Ebenen tief innerhalb eines Abschnitts geht. Zum Beispiel, wenn Sie den Abschnitt Navigation verwenden, um eine Seite zu gehen, die noch mehr Links auf sie hat, sind Sie nun Tauchen in einen dritten oder vierten Ebene der Hierarchie des Abschnitts. Es ist einfach nicht praktisch, dritten und vierten Ebene Navigation auf der Seite angezeigt werden soll. So sind die Brotkrumen einfach Ihre Schritte aufzeichnen und immer länger, wie Sie tauchen tiefer (hoffentlich nicht mehr als vier Ebenen oder Sie bekommen in den Katakomben der Seite!).

Jede Brotkrümel Link bietet einen schnellen Weg, um Ihre Schritte zurück in der Hierarchie zurückzuverfolgen. Sie müssen nicht den Links folgen, in sequenz Sie einen Link in der Spur klicken, können in der Hierarchie schnell wieder auf eine andere Ebene zu springen. Der Weg gibt Ihnen auch eine gute Vorstellung davon, wo auf der Website. Im Gegensatz zu einem globalen Navigationsschema, jedoch können Sie nicht über springen ein anderer Abschnitt- Sie können nur auf ein Niveau zurückspringen innerhalb ein Abschnitt. Denken Sie an einen Brotkrümel-System als die Back-Taste des Browsers auf Steroiden.

Grafisch ist das Design-Konvention für ein Brotkrümel-Schnittstelle jedes vorherigen Schritt als aktiver Textlink durch ein Zeichen (Pfeil, Darm-, oder Rohr), die alle in einer einfachen Reihe gefolgt zu zeigen. Der letzte Eintrag am Ende des Weges steht für die aktuelle Seite, die Sie sind, so sollte es nicht einen Link - und es sollte anders aussehen. Wenn es ein Link wäre, wäre es einfach die Seite neu zu laden - nicht die ideale User Experience.

Menü