So optimieren Sie die Site-Navigation für Conversions (Guide)

Sie kennen dieses Gefühl, wenn Sie in ein Geschäft gehen, das Ding, für das Sie gekommen sind, nicht finden können und der eine Mitarbeiter auf dem Boden auf mysteriöse Weise nirgendwo ist? Du grabst nicht durch jeden Gang. Du gehst. Genau das passiert auf Websites mit verwirrenden Menüs – und deshalb ist das Erlernen der Optimierung der Website-Navigation für Conversions einer der hebelstärksten Schritte in der gesamten Conversion-Optimierung. Die kurze Version: Die Aufgabe Ihrer Navigation besteht darin, jedem Besucher zu helfen, das Ding zu finden, für das er in Sekunden gekommen ist. Sie tun dies, indem Sie diagnostizieren, wie sich die Leute tatsächlich durch Ihre Website bewegen, Menüpunkte in den Worten Ihrer Besucher anstelle Ihres internen Jargons umbenennen, die Struktur flach und absichtsbasiert halten, Geldseiten wie Preisgestaltung leicht zu finden machen und Änderungen sorgfältig testen, weil die Navigation jede einzelne Seite berührt.

Navigation ist das ruhige Arbeitspferd Ihrer Website. Niemand beglückwünscht ein tolles Menü – die Leute finden nur, was sie brauchen und konvertieren. Aber ein verwirrendes Menü? Das ist der stille Killer. Besucher beschweren sich selten darüber; Sie gehen einfach, und Ihre Analysen zucken zucken und nennen es einen Bounce. Lassen Sie uns das also Schritt für Schritt mit einem System beheben, das Sie heute verwenden können.

Was bedeutet es eigentlich, die Website-Navigation für Conversions zu optimieren?

Hier ist der Teil, den Ihnen niemand sagt: Ihre Navigation ist keine Karte Ihrer Website. Es ist ein Entscheidungshilfe-Tool für eine Person, die mit einem bestimmten Job angekommen ist. Jemand landet auf Ihrer Website und denkt: “Ich muss sehen, was das kostet”, oder “Ich möchte wissen, ob das für meine Situation funktioniert” oder “Wo melde ich mich an?” Ihr Menü beantwortet das entweder auf einen Blick – oder es lässt sie dafür arbeiten.

Und wenn Besucher dafür arbeiten müssen, tun es die meisten nicht. Sie archivieren keine Beschwerde oder E-Mail Sie über die verwirrende Dropdown. Sie drücken den Zurück-Button und versuchen das nächste Ergebnis in Google. Das ist es, was ich meine, wenn ich sage, dass Verwirrung der stille Killer ist: Eine kaputte Kasse wirft Fehler, die man sehen kann, aber eine kaputte Navigation blutet nur leise Besucher, die dir nie sagen, warum sie gegangen sind.

Das Ziel ist also nicht Eleganz, Klugheit oder Quetschen auf jeder Seite, die Sie jemals veröffentlicht haben. Das Ziel ist Speed-to-Destination. Und eine ehrliche Einschränkung, bevor wir eintauchen: Gute Navigation dient dem Besucher zuerst und Conversions an zweiter Stelle. Glücklicherweise weisen diese beiden Ziele fast immer in die gleiche Richtung – und wenn sie in Konflikt stehen, ist die erste Wahl des Besuchers auch die Wahl des vertrauensbildenden, langfristigen Umsatzes. Wir kommen darauf zurück.

Wie diagnostizieren Sie Navigationsprobleme, bevor Sie etwas ändern?

Okay, seien wir ehrlich: Die meisten Navigations-Redesigns beginnen mit jemandem, der wichtig ist und sagt: “Ich mag das Menü nicht.” Das ist keine Diagnose. Zu wissen, wie man die Website-Navigation für Conversions optimiert, beginnt mit Beweisen, nicht mit Meinungen — Verbringen Sie also eine Woche damit, es zu sammeln, bevor Sie ein einzelnes Etikett berühren. Das ist die gleiche Disziplin, die alle guten treibt conversion research — Beobachten Sie zuerst das reale Verhalten, bilden Sie Hypothesen, zweitens, gestalten Sie sie neu.

Hier ist, was zu sehen ist, in der Reihenfolge der Anstrengung:

1. Navigationsklicks im Vergleich zu Ihren beabsichtigten Pfaden. Öffnen Sie Ihre Analysen und vergleichen Sie, wo die Leute tatsächlich navigieren, wo Sie wollen, dass sie gehen. Wenn Ihr oberstes Menü sieben Elemente hat und neunzig plus Prozent der Klicks zu zwei von ihnen gehen, sind die anderen fünf hauptsächlich Rauschen. — oder es sind wichtige Seiten mit Labels, die niemand versteht. Wenn eine Seite, die Sie für kritisch halten (Preis, Demo, Anmeldung), kaum Navigationsverkehr erhält, ist das ein blinkendes rotes Licht.

