Eine Webseite in ihrer einfachsten Form zu streichen, einen Moment zu ignorieren, Inhalte, die nur Text und Bilder sind, alles, was ein Browser-Erlebnis ist, ist Navigation. Es klickt auf Links, die Sie zu anderen Seiten mit mehr Links führen. Die Hauptnavigation Ihrer Website ist so ein wichtiger Teil davon, da sie den ständigen Zugang zu den wichtigsten Seiten Ihrer Inhalte darstellt.
Viele Websites verfügen auch über eine sekundäre Navigation, die auf den unteren Rand der Website verweist und "langweilige Inhalte" wie Nutzungsbedingungen oder Links zu Datenschutzrichtlinien enthält. Es macht Sinn, diese Links nicht in Ihrer Hauptnavigation zu haben. Sie möchten nicht, dass sie Ihre Zielseite verderben. Aber hier ist ein Hinweis, wenn Sie eine Sitemap in dieser sekundären Navigationsleiste haben müssen, machen Sie es falsch.
Gutes Design erfordert eine gute Organisation. Sie müssen herausfinden, welche Informationen für den Benutzer erforderlich sind, und diese dann in Abschnitte unterteilen. Dies ist ein Standardprozess für Webdesigner. Sofern es sich nicht um eine Seite oder ein Parallax-Scrolling handelt, sollten Sie diese auf einzelne Seiten legen, um die Übersicht zu erleichtern, die normalerweise über eine Navigationsleiste aufgerufen wird. Das Standardformat dafür ist ein horizontaler Balken am oberen Rand der Website, und obwohl Sie vielleicht denken, dass eine hübsche oder skurrile Navigation den Benutzer anspricht; oder Sie denken, dass Sie die Navigation neu definieren und durch einen Link, der durch verschachtelte Links auf den Seiten unterteilt, nutzbar machen können; Es wird nicht funktionieren.
Die Mehrheit der Benutzer möchte nicht arbeiten, um die Seite zu benutzen, sie werden leider das Standardformat erwarten. So sehr ich auch gerne innovative Designs und Navigationsprozesse sehen würde, der Durchschnittsbenutzer tut dies nicht und schaltet sich sofort aus. Wenn Sie eine Nicht-Standard-Schnittstelle für Ihre Hauptnavigation haben, erhöhen Sie einfach Ihre Absprungrate sofort. Das Wichtigste ist hier jedoch nicht Stil, sondern Beharrlichkeit. Die Navigation auf jeder Seite ist wichtig, zusammen mit der Konsistenz des Standorts, da dies ein Meilenstein auf Ihrer Seite ist und das Surf-Erlebnis Ihres Benutzers begrenzt.
Zu diesem Zeitpunkt werden Sie wahrscheinlich den Punkt bemerkt haben, den ich versuche, nach Hause zu hämmern, Webdesign ist so wichtig, um sich abzuheben, aber Ihre Navigation ist nicht der Ort, um es zu tun.
Der zweite Fehler, der häufig gemacht wird, ist zu denken, dass die Navigation zufrieden ist. Es ist nicht. Stellen Sie sich vor, Sie wären zu einer Party eingeladen, gutes Essen, tolle Leute und Konversation; Aber die Einladung sagt dir das nicht, es ist nicht das, was du überhaupt erwartest. Anstatt dir zu sagen, wo, wann oder was die Party sein wird, gibt es dir einen fantastischen Namen, vielleicht 'Johns Fancy Pants Party des Jahrhunderts'. Du hast die Idee. Die Navigation muss beschreibend sein, es ist nur ein Link, die Leute müssen wissen, was sie erwartet. Vergiss nicht, dass es ein Teil deiner SEO ist, also wenn jemand "deine PRODUKTE" googelt, werden sie zu deiner Produktseite gebracht, es sei denn natürlich, du kennst sie als "Unsere Kreationen" oder etwas Ähnliches, Schönes und Einzigartiges.
Wenn Sie sich Websites anschauen, die Designpreise gewonnen haben, werden sie sehr wahrscheinlich eine der Navigationsregeln brechen, die ich hier dargelegt habe. Ihre Verwendung von Leerraum und elegantem Design geht jedoch auf Kosten der Benutzerfreundlichkeit. Diese Art von schlecht funktionierender Website verwendet das, was in der Webdesignbranche als "Mystery Meat Navigation" (MMN) bekannt ist. Es kann cool aussehen und für den Designer absolut sinnvoll sein: "Ist es nicht offensichtlich, dass Mauszeiger über die linke Seite der Seite, 45,1 cm nach unten, die Links auf die Seite bringen, die meine politischen Ansichten hervorheben? Es ist eindeutig ein Verweis auf Fahrenheit 451, mein Lieblingsbuch, und die linken politischen Ansichten, die ich damit teile. Duh! "Abgesehen von extremen Szenarien kann MMN ein Albtraum für einen Benutzer sein, der Ihre Website tatsächlich nutzen möchte, und nicht nur darauf schauen, wie schön es ist. Stellen Sie sich die Absprungrate einer Website vor, die jeden Link durchlaufen hat, so wie ein automatischer Telefondienst Optionen durchläuft! MMN ist das Gleiche! 'Maus über 1 für: Home ', 'Maus über 2 für: Über ' ... Sie haben die Idee. Sie müssen jeden einzelnen Link durchsuchen, um zu finden, was Sie wollen, und bis Sie das Ende der Navigation erreicht haben, haben Sie vergessen, wofür Sie sich entschieden haben! Dies gilt auch für Standort-Feedback, das im Wesentlichen mit einer Farbänderung hervorgehoben wird, wo auf der Website der Benutzer ist, durch die Navigation.
Navigation ist das vertraute Portal zu neuen und interessanten Inhalten. Während ich Ihnen zuvor gesagt habe, dass Sie sich aus Gründen der Vertrautheit an die Konventionen halten und Ihre Bounce-Rate so niedrig wie möglich halten (vorausgesetzt, Ihre Inhalte sind gut), gibt es einige häufig verwendete Navigationselemente, die Sie vermeiden sollten.
Der primäre Täter ist das gefürchtete Dropdown-Menü, die größte Sünde, wenn Sie keine separate mobile Schnittstelle haben. Es erstreckt sich oft nicht auf Suchmaschinen-Crawls und ist schlecht für die Benutzerfreundlichkeit, wenn es vom Benutzer nicht erwartet wird. Sie sehen die obersten (übergeordneten) Links und treffen ihre Auswahl basierend auf ihren Möglichkeiten und plötzlich gibt es eine Reihe anderer Seiten. Bringen Sie keine verschachtelten Kinderseiten zu Ihrer Hauptnavigation, es ist unordentlich. Dies trägt zu einem generellen Punkt bei, da viele Seiten Ihre Trefferwerte verwässern und sich somit negativ auf Ihre verkehrsbezogene SEO auswirken. Wenn Sie mehr Seiten benötigen, als Sie in eine Standardnavigationsleiste einpassen können, haben Sie schlechte, ausführliche Inhalte und werden darunter leiden.
Wenn Sie es nicht schon erraten haben, ist es entscheidend, die Anzahl der Elemente in Ihrer Navigation niedrig zu halten. Die Überfüllung ist besonders in Navigationsmenüs der Seitenleiste zu beobachten, wo Designer denken, dass sie unbegrenzt verlängern können, da der Benutzer gewohnt ist, vertikal zu scrollen. Unter der Annahme, dass das Menü wie zuvor erwähnt leicht zu erkennen ist, können Sie sich mit weniger Elementen auf Anhieb leichter einprägen, was bedeutet, dass Ihre Website für den durchschnittlichen Benutzer besser nutzbar ist, da sie sich daran erinnern können, was Ihre Hauptseiten und Links sind.
Es wird oft zitiert, dass der Kurzzeitgedächtnis nur 7 Elemente für bis zu 20 Sekunden enthalten kann, was bedeutet, dass Sie Ihre Navigation auf 7 Elemente oder weniger beschränken sollten. Während dies eine vernünftige Logik hat, und ich würde es hassen, die Navigation mit mehr Elementen zu unterstützen, wenn Sie sehr spezifische Links zu Ihrer Website haben, können Sie die bekannteren in weniger wichtige Zonen der Leiste verweisen (was ich später weiter erläutern werde) on), wie die Benutzer erwarten, und wissen, dass diese da sind, ohne zu viel zu schauen.
In diesem Zeitalter von Google wissen wir alle, wie wichtig gutes SEO ist. und mit "guter SEO" meine ich nicht, dass Sie Ihre Inhalte und Ihre Website für höhere Such-Rankings kompromittieren, denn das ist nur schlechtes SEO. Bei der Optimierung Ihrer Website für Suchmaschinen-Crawler geht es nicht immer darum, so viele Keywords wie möglich oder ähnliches zu verwenden. Es kann so einfach sein, dass Sie keine Schaltflächen in Ihrer Navigation verwenden. Verwenden Sie immer Links für Ihre Navigation, es ist eine gute langfristige Design-Wahl, und es kann von Suchmaschinen erkannt werden. Es wird auch Ihre Website mehr nutzbar machen (solange es gut gestaltet ist). Davon profitieren vor allem Nutzer mit schlechten Augen, die ihre Textgröße erhöhen; Ebenso wie mobile Benutzer müssen länger warten, um Ihre Schaltfläche Bilder laden, dann warten Sie einige mehr, nachdem Sie auf sie klicken, als ihr Update-Status geladen wurde! Die Verwendung von Schaltflächenbildern als Navigation, die Verwendung von Bildern ohne Untertitel, ist eine schlechte Idee. Diese Art der Navigation wird niemals empfohlen, Text sollte immer verwendet werden, und wie oben mehrfach erwähnt, in einem Standardformat.
Schließlich erreichen wir die umstrittenste und psychoanalytischste aller Navigationstipps, die Reihenfolge! Es wird oft mit einigermaßen vernünftiger Logik behauptet, dass der erste und der letzte Link in einer Standardnavigationsleiste dem Unterbewusstsein höchste Priorität eingeräumt wird, weshalb heutzutage so viele Websites stattdessen einen Banner als Heimat- / Zielseitenlink verwenden einen traditionellen Home Link zu Beginn der Navigation zu haben. Die Sache mit dem allgegenwärtigen Home-Link ist, dass es so oft aus einer einfachen Erwartung übersehen wird, dass es da sein wird. Es macht kaum einen Unterschied für die Browser-Erfahrung des durchschnittlichen Benutzers, ob es ist oder nicht, und daher wird nicht wirklich als "erster" Link gezählt, wenn Sie sich entscheiden, einen dort zu setzen.
Abgesehen davon werden Benutzer natürlich Links von links nach rechts betrachten, vorausgesetzt, sie sind westlich und lesen auf diese Weise, wie die Mehrheit Ihrer Benutzer wahrscheinlich tun wird. Dies bedeutet, dass die Links mit der geringsten individuellen Auswirkung diejenigen in der Mitte des Navigationsmenüs sind, sie können jedoch einen kollektiven Effekt haben, der sich darauf auswirken kann, wie das Unterbewusstsein des Benutzers die Erfahrung Ihrer Site wahrnimmt. Dies wird in meinem Artikel weiter ausgeführt Geschichten mit deinen Designs erzählen , wo ich erkläre, wie die Reihenfolge, in der Sie Ihre Menüelemente platzieren, eine Geschichte über den Fortschritt eines Benutzers durch Ihre Website erzählt. Diese Theorie ist vor allem Spekulation, aber es macht Sinn, dass ein Support-Link direkt nach einem Geschäft / Produkte in Ihrem Menü kann sowohl Fehlschlag auf Ihre Produkte abzuleiten, und dass Unterstützung benötigt wird und verwendet genug, um einen Platz in Ihrem Haupt gewährleisten Navigationsmenü.
Während alle diese Ratschläge für die meisten herkömmlichen Websites relevant sind und die Benutzerfreundlichkeit für den durchschnittlichen Benutzer verbessern, sollten Sie diese Tipps nicht als Evangelium verstehen. Alle Websites und Designs sind unterschiedlich, und einige können davon profitieren, einige der oben aufgeführten Richtlinien zu ignorieren. Vor allem machen Sie Ihre Website als erste und zweite als nützlich, Ihre Bounce-Rate wird sinken, und Sie können auf dem aufbauen, was Sie haben.
Sehen Sie sich die Navigation anderer Websites an und versuchen Sie darüber nachzudenken, was es funktioniert, nicht funktioniert oder es sogar unbrauchbar macht. Nehmen RockPaperShotgun , zum Beispiel. Es hat eine Navigationsleiste, ja, und es wäre vor etwa 10 Jahren Standard gewesen! Es funktioniert, aber sein grundlegendes Format und zahlreiche Links lassen es sehr sekundär erscheinen, und die Seite fühlt sich an, als ob etwas fehlen würde von dem großen Loch neben dem Titelbanner, wo eine Navigationsleiste hingehen würde; Ein Upgrade auf ein Tabbed-Design könnte dies verbessern.
Oder nimm Google.de , ein offensichtliches Beispiel natürlich, das ist ein wenig anders, da sie eine permanente Banner-Navigation für ein Netzwerk von Websites haben. Sie werden feststellen, dass der Link für YouTube (der einzige Link, bei dem das Bannermenü nicht beibehalten wird) in der Mitte platziert wird. Dies liegt daran, dass YouTube häufig als unabhängige Website und nicht als Teil des Google-Netzwerks verwendet wird. Daher wird YouTube an der unwichtigsten Stelle der Leiste platziert. Die Dropdown-Registerkarte "Mehr" befindet sich am Ende, so dass es sich wie eine Erweiterung der ursprünglichen Leiste anfühlt, ohne dass Elemente das Hauptbanner verstopfen. Die anderen, die Sie wahrscheinlich für sich selbst ausgearbeitet haben; Die Schaltfläche "Suchen" verwendet die gleiche Argumentation wie die Schaltfläche "Home", und die Verknüpfung "Bilder" ist die am zweithäufigsten verwendete Methode. Sie müssen also nur minimal mit Maus und Auge reisen, um darauf zu klicken. Sobald Sie damit beginnen, den Überblick zu behalten, werden Sie wahrscheinlich feststellen, wie sehr Google davon ausgegangen ist, und Sie können sehen, warum sie einer der führenden Innovatoren im Bereich des Online-Designs sind.
Sehen Sie nach, ob Sie herausfinden können, warum der Rest der Links dort platziert wurde, wo sie sind, und überlegen Sie dann, ob Sie Verbesserungen an Ihrer Navigation vornehmen können.
Halten Sie sich an die Tipps hier? Bevorzugst du die Navigation auf einer Ebene oder umfassende Drop-downs? Lassen Sie es uns in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, Wegweiser Bild über Shutterstock.