Einen Header – oder auch Kopfbereich – weist jede Website im Internet auf. In diesem werden meist zentrale Einstiege und Funktionen angeboten, damit diese für den Nutzer von jeder Unterseite aus erreichbar sind.
Häufig vorkommende Elemente
- Logo & Slogan mit Home-Link
- Hauptnavigation
- Meta-Navigation (Kontakt, Service/Hilfe, Sitemap, Beratung, Sprach-/Schiftgrößenauswahl, …)
- Suchfunktion
- Nennung von USPs/Shop-Vorteilen
|
- Warenkorbanzeige und -zugang
- Zugang zum Wunsch-/Merkzettel
- Zugang zum persönlichen Bereich
- Login/Logout bzw. Registierung
- Möglichkeit der Direktbestellung
- Suche für Filialen vor Ort
- Angebotsteaser
|
Viele der genannten Elemente werden heutzutage von Nutzern im Header erwartet. Sind diese dort nicht zu finden, löst dies Irritationen und vielleicht auch Frustration beim Nutzer aus.
35 Beispiele von deutschen und internationalen Online-Shops
3suisses.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkrob, Direktbestellung, Login/Logout, persönlicher Bereich, Registierung, Sprachauswahl.
amazon.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkorb, Login/Logout, persönlicher Bereich, Registrierung, Angebotseinstiege, Wunschzettel.
baby-walz.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Beratung, Filialfinder, Login/Logout, Direktbestellung und weitere Meta-Navigation.
barnesandnoble.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Filialfinder und weitere Meta-Navigation.
baur.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Direktbestellung, Servie & Hilfe, Merkzettel, Angebotsteaser.
bestbuy.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Service, Sprachauswahl, Filialfinder und diverse weitere Angebots-/Informationseinstiege.
bonprix.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Filialfinder, Direktbestellung, Wunschzettel, persönlicher Bereich, Service.
cunda.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Sprachauswahl, Service, Merkzettel, Newsletter und Verweise auf andere Unternehmesbereiche.
docmorris.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Hilfe, Service, Schriftgrößenauswahl und weitere Meta-Einstiege.
galeria-kaufhof.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Merkzettel, Filialfinder, weitere Meta-Elemente sowie Verweis auf Prospekte, Blog und Payback.
globetrotter.de - Header-Elemente: Logo, Suchfunktion, übergeordnete Gesamt-Navigation, Warenkorb, Direktbestellung, Filialen, Meta-Navigation.
hagebau.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Login/Logout, Registrierung, Filialfinder, persönlicher Bereich, Service, Beratung sowie weitere Aktions-/Informationseinstiege.
heine.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Beratung, Login/Logout.
ikea.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Bereatung, Filialfinder und weitere ikea-eigene Einsteige.
karstadt.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Filialfinder, Login/Logout, Merkzettel, Service und Kundenkarte.
mirapodo.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Service, Vorteile, Newsletter und Blog.
misterspexx.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Hilfe, Sprachauswahl, Newsletter, Vorteile und Telefonhotline sowie Social Media.
mydays.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, Newsletter, Hilfe und Trust-Element.
newegg.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, MarkenShop, Geschäftskunden, Login/Logout, Registrierung, Wunschzettel, Hilfe und Social Media.
otto.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Login/Logout, Registrierung, Service, Hilfe und Sitemap.
otto-office.de - Header-Elemente: Logo, Suchfunktionen, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Direktbestellung, Service, Stichwortliste als Navigation.
peterhahn.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Direktbestellung, Merkzettel, Login/Logout, Hilfe, Veranstaltungen, Filialfinder, Service, Katalog und Über uns.
planet-sports.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Vorteile, Trust-Elemente, Service, Sprachauswahl, Filialfinder, Social Media und Verweise auf weitere eigenen Auftritte.
play.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Registrierung, Hilfe.
plus.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Merkzettel und Trustelemente.
real-onlineshop.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Filialfinder, Angebotsteaser, Merkzettel, persönlicher Bereich, Hilfe, Registrierung, Trust-Elemente.
redcoon.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Registrierung, Kontakt, Merkzettel sowie weitere Navigationselemente zu anderen speziellen Seitenbereichen.
rossmannversand.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Service & Hilfe, Meta-Elemente, diverse Angebotsteaser und Einstiege zu speziellen Seitenbereichen.
sportscheck.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Vergleichsfunktion, Hilfe, Sprachauswahl und Angebotsteaser.
staples.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Hilfe-Funktionen, Filialfinder, Aktionsteaser, Login-Logout und Spezialeinstiege.
tchibo.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Service, Kontakt, Newsletter und PrivatCard.
thalia.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Filialfinder, Hilfe, persönlicher Bereich, Login/Logout.
weltbild.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Hilfe & Service, Kontakt, Vorteile und Aktionsteaser.
zalando.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Trust-Elemente, Vorteile, persönlicher Bereich, Wunschzettel, Hilfe, Gutscheine, Newsletter, Jobs, Login/Logout.
zappos.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Vorteile, Aktionsteaser, Marken-Verzeichnis, Login/Logout, persönlicher Bereich, Merkzettel, Hilfe, Hotline, Registrieren und Verweis auf vorhandene Blogs.
Haben Sie Interesse an weiteren Good practices? Auch zu anderen Themen und Anwendungen? Mit den eResult Themenjournalen und Trendnewslettern bekommen Sie jeden Monat Inspiration für Ihre eigene Arbeit.
Pingback: Handelskraft – Das E-Commerce und Social-Commerce-Blog - Amazon vs. eBay: Die Lieferung am selben Tag kommt [5 Lesetipps]