2. Suchanfragen vor Ort. Dieses ist Gold, und fast jeder ignoriert es. Jede Suche, die jemand in das Suchfeld Ihrer Website eingibt, ist in einem sehr realen Sinne ein Navigationsfehlergeständnis. Sie schauten auf dein Menü, konnten das Ding nicht finden und tippten es stattdessen ein. Exportieren Sie Ihr Suchabfrageprotokoll und lesen Sie es. Die Wörter, die Personen eingeben, sind die Etiketten, die Ihre Navigation wahrscheinlich verwenden sollte — und die Abfragen mit Null-Ergebnissen sind die Inhaltslücken oder Kennzeichnungslücken, die Sie am meisten verletzen.

3. Rage-Muster in Session-Aufnahmen. Sehen Sie sich Aufnahmen von echten Sitzungen an und suchen Sie nach den verräterischen Zeichen: schnelle wiederholte Klicks auf Menüpunkte (Wutklicks), hin und her über Dropdown-Artikel wie jemand, der einen Müsligang scannt, ein Megamenü öffnet und es schließt, ohne etwas zu klicken, oder wiederholt zwischen zwei Abschnitten hüpft. Jeder von ihnen ist eine Person, die still sagt: “Ich kann nicht sagen, welche davon das Ding bedeutet, das ich will.”

4. Drop-offs direkt nach der Landung. Schauen Sie sich Besucher an, die auf einer Seite landen, ein wenig scrollen, die Navigation öffnen … und gehen. Eine hohe Ausstiegsrate unmittelbar nach der Interaktion mit dem Menü lässt vermuten, dass das Menü nichts relevantes versprochen hat. Die Landing Page hat sie interessiert genug, um für einen nächsten Schritt zu suchen, und die Navigation nicht bieten eine, die sie erkannt.

5. Just ask. Eine One-Frage-Umfrage — “Was wollten Sie heute finden?” — Auf Seiten mit hohem Traffic erhalten Sie Besuchervokabular direkt aus der Quelle. Fünf schnelle Usability-Tests zeigen Ihnen mehr als einen Monat Dashboard-Starten. Widerstehen Sie dem Drang, diesen Schritt zu überspringen; alles andere hängt davon ab, zu wissen, was tatsächlich kaputt ist, und ich verspreche, dass die Daten Sie mindestens einmal überraschen werden.

Wie schreiben Sie Navigationsetiketten, die Besucher tatsächlich verstehen?

Wenn Sie eine Sache aus diesem Artikel nehmen, nehmen Sie dies: Nennen Sie Dinge, wie Ihre Besucher sie nennen, nicht wie Sie sie intern nennen. Die Klarheit der Etiketten ist der häufigste Navigationsfehler, den ich sehe, und es ist auch am billigsten zu beheben.

Denken Sie an das Wort “Lösungen”. Welche Art von? Lösungen für was? Für wen? Es ist ein Etikett, das etwas in Ihrem Konferenzraum und nichts im Gehirn Ihres Besuchers bedeutet. Gleiches gilt für “Ressourcen” (ist das Blog-Posts? Dokumentation? Downloads?), “Plattform” (gegenüber “Produkt”? was ist der Unterschied?) und jedes Label, das ein Markenname für ein Feature ist (“Einführung NimbusTM” – Ihr Besucher weiß nicht, was Nimbus ist, es tut mir so leid).

Dein internes Organigramm ist hier der Feind. Unternehmen organisieren Menüs so, wie ihre Teams organisiert sind – Marketing-Seiten hier, Produkt-Seiten dort – und der Besucher, der Ihr Organigramm noch nie gesehen hat und es nie tun wird, wird es dekodieren lassen. Gruppe und Label von dem, was der Besucher zu tun versucht, Punkt.

Der Kofferraumtest: Ihr Etikettenqualitätscheck

Usability-Experte Steve Krug popularisierte einen wunderschön einfachen Check namens Trunk-Test. Die Prämisse: Stellen Sie sich vor, Sie wurden im Kofferraum eines Autos herumgefahren (Bär mit mir) und auf eine zufällige Seite einer Website geworfen. Blindfold off – können Sie sofort antworten: Welche Seite ist das? Auf welcher Seite bin ich? Was sind die wichtigsten Abschnitte? Wie suche ich? Die Navigation sollte all das auf einen Blick beantworten, auf jeder Seite, ohne Kontext.

Wenden Sie auf jedes einzelne Label den gleichen Geist an: Wenn ein Fremder, der noch nie von Ihrem Unternehmen gehört hat, nur diesen Menüpunkt gelesen hat, könnten sie vorhersagen, was dahinter steckt? “Preis” geht. “Pläne & Preise” geht. “Value Options” schlägt fehl. “Wie es funktioniert” geht vorüber. “Unser Ansatz” ist wackelig. “The Nimbus Experience” scheitert spektakulär.

Wo finden Sie die richtigen Worte? Sie haben sie bereits im Diagnoseschritt gesammelt: Suchanfragen vor Ort, Umfrageantworten, Supporttickets, Verkaufsgesprächsnotizen sowie die Kommentare und DMs auf Ihren sozialen Kanälen. Besucher geben Ihnen jeden Tag ihr Vokabular. Ihre einzige Aufgabe ist es, es zu nutzen.

Wie sollten Sie Ihr Menü für Conversions strukturieren?

Sobald Ihre Etiketten ehrlich sind, ist die Struktur die nächste. Drei Prinzipien machen hier die meiste Arbeit.

Halten Sie das Top-Level fest — rund fünf bis sieben Items. Dies ist eine Richtlinie, kein Gesetz der Physik, aber es hält aus einem einfachen Grund: jeder zusätzliche Top-Level-Artikel macht jeden anderen Artikel schwieriger zu scannen. Ein Menü mit zwölf Einträgen ist keine zwölf hilfreiche Option; es ist eine Textwand, die der Besucher lesen, analysieren und ranken muss. Wenn alles gefördert wird, ist nichts auffindbar. Wenn Sie sich um den achten Slot streiten, besteht das eigentliche Problem normalerweise darin, dass zwei bestehende Elemente zusammengeführt oder degradiert werden sollten.

Gruppe nach Benutzerabsicht, nicht nach Org-Diagramm. Fragen Sie jede Seite: Was versucht der Besucher zu erreichen, wenn er dies möchte? Seiten, die der gleichen Absicht dienen, leben zusammen, auch wenn verschiedene Abteilungen sie besitzen. Ein “Lernen” -Bereich, in dem Ihr Blog, Ihre Guides und Webinare enthalten sind, ist für einen Besucher sinnvoll. Ein “Marketing” -Bereich, der dieselben Seiten enthält, ist nur für Ihr Marketingteam sinnvoll.

Begrabe die Geldseiten nicht. Die Seiten, die direkt den Umsatz steigern — Preisgestaltung, Anmeldung, Demo, Kontakt — sollte von der obersten Ebene oder höchstens einen offensichtlichen Klick entfernt sichtbar sein. Und ja, das bedeutet Preisgestaltung in der Hauptnavigation. Ich weiß, dass es eine Denkschule gibt, die versteckte Preise sagt, um ein Verkaufsgespräch zu erzwingen. Hier ist meine ehrliche Meinung: Für die meisten Unternehmen frustriert das Verstecken von Preisen genau die Leute, die bereit sind zu kaufen und signalisiert, dass Spiele gespielt werden. Besucher, die keinen Preis finden können, gehen davon aus, dass es teuer ist, nehmen an, dass es ein hartes Verkaufen gibt oder suchen einfach einen Konkurrenten, der ihre Zeit respektiert. Wenn Ihre Preisgestaltung wirklich Konversation erfordert (echtes Unternehmen, benutzerdefinierte Builds), sagen Sie dies auf einer Preisseite — “So funktioniert die Preisgestaltung und was beeinflusst sie?” — Anstatt so zu tun, als ob das Thema nicht existiert.

Ein Menü, eine hervorgehobene Aktion

Ihre Navigation sollte auch genau einen visuell eindeutigen Aufruf zum Handeln enthalten – einen Button, keinen einfachen Link, für die einzelne Aktion, die Sie am meisten wollen: “Starten Sie kostenlos Testversion”, “Erhalten Sie eine Demo”, “Jetzt einkaufen”. Eins. Wenn das Menü drei Tasten hat, die gleichzeitig schreien, haben Sie das Zwölf-Item-Problem in Miniatur neu erstellt. Alles andere im Nav ist Wegfindung; dieses eine Element ist das Fragen. Halten Sie es auf jeder Seite konsistent, so dass, wenn der Besucher bereit ist, der nächste Schritt an der gleichen vertrauten Stelle ist.

Mega-Menü oder einfaches Dropdown – was konvertiert besser?

Ehrliche Antwort: Es hängt von Ihrem Katalog ab, und jeder, der Ihnen sagt, dass man immer gewinnt, verkauft etwas.

Simple dropdowns (eine Handvoll Links unter jedem Top-Artikel) sind für die meisten Softwareunternehmen, Serviceunternehmen und Content-Websites geeignet. Wenn Ihre gesamte Website unter ein paar Dutzend sinnvolle Seiten ist, ist ein Mega-Menü ein Herrenhaus für eine dreiköpfige Familie — beeindruckend, meist leer, leicht zu verlieren.

Mega-menus (die großen Panels mit Spalten, Kopfzeilen und manchmal Bildern) verdienen ihren Unterhalt, wenn Sie einen wirklich großen Katalog haben — Denken Sie an Einzelhändler mit Hunderten von Produkten in vielen Kategorien oder an Verlage mit tiefen Themenhierarchien. Ihre Stärke zeigt die Landschaft einer ganzen Kategorie auf einmal, so dass Besucher direkt zum richtigen Unterabschnitt springen können, ohne durch Zwischenseiten zu klicken.

Wenn Sie ein Mega-Menü verwenden, ein paar Pflegeanweisungen: Gruppe mit klaren Spaltenüberschriften (die selbst den Stammtest bestehen sollten), widerstehen Sie dem Füllen von Platz, nur weil Platz vorhanden ist, machen Sie das Panel-Tastaturnavigierbar (mehr zur Zugänglichkeit bald) und stellen Sie sicher, dass das Top-Level-Element selbst immer noch anklickbar ist eine vernünftige Kategorieseite – einige Besucher klicken auf die Elternseite, anstatt zu schweben, und sie sollten irgendwo nützlich landen, nicht nirgendwo.

Was auch immer Sie wählen, der Test ist derselbe: Kommt ein Erstbesucher schneller an sein Ziel? Nicht “sieht es mehr Premium aus.” Schneller.

Wie sieht eine gute mobile Navigation aus?

Hier ist der Realitätscheck: Für viele Websites sind die meisten Besucher auf einem Telefon, was bedeutet, dass Ihre mobile Navigation nicht die Kompromissversion ist – es ist das Hauptereignis.

Das Hamburger-Menü ist ein Kompromiss, keine Sünde. Dieses dreizeilige Symbol kauft Ihnen einen sauberen Bildschirm auf Kosten des Versteckens Ihrer Optionen; Aus den Augen ist wirklich aus dem Sinn für einen Teil der Besucher. Sie können es normalerweise nicht auf kleinen Bildschirmen vermeiden, aber Sie können den Handel mildern: Paaren Sie das Symbol mit dem Wort “Menü”, so dass es keine Zweideutigkeit gibt, und tauchen Sie Ihre ein oder zwei wichtigsten Ziele außerhalb des Hamburgers auf — ein persistenter “Preis” -Link oder Ihre Haupt-CTA-Taste neben dem Symbol funktioniert wunderbar.

Design für Daumen. Die Leute halten Telefone in einer Hand und tippen mit einem Daumen, der bequem die Mitte und den Boden des Bildschirms erreicht, nicht die oberen Ecken. Machen Sie Tap-Ziele großzügig und gut beabstandet — Enge Links, die Präzision auf Chirurgenebene erfordern, verursachen Fehleingriffe, und Fehleingriffe verursachen die mobile Version von Wutklicks. Im geöffneten Menü ist das auch der Grund, warum weniger, klarere Elemente noch wichtiger sind als auf dem Desktop.

Verwenden Sie klebrige Navigation mit Bedacht. Eine schlanke Leiste, die verfügbar bleibt, während der Besucher scrollt, bedeutet, dass der Weg nach vorne immer einen Tipp entfernt ist. — Wirklich nützlich auf langen Seiten. Aber ein klebriger Header, der ein Drittel eines Telefonbildschirms isst, ist eine Mautstelle für Ihren eigenen Inhalt. Halten Sie es kurz, sollten Sie es beim Abrollen verstecken und beim Abrollen enthüllen und testen Sie es immer auf einem tatsächlichen kleinen Gerät, nicht nur auf der responsiven Vorschau Ihres Browsers.

Was ist mit Fußzeilennavigation, Brotkrumen und Vor-Ort-Suche?

Ihr Hauptmenü kann nicht alle tragen. Drei unterstützende Systeme fangen die Besucher, die es vermisst, und sie verdienen mehr Liebe, als sie normalerweise bekommen.

Die Fußzeile: Ihr Sicherheitsnetz

Sehen Sie sich Session-Aufnahmen an und Sie werden es ständig sehen: Ein Besucher, der nichts findet, scrollt direkt zum Ende der Seite. Die Fußzeile ist, wo verlorene Menschen absichtlich gehen. Behandeln Sie es also als ein großzügiges, gut organisiertes Verzeichnis – klare Spaltenüberschriften, Links zu allem, was sinnvoll ist (einschließlich der Seiten, die den Top-Level-Schnitt nicht gemacht haben), sowie die Vertrauensgrundlagen, die die Leute dort unten erwarten: Kontakt, Unterstützung, Richtlinien, Karrieren. In der Fußzeile ist auch eine etwas vollständigere Sitemap-Auflistung angemessen; Die Zurückhaltungsregeln, die Ihre Kopfzeile regeln, gelten hier nicht so streng, da der Besucher, der zu Ihrer Fußzeile scrollt, aktiv jagt.

Brotkrumen: für tiefe Standorte

Wenn Ihre Website eine echte Tiefe hat — Kategorie, Unterkategorie, Produkt oder Dokumente mit verschachtelten Abschnitten — Breadcrumbs (das kleine Home > Kategorie > Seiten-Trail) machen leise drei Jobs: Sie sagen den Besuchern, wo sie sind, sie bieten Ein-Klick-Bewegungen auf einer Ebene, und sie sind besonders freundlich zu den vielen Besuchern, die tief in Ihrer Website von Suchmaschinen oder sozialen Links landen und keinen Kontext darüber haben, wo “hier” ist. Wenn Ihre Website flach ist (die meisten Seiten einen Klick von zu Hause aus), überspringen Sie sie; Brotkrumen auf einer flachen Website sind Dekoration.

Vor-Ort-Suche: Ihre Besucher mit dem höchsten Intent

Menschen, die Ihre Website-Suche verwenden, sagen Ihnen genau, was sie wollen – behandeln Sie sie wie die motivierten Besucher, die sie sind. Drei Regeln:

• Machen Sie es sichtbar. Ein echtes Suchfeld (oder zumindest ein unverwechselbares Symbol) im Header, kein Feature, das hinter zwei Taps vergraben ist. Wenn die Diagnose eine starke Suchanwendung zeigte, geben Sie ihr mehr Bedeutung, nicht weniger.
• Make it forgiving. Die Suche sollte Tippfehler, Plurale und Synonyme überleben. Wenn ein Besucher “Preise” eingibt und Ihre Seite “Pläne” trägt, sollte er trotzdem dort ankommen. Überprüfen Sie regelmäßig Ihre Null-Ergebnisse-Abfragen und fügen Sie Synonyme oder Inhalte hinzu.
• Machen Sie die Ergebnisseite nützlich. Klare Titel, eine Linie des Kontextes, vernünftige Ordnung — und ein hilfreicher Weg vorwärts, wenn es keine Ergebnisse gibt (“keine Übereinstimmungen, aber hier sind unsere beliebtesten Seiten”), niemals eine Sackgasse. Während Sie Sackgassen beheben, geben Sie Ihren Fehlerseiten die gleiche Behandlung — Ein gut gebautes 404 ist die letzte Verteidigungslinie der Navigation, und wir haben eine ganze Anleitung über Optimieren Sie Ihre 404 Seite So finden verlorene Besucher ihren Weg zurück, anstatt zu hüpfen.

Sollten Landing Pages überhaupt eine Navigation haben?

Hier ist eine Frage, die viele nachdenkliche Vermarkter anspricht, also lassen Sie uns ehrlich damit umgehen.

Für eine zielgerichtete Kampagnenlandingpage – bezahlter Traffic oder eine dedizierte soziale Kampagne, die mit einem Job auf einer Seite ankommt – ist die Reduzierung der Navigation eine legitime, etablierte Praxis. Weniger Ausgänge bedeuten weniger halb interessierte Wanderungen zurück zu Ihrem Blog. Ein abgestreifter Lander mit nur einem Logo und dem Angebot ist eine vernünftige, ehrliche Designwahl, und es lohnt sich, eine vollständige Version für Ihr eigenes Publikum zu testen.

Aber es gibt eine Linie, und es ist wichtig. Die Reduzierung der Navigation ist in Ordnung; Menschen einzufangen ist es nicht. Entfernen Sie jeden Fluchtweg, Deaktivieren des Logos nach Hause, Entführen des Zurück-Knopfes oder Stapeln von Exit-Intent-Straßensperren, damit der Besucher buchstäblich nicht ohne Kampf gehen kann – das ist keine Optimierung, das ist Zwang mit einer Conversion-Rate. Es untergräbt das Vertrauen, es kann mit den Richtlinien für Werbeplattformen in Konflikt geraten, und die “Konversionen”, die es erzeugt, verzerren sich gegenüber genervten Menschen, die eher zurückerstatten, abwandern und sich schlecht an Sie erinnern. Ein guter Test: Würden Sie sich wohl fühlen, wenn Sie dem Besucher die Designwahl erklären würden? “Wir haben das Menü entfernt, damit Sie sich konzentrieren können” Pässe. “Wir haben deinen Knopf gebrochen” nicht.

Die gleiche Ehrlichkeitsregel gilt übrigens überall in Ihrem Nav: keine verkleideten Werbelinks, die als Menüpunkte verkleidet sind, keine “Download” -Etiketten, die tatsächlich eine Anmeldewand öffnen, keine Fehlleitung. Navigation ist ein Versprechen darüber, was hinter jeder Tür ist. Halten Sie die Versprechen ein.

Eine weitere Anmerkung aus meiner Ecke der Welt: Wenn Sie soziale Kampagnen durchführen, denken Sie daran, dass ein Besucher, der von einem Instagram-Biolink oder einem LinkedIn-Post kommt, oft tief in Ihrer Website ohne jeglichen Kontext landet. Diese sozialen Landepfade verdienen die gleiche klare Navigation wie jeder andere Eingang – eine Kofferraumtest-Passing-Seite mit offensichtlichen nächsten Schritten. (Es ist eines der ersten Dinge, die wir bei SocialBlaze überprüfen, wenn ein Kunde sagt, dass sein sozialer Datenverkehr “nicht konvertiert” – oft machen die Posts ihre Arbeit und das Landungserlebnis lässt den Stab fallen.)

Wie macht man Navigation für jedermann zugänglich?

Zugänglichkeit ist kein netter Anhang zu diesem Thema – es ist zentral. Navigation ist die eine Schnittstelle, die jeder Besucher verwenden muss, einschließlich Besucher mit Tastaturen, Bildschirmlesern, Schaltgeräten oder Sprachsteuerung. Wenn Ihr Menü nur für eine Maus funktioniert, funktioniert es nicht.

Die wesentlichen Punkte:

• Full keyboard navigation. Jeder Menüpunkt, Dropdown und das mobile Menü müssen mit Tab, Enter, Escape und Pfeiltasten allein erreichbar und bedienbar sein. Ziehen Sie Ihre Maus aus und versuchen Sie, Ihre Preisseite zu erreichen. Wenn Sie das nicht können, können einige Ihrer Besucher auch nicht.
• Visible focus states. Keyboard-Benutzer müssen sehen, wo sie sind. Wenn Ihr Stylesheet die Fokusumrisse entfernt hat, weil jemand dachte, dass es hässlich ist, stellen Sie es wieder her — Schön gestylt, wenn man will, aber deutlich sichtbar.
• Skip links. Ein “Skip to main content”-Link als erstes fokussierbares Element erspart Tastatur- und Bildschirmleser-Benutzern das Tapping durch Ihr gesamtes Menü auf jeder einzelnen Seite. Es kann unsichtbar bleiben, bis es konzentriert ist.
• Screen-Reader-Landmarken und richtiges Markup. Use a real nav Element mit einem aussagekräftigen Label, echten Links und Buttons (nicht anklickbare divs) und korrekten ARIA-Attributen bei Dropdowns — Erweiterter / zusammengebrochener Zustand sollte angekündigt werden, nicht nur visuell impliziert.
• Verlassen Sie sich nicht auf den Schwebeflug allein. Hover existiert nicht auf Touchscreens und ist für viele Benutzer mit motorischen Beeinträchtigungen unangenehm. Menüs sollten auch auf Klick / Tipp öffnen, und alles, was auf dem Schwebeweg angezeigt wird, muss auch mit der Tastatur erreichbar sein.
• Ausreichender Kontrast und Touch-Zielgröße. Menütext muss Kontraststandards vor seinem Hintergrund erfüllen — Auch auf transparenten Headern über Heldenbildern, die ständig scheitern.

Das schöne Geheimnis: Jede dieser Verbesserungen hilft jedem. Größere Ziele helfen Pendlern in einem holprigen Zug; Klick-zu-Öffnen-Menüs helfen Touchscreen-Laptop-Benutzern. Zugänglichkeitsarbeit ist Umbauarbeit, die vernünftige Schuhe trägt.

Wie optimieren Sie die Website-Navigation für Conversions, ohne Dinge zu zerstören?

Navigationsänderungen sind hinterhältig-gefährlich zu testen, aus einem einfachen Grund: Das Menü lebt auf jeder Seite. Ein Tweak an Ihrem Header ist kein Seitentest; Es ist eine Site-weite Intervention. Die Messung muss also auch standortweit erfolgen. Hier greift die Navigationsarbeit wieder in die breitere Disziplin der konversionsorientiertes Webdesign — Struktur, Hierarchie und Beweise über Meinung.

Messen Sie breit, nicht eng. Wenn Sie nur Klicks auf den geänderten Menüpunkt messen, verpassen Sie die wahre Geschichte. Ein neues Label erhält möglicherweise weniger Klicks, sendet jedoch weitaus besser qualifizierte Besucher, die mit einer höheren Rate konvertieren. Verfolgen Sie die Website-weite Conversion, Seiten pro Sitzung, das Suchvolumen vor Ort (es sollte fallen, wenn sich Ihr Nav verbessert hat) — weniger Ausfallgeständnisse) und Exit-Raten auf Schlüsselseiten.

Ändern Sie eine Dimension zu einer Zeit, wenn Sie können. Wenn Sie drei Etiketten umbenennen, das Menü neu bestellen und gleichzeitig eine klebrige Kopfzeile hinzufügen, erfahren Sie, dass “etwas funktioniert” oder “etwas kaputt” ist und nie wissen, was. Sequenzieren Sie Ihre Änderungen: Labels zuerst (billigste, höchste Wirkung), dann Struktur, dann Verhalten wie Klebrigkeit.

Geben Sie Tests mehr Zeit als üblich. Wiederkehrende Besucher haben Muskelgedächtnis für Ihr altes Menü; Erwarten Sie eine kurze Zeit, in der ihr Verhalten rein aus Unbekanntheit abfällt. Beurteilen Sie die Änderung zuerst bei neuen Besuchern und einem ausreichend langen Fenster, in dem die Stammgäste wieder lernen können.

Achten Sie auf den verdrängten Verkehr. Wenn Sie ein Menüelement degradieren oder entfernen, verschwindet der Traffic auf diese Seite nicht höflich — Es geht irgendwo hin. Überprüfen Sie, ob es durch die Fußzeile oder die Suche umgeleitet wurde (fein), oder ob der Datenverkehr der Seite und ihre nachgelagerten Konvertierungen gerade verdampft sind (nicht in Ordnung). — Vielleicht haben Sie etwas degradiert, das wichtig ist.

