Du weißt, dass der Header

  • der Kopf einer Webseite ist
  • sich in der Regel ganz oben auf einer Webseite befindet
  • einem Webseitenbesucher hilft sich auf einer Webseite zurecht zu finden

Doch weißt Du auch, welche Elemente in einem Webseitenheader auf keinen Fall fehlen sollten, damit er Deinem Webseitenbesucher dabei hilft sich schnell zurecht zu finden?

Ein Header – unterschiedlicher Nutzer

Auf den ersten Blick klingt die Sache mit dem zurechtfinden sehr leicht. Doch wenn wir uns ein wenig mit dem Thema beschäftigen und Menschen bei der Nutzung von Webseiten beobachten, fällt uns schnell auf, dass der Header einer Webseite völlig unterschiedlich genutzt wird. Manche Nutzer

  • klicken auf die Menüpunkte im Header
  • geben einen Suchbegriff in den Suchschlitz im Header ein
  • ignorieren den Header und überfliegen nur die Überschriften auf der Webseite

usw.

Die Erkenntnis, dass Webseitenbesucher unterschiedliche Bedürfnisse haben, wirft in Bezug auf den Webseiten Header schnell die Frage auf, was in einen Webseiten Header gehört und was nicht.

Welche Elemente gehören in einen guten Header?

Diese Frage ist in der Regel nicht leicht zu beantworten, doch zum Glück gibt es Usability Experten, wir Steve Krug der sich seit langem mit dieser Frage beschäftigen und über viele Jahre diese 4 Elemente eines Webseitenheaders identifiziert hat:

  1. Webseiten Kennung
  2. Nützliches
  3. Suche
  4. Sektionen

im Folgenden schauen wir uns alle Elemente etwas genauer an.

Element 1: Webseiten Kennung

Die Webseiten Kennung ist auf den meisten Webseiten das Logo des Unternehmens. Dank dem Logo weiß der Webseitenbesucher sofort, auf welcher Webseite er sich befindet.

Doch das Logo kann noch mehr. Auf den meisten Webseiten ist das Logo auch mit der Startseite verlinkt. Diese kleine Hilfestellung rettet Deinen Webseitenbesucher, wenn er sich einmal innerhalb der Webseite verlaufen hat.

Das zweite Element eines guten Webseiten Headers ist “Nützliches” und unterscheidet sich von Webseite zu Webseite. Was in den Bereich Nützliches fällt, ist von Webseite zu Webseite unterschiedlich, daher haben wir Dir hier ein paar Beispiele zusammengestellt:

  • Warenkorb in Onlineshops
  • Kontakt oder Kontaktdaten für alle Webseiten
  • Login Funktion für alle Webseiten mit Mitgliederbereich
  • Spracheinstellungen für Internationale Webseite

Die Auswahl der Nützlichen Header Elemente kann eine Herausforderung sein. An dieser Stelle gilt: weniger ist mehr.

Das dritte Element eines guten Webseitenheaders ist die Suche. Dank der Sucher können Deine Webseitenbesucher Informationen auf Deiner Webseite schnell finden oder wiederfinden.

Es gibt Webseitenbesucher, die die Suchfunktion gegenüber dem eigentlichen Menü bevorzugen. Deine Suchfunktion sollte daher in der Lage sein diese Funktion zu erfüllen und Ergebnisse liefern, die dem Suchenden auch wirklich weiterhelfen.

Die Sektionen geben Deinem Webseitenbesucher einen schnellen Überblick über Deine Webseite. Bei großen Webseiten mit vielen Unterseiten enthalten die Sektionen Untersektionen. Dank der Sektionen findet sich ein Nutzer auf Deiner Webseite schnell zurecht. Damit dieses Element hilfreich ist, sollte es maximal 7 Sektionen enthalten.

Fazit

Die Frage nach dem perfekten Webseiten Header lässt sich nicht pauschal beantworten. Wenn Du den Empfehlungen in diesem Beitrag folgst, bist Du auf einem sehr guten Weg. Den perfekten Webseiten Header für eine Webseite zu entwickeln ist ein Prozess, der auf Versuch und Irrtum beruht.

P.S.: Dank diesem Beitrag hat unser Webseiten Header ein kleines Upgrade erhalten. ;-)