Menüsystem einer Webseite
    
 HomeCSSMenüs • Erklärung Menüsystem  

 Planung - Menüsystem

(blättern)  Seite: 01 02 03 04

Ein Navigationssystem, bei dem man sich ausschließlich von Seite zu Seite bewegt ist nur in wenigen Fällen angebracht. In der Regel wird also eine Auswahl der angebotenen Seiten oder eine Auswahl der übergeordneten Themenseiten als Navigation (Links) angeboten werden.

Menüs sollten eine übersichtliche Struktur haben

Hier sehen Sie eine Webseite (Hauptthema: Sport) mit 2 Menüsystemen. Ein waagerechter Menübalken mit den Links zu den Unterthemen, ein vertikales Menü (das nach der Auswahl angezeigt wird) zu den Seiten dieses Unterthemas.

Webseite > Kategorie > Unterkategorie > Themenseite

Sport > Fußball > Jugend > Aktuelles




Links zu folgenden Seiten einer Web-Präsenz sollten möglichst angeboten werden bzw. immer erreichbar sein

  • zur Homepage der Web-Präsenz
  • zu übergeordneten Seiten, falls so gegliedert
  • zu den Navigationshilfen (Sitemap / Register A-Z), wenn vorhanden
  • zur Suchfunktion, wenn vorhanden
  • zum Impressum
Komfortabel und übersichtlich ist eine 'Brotkrümelnavigation' im Kopf jeder Seite, die den Aufenthaltsort signalisiert und einen Link zur übergeordneten Seite anbietet.


 Beispiel Gliederung der Menüsysteme / Seiten:

Webseite Kategorie Unterkategorie Themenseite
Rezepte Hauptgerichte Fleisch Schmorbraten
TuS 09 Fußball Jugendabteilung Aktuelles


Eine klassische Menüstruktur ist in der Regel so aufgebaut, wie die eigentliche Seitenstruktur. So findet man, bleiben wir einmal beim Fußballverein, die entsprechenden Inhalte fein säuberlich geordnet unter


Themen = Untermenüs
  • Verein
  • Senioren
  • Jugend
  • Breitensport
  • Schiedsrichter




 Nicht zwangsläufig an die Seitenstruktur halten

Das klassische Menüsystem hält sich an die Seitenstruktur. Brav wird im Menü Jugend gelistet, was im Ordner Jugend abgelegt wurde. Es stellt sich aber längst nicht mehr die Frage, ob das der einzig richtige Weg ist. Eine Menüstruktur muss sich nämlich nicht zwangsläufig an die Seitenstruktur halten. Sicherlich gibt es vereinsinterne Informationen, die auch für die Mitglieder der Jugendabteilung interessant sind. Warum also diese Seiten nicht zusätzlich auch im Untermenü 'Jugend' verlinken? Beispiel: Die Downloadseite könnte in jedem Untermenü verlinkt sein.

Themeninhalte lassen sich ohnehin nicht immer in das vorhandene Menüschema pressen. Wo, so öffnet sich die Frage, soll ich innerhalb der Web-Toolbox ein Anwendungsbeispiel zur Darstellung des aktuellen Datums in der Statuszeile einordnen? Im Menü Statuszeile oder im Menü Datum?


 Große Anzahl von Unterseiten + Linksammlungen

Bei einer großen Anzahl von Unterseiten aber auch bei umfangreichen Linklisten kann man ohne Drop-Down-Menüs oder DHTML-Menüs keine übersichtliche Ordnung schaffen. Ein Beispiel einer guten Lösung zeigt die Seite

http://www.linker.ch/

Dort wird nach dem unten dargestellten Schema zunächst eine Übersicht der Rubriken mit Links zu den Unterthemen angezeigt. Ein Klick auf einen Textlink zum Unterthema zeigt dann im rechten Bereich die zugehörigen Verweise.




 Ohne Diskussion: Der Home-Link

Tatsache ist es außerdem, dass viele Besucher über Suchmaschinen direkt auf irgendwelche Unterseiten einer Webpräsenz landen. Der vorhandene 'Home-Link' auf jeder Seite ist ein Muss. Wird für das Verständnis der gefundenen Seite die Information einer übergeordneten Seite vorausgesetzt, wäre ein Link zu dieser übergeordneten Seite sehr hilfreich.

Beispiel: Auf der über eine Suchmaschine gefundenen Unterseite über 'Braunbrustigel' sollte ein Link zur übergeordneten Seite 'Igel' nicht fehlen.

Home > Säugetiere > Wildtiere > Igel > Braunbrustigel

Damit wären wir dann wieder bei der Brotkrümel-Navigation (dazu werde ich ein Scriptbeispiel veröffentlichen).
 

   Hänsel und Gretel

Sind es nun die verspielten Amerikaner oder die verspielten Webmaster? Überall tauchen ähnlich gelagerte Begriffsanleihen aus der Kinderwelt auf.

Brotkrümelnavigation (Wikipedia):

Der Begriff Brotkrümelnavigation oder Englisch 'breadcrumb navigation' bezeichnet Navigationselemente auf Webseiten, die den Pfad zum aktuellen Element (Seite, Kategorie in Katalog, etc.) zeigen. Brotkrümelnavigationen sollen die Orientierung innerhalb tief verzweigter Elementbäume (z.B. Internetseiten, Dateisystem, Katalogen etc.) verbessern, indem sie Links zu vorher besuchten, übergeordneten oder themenverwandten Elementen anbieten.

Der Name "Breadcrumb-Navigation" wurde in Anlehnung an das Märchen Hänsel und Gretel der Brüder Grimm gebildet, in dem die in den Wald geführten Kinder Brotkrümel (englisch breadcrumbs) auf den Weg streuen, um den Weg zurück zu finden.







Sie sind hier:  Planung einer Webseite 04
(blättern)  Seite: 01 02 03 04



Erstellt: 16.05.2005