Der Website Header

13.07.2023

Der Website Header

Der Header gehört mit zu den wichtigsten Elementen einer Website, denn er ist das Erste was der Nutzer auf einer Website sieht, wenn er sie betritt. Als Kopf bzw. Titel ist der Header ein fester Bestandteil einer Website. Gegenstück zum Header ist der Footer, die Fußzeile die am untersten Teil der Seite platziert ist.

Keine zweite Chance für den ersten Eindruck!

In Zehntelsekunden entscheidet ein Nutzer, ob ihn eine Website anspricht oder nicht. Da der Header das Erste ist, was dem Nutzer ins Auge fällt, muss dieser überzeugen. Das Design muss gut durchdacht sein, denn der Header kann entscheidend dafür sein ob der Nutzer weiter scrollt oder die Seite verlässt.

Gestaltungstipps für den perfekten Website Header

  • Strategie entwickeln:
    Bevor mit der Gestaltung des Headers begonnen wird sollte das gesamte Website-Konzept stehen! Erst wenn ein Konzept erarbeitet ist kann bestimmt werden, wie der Header aussehen soll bzw. welche Elemente enthalten sein sollen.
  • Leserichtung:
    Bei der Gestaltung des Website Headers muss auf die Leserichtung des Nutzers geachtet werden, denn diese ist entscheidend dafür ob Inhalte wahrgenommen werden oder untergehen. Die Leserichtung geht von links oben nach rechts unten. Demnach müssen im Header Inhalte entsprechend ihrer Relevanz entlang der Leserichtung platziert werden, d.h. beginnend mit den relevantesten Informationen links.
  • Größe:
    Eine Vorschrift in genauen Pixelangaben wie groß der Header sein soll gibt es nicht. Sie ist zum einen abhängig von den Zielen, die mit der Website verfolgt werden, zum anderen aber auch vom Gesamtlayout der Website. Die Größe sollte so gewählt sein, dass man noch einen ersten Blick auf die Inhalte unterhalb des Headers hat.
  • Schriftart:
    Für den Website Header sollte eine einfache, klare Schriftart verwendet werden. Dies gewährleistet, dass der Text klar und deutlich zu lesen ist. Ist eine Schriftart zu verschnörkelt kann es zu Problemen kommen den Text zu entziffern.
  • Bildauswahl:
    Wenn Bilder im Header einer Website platziert werden ist darauf zu achten, dass das Bild relevant für den Inhalt ist. Es sollte Bezug zu den angebotenen Produkten bzw. Leistungen haben und für den Nutzer ansprechend sein.

Welche Elemente sollte ein Website Header enthalten?

Header können auf unterschiedlichste Art und Weise gestaltet werden. Welche Elemente auf gar keinen Fall fehlen sollten, findest du in unserer kostenlosen Checkliste.

    Du möchtest deinen Header anpassen, weißt aber nicht wie? Wir helfen dir gerne weiter!