Ein Rollback bereit. Da Änderungen an Navs alles berühren, sollten Sie sie mit Einsatzrespekt behandeln: Kennen Sie Ihre Basisnummern, senden Sie hinter einem einfachen Rücklauf und checken Sie die Daten in festgelegten Intervallen ein, anstatt einen Monat zu warten, um ein Problem zu entdecken.

Und wenn Ihr Traffic für statistisch aussagekräftige A / B-Tests zu klein ist – das sind viele Websites, und es ist in Ordnung -, stützen Sie sich stattdessen auf das qualitative Toolkit: Fünf-Personen-Usability-Tests, Baumtests (die Leute bitten, Elemente in einer reinen Textversion Ihrer vorgeschlagenen Struktur zu finden) und Vorher / Nachher-Vergleiche lesen Sie mit angemessener Demut.

Ihre Checkliste für das Navigationsaudit

Hier ist das gesamte System, wie Sie die Website-Navigation für Conversions optimieren können, kondensiert in eine Checkliste, die Sie diese Woche ausführen können. Schnappen Sie sich einen Kaffee, öffnen Sie Ihre Website in einem Inkognito-Fenster und seien Sie rücksichtslos ehrlich.

Diagnosis

• Gezogene Navigations-Klickdaten und Vergleich mit beabsichtigten Besucherpfaden
• Exportierte und vor Ort gelesene Suchanfragen, gekennzeichnete Null-Ergebnis-Suchen
• Ich habe mindestens zehn Session-Aufnahmen gesehen, Wutklicks und Menü-Zögern bemerkt
• Geprüfte Ausstiegsraten für Besucher, die kurz nach der Landung mit dem Nav interagieren

Labels

• Jedes Top-Level-Label besteht den Stammtest (ein Fremder kann vorhersagen, was dahinter steckt)
• Keine internen Jargon, Abteilungsnamen oder unerklärliche Markennamen im Menü
• Labels verwenden Wörter, die aus Suchanfragen, Support-Tickets und Besucherumfragen stammen

Struktur

• Etwa fünf bis sieben Top-Level-Items, gruppiert nach Besucherabsicht
• Preisgestaltung (oder Ihre entsprechende Geldseite) sichtbar von der Hauptnavigation
• Genau ein visuell hervorgehobener CTA im Header, konsistent auf jeder Seite
• Menü-Stil (Mega vs. einfach) entspricht der tatsächlichen Kataloggröße, nicht der Ästhetik
• Navigation ist über alle Seiten hinweg konsistent – gleiche Artikel, gleiche Reihenfolge, gleicher Ort

Mobil

• Hamburger gekennzeichnet oder gepaart mit Schlüssellinks / CTA außerhalb
• Tap Ziele bequem bemessen und für Daumen beabstandet
• Sticky Header (falls vorhanden) ist schlank und auf einem echten Gerät getestet

Safety nets

• Footer ist ein gut organisiertes Verzeichnis mit klaren Überschriften
• Brotkrumen in tiefen Hierarchien (und an flachen Orten nicht vorhanden)
• Die Suche ist sichtbar, typo-tolerant und niemals in Sackgassen; 404-Seite leitet verlorene Besucher hilfreich um

Integrity and access

• Keine versteckten Ausgänge, Back-Button-Interferenzen oder verkleidete Werbung überall im Nav
• Landing Pages können die Navigation reduzieren, aber immer einen ehrlichen Ausweg hinterlassen
• Gesamtes Menü mit Tastatur mit sichtbaren Fokuszuständen
• Skip Link vorhanden; nav verwendet richtige Landmarken und kündigt Dropdown-Status an
• Kontrast erfüllt Standards, einschließlich über Heldenbilder

Prüfung

• Vor jeder Änderung aufgezeichnete Basismetriken
• Veränderungen sequenziert (Labels, dann Struktur, dann Verhalten)
• Erfolg gemessen standortweit, mit rollback-plan bereit

Das Arbeitsblatt Label-Clarity (Ihr Trunk-Test-Skript)

Möchten Sie Ihre Etiketten heute Nachmittag unter Druck testen? Hier ist ein einfaches Skript. Sie brauchen drei bis fünf Leute, die nicht in Ihrem Unternehmen arbeiten – Freunde, ein Nachbar, Leute von einem billigen Testpanel. Jeweils 15 Minuten.

Setup: Screenshot Ihre Navigation (Desktop und das geöffnete mobile Menü). Für Dropdowns, Screenshot sie öffnen. Sie testen Wörter, keine Klicks, also sind statische Bilder perfekt — Und sie hindern die Menschen daran, durch Erkundungen zu “betrügen”.

Script, per participant:

