Skip to main content
Servicesider

Søg

Menu

HeroBanner

Et HeroBanner er et topbillede, der kombinerer billede og tekst. Det er en iøjnefaldende, visuel sektion, der kan fange brugernes opmærksomhed, styrke SDU’s identitet, formidle vigtige budskaber og/eller opfordre til handling.

Eksempel på komponenten HeroBanner

Formål

Et HeroBanner er et iøjnefaldende visuelt element øverst på dine sider, der kan fange brugernes opmærksomhed.

HeroBanneret kan bruges til at præsentere vigtige budskaber, fremhæve indhold, opfordre brugerne til at udføre en bestemt handling eller blot som en fremtrædende visuel funktion for at skabe et godt førsteindtryk.

Komponenten bruges ofte på Univers- og Landingssider. Der findes 6 forskellige slags, hvor billedet og teksten er placeret forskelligt. Du kan også indsætte en MP4-film eller en knap med link. Hvilken du vælger, afhænger af dit formål.

Sådan gør du 

  1. Gå til Sideredigering og indsæt komponenten "Herobanner" på den ønskede placering. Opret et nyt "Herobanner" i  enten din lokale PageContent-mappe eller  i den globale Pagecontent-mappe 'Global Hero'.
  2. Klik på komponenten og vælg ikonet i venstre side for at redigere dit 'Herobanner'. Komponenten kan også redigeres i Indholdsredigering.
  3. Udfyld nu de forskellige felter og vælg opbygningen af dit 'Herobanner' under "Pattern".
  4. Gem og udgiv (husk også at udgive din lokale PageContent-mappe).

Gode råd

  • Brug tydelige og beskrivende overskrifter, så brugerne kan afkode, hvad der er i den pågældende sektion. Brug overskriften til at give en kort sammenfatning af det indhold, der er i sektionen.

  • Meget vigtigt indhold bør som hovedregel ikke placeres i en Fold Out List, da den kræver yderligere handling fra brugeren, før indholdet bliver synligt. Brug derfor helst Fold Out List til supplerende eller uddybende indhold, der kan være relevant i sammenhæng med sidens brødtekst.

    Men! Der kan være undtagelser, fx hvis du bruger Fold Out List til at inddele dit indhold efter målgrupper (for dig, der er…) eller trinvis information (Før du søger…/Mens du venter…) osv.

  • Selvom Fold Out Lists bruges til indholdsdeling af en vis mængde tekst, så skal indholdets længde stadig overvejes og optimeres til web. Hold indholdet inden for hver sektion af Fold Out List kort, præcist og relevant.

    Overvæld ikke brugerne med for meget tekst eller information på én gang. Hvis der er behov for mere detaljeret indhold, kan du overveje at linke til separate sider eller dokumenter.

Andre Heroes

Sidst opdateret: 20.12.2023