Knapper og links

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

Placering af links i artiklen

Placér altid linket efter et tekstafsnit i stedet for som en del af teksten. 

Grunden til dette er ganske simpelt, at det er nemmere for læseren at få øje på linket, hvis det er trukket ud af teksten.

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

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Læs mere om fødevarer her eget risus varius blandit sit amet non magna.

Op imod dette eksempel, hvor linket er trukket ud af teksten, og markeret med en knap:

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.

Læs mere om fødevarer her

Diam eget risus varius blandit sit amet non magna.

Linket står for sig selv, og er nemmere for brugeren at få øje på.

Hvilken knap skal jeg vælge?

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

Knap med farvet baggrund Knap med omrids Link med pil

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. 

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:

Vehicula Elit Venenatis

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)

Vehicula Elit Venenatis

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)

Mængden af links

 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)

Årsrapport 2022 (PDF)

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

Flere links i en navigation

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:

Det er ikke vigtigt, hvilken slags knap du vælger, men det er vigtigt, at du er konsekvent i valget af knapper, så der ikke er enkelte knapper der står ud, og kalder på mere opmærksomhed end andre (medmindre dette er intentionen).

Åbning af link i ny fane

Hvis du linker til en fil, som f.eks. en PDF, eller et eksternt link, skal linket åbne i en ny fane. Et eksempel kunne her være:

Læs vores seneste rapport om emnet (PDF, åbner i ny fane)

Hvis du ikke skriver i selve linkets tekst, at linket åbner i en ny fane, skal det beskrives i linkets "title"-felt, som udfyldes når du laver et nyt link i GoBasic: