Wat is een hero op een website?
Een hero is het eerste blok onder je menubalk: een groot beeld of kleurvlak met een kop, een korte zin en meestal een knop.
Het is de plek waar je in één zin duidelijk maakt wat je doet en voor wie.
Bij de meeste sites is dit het enige deel dat vrijwel iedereen ziet.
Waar het voor is
Voor herkenning. Je bezoeker moet binnen enkele seconden kunnen bepalen of hij op de goede plek is.
Lukt dat niet, dan gaat hij terug naar de zoekresultaten. Meer daarover lees je bij conversie.
Wat er meestal in staat
Een kop met je belofte, een zin die hem verduidelijkt, en één knop met de logische vervolgstap.
Soms ook een afbeelding van je product of je werk. Meer daarover lees je bij wat je in je hero zet.
Waar hij niet hoort
Op elke pagina. Bij een artikel of een informatieve pagina wil je bezoeker meteen bij de tekst.
Een hero hoort op je startpagina en op je belangrijkste dienstpagina’s. Meer daarover lees je bij header.
Mijn vuistregels
- Eén kop, één zin, één knop.
- Zorg dat je kop zichtbaar is zonder scrollen, ook op een telefoon.
- Laat een stukje van het volgende blok zien.
- Geen bewegende beelden die om aandacht vragen.
Die derde vertelt je bezoeker dat er meer is, en dat scheelt afhakers.
Waar de naam vandaan komt
Uit de krantenwereld, waar de heroshot de grote foto boven de vouw was. Het idee is hetzelfde gebleven.
Meer daarover lees je bij above the fold.
Wat het je kost
Ruimte en laadtijd. Een grote afbeelding bovenaan is vaak het zwaarste onderdeel van je pagina.
Meer daarover lees je bij welke afbeelding je kiest.