Besucher finden die richtige Leistung nicht: Wie wird Navigation verständlicher?

Lassen Sie Besucher nach ihrem Anliegen auswählen.

Beginnen Sie beim Hauptmenü: Welche Grundsäulen hat Ihr Unternehmen, und welche Auswahl hilft einem neuen Besucher? Benennen Sie Leistungen so, dass ihr Zweck auch ohne Fachwissen erkennbar ist. Prüfen Sie anschliessend, ob die Zielseite diese Erwartung erfüllt und den passenden nächsten Schritt erklärt.

Ein gutes Menü allein löst nicht jede Orientierungshürde. Der erste sichtbare Seitenbereich muss das Thema bestätigen. Auf längeren Seiten helfen klar benannte Abschnitte und eine Sprungnavigation. Die Kontaktaufnahme gehört in diesen Weg, wenn sie zum Anliegen passt.

Was sind die Grundsäulen Ihrer Website?

Das Hauptmenü zeigt die wesentlichen Bereiche der Website. Es muss nicht jede Unterseite nebeneinander aufzählen. Fassen Sie zusammengehörende Angebote unter verständlichen Oberbegriffen zusammen und geben Sie wichtigen eigenständigen Bereichen einen erkennbaren Platz.

Bei SQUAREMOON gehören das digitale Vertriebssystem mit den Leistungen, der Ratgeber, die Unternehmensvorstellung, Referenzen, Partner und Kontakt zu diesen Säulen. Diese Struktur passt zu unserem Angebot. Ein anderer Betrieb kann andere Einstiege brauchen.

Ordnung und Benennung gehören zur Informationsarchitektur: Welche Inhalte gibt es, wie hängen sie zusammen und unter welchem Begriff werden sie erwartet? Zeichnen Sie zunächst die vorhandenen Seiten und ihre Zuordnung auf. Erst danach entscheiden Sie, welche davon direkt im Hauptmenü oder eine Ebene darunter erscheinen.

• Für neue Besucher: Wo finden sie die passende Leistung?
• Für prüfende Interessenten: Wo erfahren sie etwas über Anbieter und Referenzen?
• Für Menschen mit Gesprächsbedarf: Wie erreichen sie den Kontakt?

Eine feste Zahl von Menüpunkten ist keine universelle Lösung. Entscheidend ist, ob die Auswahl nachvollziehbar bleibt und zu den tatsächlichen Aufgaben passt.

Nennt der Menüpunkt das Ergebnis oder nur die interne Fachsprache?

Ein Fachbegriff kann präzise sein und einem neuen Besucher trotzdem nichts sagen. Wer mehr passende Interessenten erreichen möchte, muss nicht bereits wissen, dass ein Teil der Arbeit Suchmaschinenoptimierung heisst.

Die Formulierungen nennen Ziele. Sie versprechen keine garantierten Rankings, KI-Nennungen oder Anfragen. Entscheidend bleibt, dass die verlinkte Seite erklärt, was die Leistung tatsächlich umfasst.

W3C empfiehlt, den Zweck eines Links durch seine Beschriftung oder den zugehörigen Kontext verständlich zu machen. Ein Link sollte daher eine nachvollziehbare Erwartung wecken. [1] Nutzenorientiert bedeutet auch nicht beliebig: „Erfolgreicher werden“ wäre so allgemein, dass viele sehr unterschiedliche Seiten dahinterstehen könnten.

Gruppiert das grosse Menü Ihre Angebote wirklich?

Ein Mega-Menü kann mehrere Gruppen gleichzeitig zeigen. Bei SQUAREMOON ordnen wir elf Fachgebiete in zwei Bereiche: fünf unter „Mehr Kunden gewinnen“ und sechs unter „Unternehmen digital voranbringen“. Daneben stehen sechs Spezialisierungen. Die Gruppen zeigen unterschiedliche Zugänge zu unserem Angebot.

Zu den Leistungsnamen kommen kurze Nutzenbeschreibungen. Bei „Mehr Sichtbarkeit in Suchmaschinen“ steht beispielsweise, dass besseres Gefundenwerden und relevante Anfragen unterstützt werden sollen. Rechts bietet ein Kontakt-Störer einen Weg zum kostenlosen Erstgespräch, wenn jemand Unterstützung bei der Einordnung braucht.

Mehr Platz ist kein Grund, jede freie Fläche zu füllen. Prüfen Sie erkennbare Gruppen, klare Überschriften und die Reihenfolge der Einträge. NN/g beschreibt die Gruppierung als wesentliche Stärke solcher Menüs; ihre Eignung hängt von Inhalt und Umsetzung ab. [2]

Der Kontaktbereich ergänzt die Auswahl. Er sollte die eigentlichen Leistungen weder verdecken noch jeden Weg vorzeitig in ein Gespräch umleiten. Wählen Sie ein kleineres Menü, wenn wenige Angebote damit bereits verständlich zugänglich sind.

Bleibt die Hierarchie auch ohne breite Menüfläche erkennbar?

Auf dem Smartphone verwendet SQUAREMOON ein Burger-Menü. Das digitale Vertriebssystem bildet dort eine übergeordnete Gruppe. Die Unterbereiche und Leistungen sind eingerückt. So bleibt sichtbar, welche Angebote zusammengehören.

Robin hat auch die mobilen Leistungsbezeichnungen auf Ziele und Mehrwerte umstellen lassen. „Mehr Sichtbarkeit in Suchmaschinen“ soll mobil dieselbe inhaltliche Erwartung auslösen wie auf dem Desktop. Die Darstellung verändert sich mit dem Platz, die Bedeutung des Weges bleibt bestehen.

Einrückung vermittelt Struktur visuell. Technisch müssen Gruppen, Bedienelemente und Zustände ebenfalls verständlich ausgezeichnet und bedienbar sein. Die W3C-Menüanleitung behandelt unter anderem Struktur, Tastaturbedienung und erkennbare Zustände. [3]

• Lässt sich das Menü öffnen und wieder schliessen?
• Sind Leistung, Gruppenzugehörigkeit und aktuelle Seite erkennbar?
• Ist eine Gruppenüberschrift von einem tatsächlich bedienbaren Link oder Aufklappknopf unterscheidbar?
• Bleiben alle Einträge bei kleinen Ansichten und vergrössertem Text erreichbar?
• Findet ein Besucher den Kontakt auch ohne den Desktop-Störer?

Farbe allein reicht zur Orientierung nicht immer aus. Aktive Seite und Tastaturfokus brauchen nachvollziehbare Zustände. W3C erläutert diese Gestaltung im Menü-Tutorial. [4] Weitere mobile Hürden behandelt unser Prüfweg für mobile Besucher.

Bestätigt die Landingpage die Erwartung aus dem Menü?

Ein verständlicher Menüpunkt kann auf einer unverständlichen Zielseite enden. Prüfen Sie deshalb den ersten sichtbaren Bereich, den Above-the-Fold-Bereich: Was wird auf dieser Seite vermittelt? Für wen ist es relevant? Was kann der Besucher als Nächstes tun?

Robin möchte auf den SQUAREMOON-Leistungsseiten zunächst eine gemeinsame Wissensgrundlage schaffen. Eine verständliche Einführung erklärt das Thema, bevor der Text fachlich tiefer wird. Der Besucher soll weder die Menüabkürzung entschlüsseln noch erst viele Absätze lesen müssen, um das Angebot einzuordnen.

Der sichtbare Einstieg fällt je nach Gerät und Fenster unterschiedlich aus. Die Beobachtungen von NN/g zu Scrollen und Aufmerksamkeit unterstreichen die Bedeutung des Einstiegs, liefern aber keine feste Grenze für jede Seite. [5] Pressen Sie deshalb nicht den gesamten Inhalt in eine starre Bildschirmhöhe.

