Bei der Auswahl eine Templates - wenn auch nur als Basis für eigene Entwicklungen - ist die Art des Menüs das oberste Kriterium. Gerade hier sollte man weniger auf schönes Design achten, sondern vor allem den Zweck im Auge behalten.

Siehe auch:

Freie Templates für freie WebsiteBaker Macher, Mach-Arten, Motivationen

Templates: Welche Art von Menü ist ideal?

Vertikal - Links

Dieser Menütyp ist sehr häufig - aus gutem Grund: Der Blick des Besuchers beginnt oben links - wo meist das Logo ist - und wandert nach unten, wo er sich im Menü einen ersten Überblick über das Angebot verschafft. Erst dann entscheidet der Besucher, was ihn interessiert. Die Menüpunkte sind nicht allzu sehr in der Länge beschränkt, auch ein 2-zeiliger Menüpunkt ist durchaus erlaubt, damit kann man bereits im Menü die für Suchmaschinen relevanten Begriffe unterbringen.

Webseiten sind deutliche Breitformate – je kleiner der Bildschirm, umso mehr. Andererseits sollten Texte nicht allzu breit laufen, weil sie sonst schwerer lesbar sind. In beengten Verhältnissen ist es also sinnvoll, sich den nötigen Platz links (oder rechts) zu holen.

Diese Menü-Art eignet sich dann am besten, wenn der Inhalt der Website nicht mit einem Wort zu beschreiben ist, sondern sich durch die Gesamtheit der Menüpunkte erschließt. Auch was Usabiltity und SEO betrifft, sind diese Menüs am besten.

Templates mit Menü links

Vertikal - Rechts

Das Menü am rechten Seitenrand kam mit der Blogger-Welle in Mode. In einem Blog ist das Menü untergeordnet, weil das Wichtige=Aktuelle ohnehin auf der Startseite steht, darunter das Nächstwichtige usw. Das Menü selbst enthält meist nur das Archiv und ist nur untergeordnet.

Templates mit Menü Vertikal Rechts

Horizontal oben

Alles Wichtige in epischer Breite – das wirkt. Aber nur, solange man keinen Menüpunkt „Neubewertungsgrundlagenforschung“ hat, gleich neben „Kontakt“. Horizontale Menüs funktionieren nur, wenn die Menüpunkte a) wenige, b) kurz und c) eher gleich lang sind.

Templates mit dem Menü horizontal oben
Hinweis: In der Suche werden auch solche mit Dropdown gelistet; man muss sie ja nicht "befüllen"

Eine Sonderform: Horizontal mit DropDown

Diese Form scheint auf den ersten Blick ideal, hat aber einige Tücken. Die Probleme kommen vor allem daher, dass diese Menüform optisch mit der von Betriebssystem/Programmen konkurriert, aber anders funktioniert.

Die im Internet übliche Struktur – vom Wichtigen zum Unwichtigen -  wird aufgebrochen und übergeordnete Menüpunkte werden häufig übersehen. Oft weiß auch der Besucher nicht mehr, wo er gerade ist, weil ja der aktuelle Menüpunkt nicht direkt sichtbar ist. Breadcrumbs sind dann zwingend nötig.

Horizontale Dropdown Menüs

Menü unten

Eine „Jetzt will ich aber originell sein“-Lösung mit geringer Halbwertszeit.

Gemischte Varianten

Horizontal + links vertikal

Vor allem bei größeren Sites sehr häufig und deswegen auch gut akzeptiert. Mit diesem Menü werden die Vorteile beider Formen verbunden, ohne die Nachteile in Kauf zu nehmen. Problematisch wird es, wenn die Anzahl der Menüpunkte insgesamt sehr ungleich verteilt ist; wenn es also Hauptmenüpunkte gibt, die keine Unterseiten haben. In so einem Fall entstehen durch das fehlende Untermenü am linken Rand Freiräume, die je nach Design störend wirken können. Das muss beim Webdesign frühzeitig berücksichtigt werden – und deswegen schon von Beginn weg bekannt sein.

Horizontal + Rechts

Diese Form ist natürlich möglich, im allgemeinen aber wenig benutzerfreundlich. Auch hier gilt die Faustregel: Orientieren: Menü links, Weiter surfen: Menü rechts.

Zurück

Kommentare:

20.04.2011

Burkhardt

Prima Beitrag, der meine eigenen Erfahrungen bestätigt.
Eine Kombination, die mir persönlich gut gefällt, hat Andreas Dupp im Template "intwerb_2.de" realisiert. alles wirklich Wichtige ins linke Vertikale, Gästebuch, Partner, Sitemap, ... in´s horizontale dezente obere Menü und das was sein muss kommt ins horizontale nach unten (Impressum, Datenschutz, ...)
Für mich eines der besten in der letzten Zeit.