• Schritt 1 — Kaltlesen. Zeigen Sie die Navigation für fünf Sekunden, dann verstecken Sie sie. Frage: “Was macht dieses Unternehmen?” An welche Abschnitte erinnern Sie sich? (Tests der Gesamtscannbarkeit und ob etwas klebt.)
• Schritt 2 — Etikettenvorhersage. Zeigen Sie das Nav noch einmal. Fragen Sie für jeden Top-Level-Artikel: “Ohne Klick, was erwarten Sie dahinter zu finden?” Schreiben Sie ihre Worte wörtlich auf. (Tests des Stammtests direkt) — Diskrepanzen zwischen ihrer Vorhersage und Ihrem tatsächlichen Inhalt sind Ihre Fixliste.
• Schritt 3 — Aufgabenort. Geben Sie drei bis fünf echte Aufgaben: “Wo würden Sie klicken, um herauszufinden, was das kostet?” “Wo würden Sie Hilfe suchen?” “Wo würden Sie anfangen?” Beachten Sie Zögern, falsche Vermutungen und vor allem “Hmm, es könnte dies oder jenes sein” Momente — Mehrdeutigkeit zwischen zwei Labels ist ein Merge-or-Rename-Signal.
• Schritt 4 – Ihre Worte. Frage: “Wenn du gesucht hast” [your key offering]Welches Wort würden Sie erwarten, in einem Menü zu sehen? (Ernte Vokabular für Ihre Umbenennung.)

Scoring: Markieren Sie es für jedes Etikett grün (von allen richtig vorhergesagt), gelb (gemischt) oder rot (von den meisten missverstanden). Rote werden mit den Worten aus Step umbenannt 4. Gelbse sehen sich das genauer an. Dann führen Sie den Test mit den neuen Etiketten erneut durch — Es sind fünfzehn Minuten pro Person, und einem Fremden zuzusehen, wie er Ihr Menü sofort versteht, ist wirklich einer der befriedigendsten Momente in dieser Arbeit.

Häufig gestellte Fragen

Wie viele Elemente sollte ein Website-Navigationsmenü haben?

Rund fünf bis sieben Top-Level-Items sind eine solide Richtlinie für die meisten Websites, weil jeder zusätzliche Artikel alle anderen schwerer zu scannen macht. Es ist eine Richtlinie und keine harte Regel – große Kataloge benötigen zu Recht mehr Struktur, normalerweise über ein gut organisiertes Megamenü. Wenn Sie kämpfen, um ein achtes Element hinzuzufügen, ist der bessere Zug in der Regel zwei bestehende zusammenführen.

Sollte die Preisgestaltung in der Hauptnavigation sein?

Für die meisten Unternehmen, ja. Besucher, die bereit sind, ernsthaft zu bewerten, suchen nach Preisen, und das Verstecken frustriert Ihre besten Aussichten und signalisiert, dass Spiele gespielt werden. Wenn Ihre Preisgestaltung wirklich eine Konversation erfordert, behalten Sie eine Preisseite im Nav und verwenden Sie sie, um ehrlich zu erklären, wie die Preisgestaltung funktioniert und was sie beeinflusst.

Verletzen Hamburger-Menüs Conversions?

Sie beinhalten einen echten Kompromiss: Ein sauberer Bildschirm im Austausch für das Verstecken Ihrer Optionen, und versteckte Optionen erhalten weniger Aufmerksamkeit. Auf kleinen Bildschirmen können Sie normalerweise nicht vermeiden, also mildern Sie die Kosten – kennzeichnen Sie das Symbol “Menü” und halten Sie Ihren wichtigsten Link oder CTA draußen sichtbar. Testen Sie dann mit Ihrem eigenen Publikum, anstatt dem universellen Anspruch von irgendjemandem zu vertrauen.

Was ist der Trunk Test für die Navigation?

Es ist eine schnelle Qualitätsüberprüfung, die vom Usability-Experten Steve Krug populär gemacht wurde: Stellen Sie sich vor, Sie würden auf eine beliebige Seite einer Website ohne Kontext fallen gelassen – Sie sollten sofort in der Lage sein zu sagen, auf welcher Website Sie sich befinden, auf welcher Seite Sie sich befinden, was die wichtigsten Abschnitte sind und wie Sie suchen. Auf Etiketten angewendet, bedeutet dies, dass ein Fremder in der Lage sein sollte, vorherzusagen, was sich hinter jedem Menüpunkt befindet, ohne zu klicken.

Ist es in Ordnung, die Navigation von den Landing Pages zu entfernen?

Die Reduzierung der Navigation auf einer zielgerichteten Kampagnen-Landingpage ist eine legitime, gängige Praxis – weniger Exits halten die Aufmerksamkeit auf das eine Angebot und es lohnt sich, für Ihr Publikum zu testen. Was nicht in Ordnung ist, ist, Besucher einzufangen: Den Logo-Link zu deaktivieren, den Zurück-Button zu entführen oder jeden ehrlichen Ausweg zu entfernen. Reduzieren Sie Ablenkung, entfernen Sie niemals die Flucht.