Ein Kontaktbutton braucht eine verständliche Erwartung: Was passiert nach dem Klick? Je nach Anliegen kann zunächst eine Erklärung oder eine Entscheidungshilfe sinnvoll sein. Die Seitenstruktur sollte den Besucher bei seinem nächsten Schritt unterstützen.

Erreichen Leser den relevanten Abschnitt auch weiter unten?

Die Hauptnavigation führt zu Seiten. Eine Sprungmarken-Navigation führt innerhalb einer Seite zu ausgewählten Abschnitten. SQUAREMOON verwendet dafür eine fixierte Leiste: Sobald sie beim Scrollen erreicht ist, bleibt die Abschnittsauswahl zugänglich.

Robin sieht darin besonders auf dem Smartphone einen wichtigen Weg, auch tiefere Inhalte erreichbar zu machen. Jemand kann direkt zur passenden Erklärung, zum Prüfplan oder zum Kontakt springen. Das bedeutet nicht, dass dadurch automatisch der gesamte Artikel gelesen wird.

Wählen Sie aussagekräftige Abschnittsnamen und ordnen Sie sie entsprechend dem Inhalt. Nicht jede H2 und H3 braucht einen eigenen Eintrag. Eine überfüllte Leiste kann die Orientierung selbst erschweren. Überschriften gliedern den Inhalt; die Sprungleiste bietet eine bewusst ausgewählte Übersicht. W3C beschreibt die Bedeutung einer nachvollziehbaren Überschriftenhierarchie. [6]

Technisch können normale Links mit einem URL-Fragment auf eine eindeutige ID derselben Seite verweisen. MDN erklärt dieses Prinzip. [7] In der fertigen Gestaltung muss das Ziel unter fixierten Kopfbereichen sichtbar bleiben. Prüfen Sie auch direkt aufgerufene Abschnittslinks und die Rückkehr zum vorherigen Inhalt.

Wenn ein Kontakt-Störer ein sinnvoller nächster Schritt ist, gehört er ebenfalls in die Abschnittsauswahl. Auf dieser Seite finden Sie ihn unter „Kontakt“.

Prüfen Sie drei Besucheraufgaben ohne Voraberklärung.

Wählen Sie eine Person, die Ihr Angebot noch nicht gut kennt. Wenn möglich, beziehen Sie Menschen aus der tatsächlichen Zielgruppe ein. Beschreiben Sie ein Anliegen und bitten Sie die Person, laut zu sagen, was sie erwartet. Geben Sie während der Suche keine versteckten Hinweise.

Erfassen Sie Aufgabe, Gerät, erwartetes Ziel, tatsächlich gewählten Weg, beobachtete Unsicherheit und nötige Hilfe. Wenn eine Aufgabe scheitert, fragen Sie nach der erwarteten Bezeichnung. Ein blosses „Gefällt Ihnen das Menü?“ erklärt deutlich weniger über den konkreten Weg.

Die W3C-Empfehlung zum Einbeziehen von Nutzern betont den Wert solcher Perspektiven und ihre Ergänzung durch weitere Prüfmethoden. Einzelne Rückmeldungen ersetzen keine vollständige technische oder barrierebezogene Prüfung. [8] Prüfen Sie Tastaturbedienung, Fokus und Linkziele daher zusätzlich.

Verbessern Sie zuerst den Weg, an dem Besucher hängen bleiben.

Starten Sie mit den Grundsäulen und den Namen im Hauptmenü. Prüfen Sie danach den Seiteneinstieg und die Wege zu tieferen Informationen und Kontakt. Eine Fachleistung braucht einen verständlichen Zugang, eine lange Seite eine erkennbare Struktur.

Ändern Sie eine begründete Hürde und spielen Sie dieselbe Aufgabe erneut durch. Ob dafür ein Begriff, die Gruppierung oder ein Abschnittslink angepasst werden muss, zeigt die Beobachtung. Bei SQUAREMOON gehören diese Entscheidungen zur Planung von Webdesign und Nutzerführung. Wenn Menschen das Angebot finden, aber der Anschluss zur Anfrage fehlt, hilft der Prüfweg für Websites ohne Anfragen.