Left navigation


Knapper

Det er vigtigt for brugerens oplevelse af et websted, at det er overskueligt, og at vi bruger links og knapper ens på tværs af siderne. Disse guidelines beskriver brugen af knapper.

Knapper bruges til at markere de væsentligste handlinger. Knapperne er designet, så de står ud og tiltrækker sig opmærksomhed, og der skal på hver enkelt side tages stilling til, hvilke handlinger der er så væsentlige, at de skal markeres med knapper i stedet for links.

Knap eller link?

En knap udfører en handling.
Et link går til en ny side. 

Call to action-knapper

Call to-action knapper skal signalere den væsentligste handling på en side. De mest opmærksomhedskrævende knapper på en side benyttes til at markere salg, næste skridt i flows samt de væsentligste handlinger på en side.

Udseende

På Scandlines website og i bookingen er CTA knapperne blå og orange og indeholder altid en pil - enten i forbindelse med teksten eller selve knappen er formet som en pil .

Den orange farve står kraftigt ud i designet og påkalder sig opmærksomhed. 

Teksten i knapperne er aldrig understreget.


Eksempler på Call to-action knapper fra bookingen og landing pages 

Book_nu_knap_158x45px
Se_vores_tilbud_knap_223x45px
 cta_betal  cta_fortsaet


Derudover anvendes den blå Book nu-knap mange steder på websitet 

cta_BOOK_NU 

Nedenstående knapper anvendes primært i slider elementer samt på inspirationssiderne 

prisboks-dk-3cifre   
 prisboks-de-2cifre  
 prisboks-eur-2cifre  
 prisboks-se-3cifre  

Scandlines - Der er noget ved at sejle