Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Sidans innehåll

Om Knapp

Komponenten knapp kan du använda när du vill lyfta en extra viktig länk som besökaren ska klicka på. Det kan till exempel vara om besökaren ska logga in i ett system, fylla i ett formulär eller leda besökaren till alla nyheter. Knappen ska ses som ett komplement till puffarna och användas med varsamhet eftersom för många knappar inte underlättar för besökaren.

Förstå hur du arbetar i Layoutbuilder

Vill du förstå hur du arbetar i Layoutbuilder? Manualen Layoutbuilder

Riktlinjer

 Använd knappen så här

Rekommendationen är att du använder knapp på följande sätt:

Kombinerat med puffar

I samband med puffar kan du lägga komponenten knapp för att leda besökaren till att hitta allt inom det ämne som puffarna handlar om. Till exempel nyheter på startsidan:

image-20240523-125535.png

I sektionstypen information

Du kan lägga knapp i sektionstypen information när du vill uppmärksamma en särskilt viktig länk i sitt sammanhang. Rekommendationen är att vara sparsam med komponenten knapp eftersom för många knappar gör det svårare för besökaren att veta vilken knapp hen ska välja.

Till exempel länk till vårt rekryteringssystem på sidan “Så blir du en av oss”. I samband med informationen om att besökaren behöver ha ett konto i systemet synliggör en knapp med en knapp.

image-20240523-131959.png

 Använd inte knappen så här

Eftersom för många knappar gör det svårt för besökaren att veta vilken knapp som hen ska klicka på så finns det situationer där du inte ska använda knappen.

Istället för puffar

Har du flera länkar som du vill uppmärksamma ska du använda komponenterna för puff istället - inte knapp. I exemplet nedan ser du hur en sådan lösning hade sett ut och därför ska vi använda puffar istället.

image-20240523-133520.png

vs puffar

image-20240523-134155.png

Inte extra viktiga länkar

I sektionstypen information kan du ha flera olika länkar. Majoriteten av dessa är inte extra viktiga för alla som besöker listan. Därför ska du inte använda komponenten knapp för dessa länkar utan istället bara skapa vanliga länkar i editorn. Detta för att inte ta fokus från den viktigaste länken.

image-20240523-134628.png

vs vanlig länk i editor. Manual för länk i editor

image-20240523-135058.png
 Länktext

 Click here to expand...

Skapa knapp

  • No labels