Knapper og links

Få her et overblik over den bedste måde at lave knapper og links på, som følger jeres design.

Hvilken knap skal jeg vælge?

I har i jeres design mulighed for, at vælge mellem tre forskellige knapper:

Brugen af knapperne afhænger primært af:

  • Vigtigheden af linket
  • Linkets længde
  • Mængden af links

Vigtigheden af linket

En knap kaldes også en "Call-to-action". Det vil sige, at den er handlingsanvisende. Vi vil gerne lede brugeren hen mod knappen, derfor er den designet på en måde, som påkalder sig mere opmærksomhed end et traditionelt link.

Hvis en bruger ser en "skov" af links, som alle ligner knapper, kan det virke overvældende og svært for brugeren at tage stilling til, hvilket link de skal vælge.

Brug derfor jeres knapper (med baggrundsfarve eller omrids) sparsomt, hvis I har en side med mange links. Hvis brugeren bliver præsenteret for syv forskellige knapper, alle med farvet baggrund og på den samme side, vil det være svært at tage en beslutning.

Derfor anbefaler vi, at lave links ud fra disse principper:

  • Hvis I har mange, relaterede links, anbefaler vi at lave en link liste (læs mere om dette nederst i dette afsnit)
  • Hvis I har et par enkelte links, som er vigtige, brug da knapper (også kaldet "call-to-action's").
  • Hvis I sidestiller to eller flere knapper, brug da knapper med det samme udtryk (knap med farvet baggrund eller omrids), medmindre I ønsker at fremhæve én knap over de andre. 

Se eksemplet her, hvor linket er en del af teksten:

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Dette er i forhold til lovgivningen, som du kan læse mere om her.  Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Op imod dette eksempel, hvor linket er trukket ud af teksten markeret med en knap og derfor nemmere for brugeren at få øje på:

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla.

Læs mere om lovgivningen her  

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

 

Linkets længde

Hvis du oplever at skulle lave et langt link, anbefaler vi at bruge et link med pil. Grunden til dette er, at knapper med meget tekst kan risikere at bryde i flere linjer, hvilket især sker på mindre tekstbokse samt i mobil.

Se to eksempler sidestillet her, hvor linket med pil er at foretrække, da der er tale om et langt link på en lille plads:

Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum.

Læs mere om emnet i vores årsrapport fra 2017 (PDF, åbner i nyt vindue)

Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum.

Læs mere om emnet i vores årsrapport fra 2017 (PDF, åbner i nyt vindue)

Hvis I har en lang liste af links, kan det virke overvældende for læseren at liste dem op i knapform, som vist her:

Årsrapport 2017 (PDF)

Årsrapport 2018 (PDF)

Årsrapport 2019 (PDF)

Årsrapport 2020 (PDF)

Årsrapport 2021 (PDF) 

 Brug i stedet links med pil, eventuelt bokset ind i et link liste modul, som vist her:

Det kan ske, at du har brug for at oprette en simpel undernavigation på en side. Vælg her et link liste modul, med "Vis som horisontal liste"-indstillingen, og brug enten knapper med omrids eller farvet baggrund i dette modul, som vist her: