E-handelsekspert
Hvad er en sticky bar? Fast besked eller købsknap
En sticky bar bliver synlig, mens kunden ruller på siden. Forstå brugen af faste bannere og købsknapper, og se hvad du bør teste på mobil.
- Forfatter
- Kasper Stück
- Dato
- Læsetid
- 2 min
- Niveau
- Begynder
En sticky bar er et felt, som forbliver synligt, når brugeren ruller på siden. Det kan være et informationsbanner, en navigation eller en købsknap.
I en webshop kan den eksempelvis vise leveringsinformation eller holde adgang til køb tæt på produktbeskrivelsen. Den skal hjælpe kunden uden at skjule den information, kunden prøver at læse.
Banner og købsknap har forskellige opgaver
Et informationsbanner kan fortælle om en konkret leveringsfrist. En fast købsknap kan gøre det lettere at lægge i kurven efter at have læst en lang produktside.
En købsknap skal dog stadig respektere produktvalget. Hvis kunden skal vælge størrelse først, må knappen ikke skabe indtryk af, at en tilfældig variant er valgt korrekt.
Hvordan fungerer placeringen?
Teknisk kan et element være fast i forhold til skærmen eller først hæfte sig til en kant efter et bestemt punkt i layoutet. De to løsninger kan opføre sig forskelligt, når der rulles.
Den praktiske kontrol er den samme: Kan kunden stadig læse indholdet og bruge alle funktioner? Flere faste elementer kan tilsammen optage en stor del af mobilskærmen.
Hvad bør du kontrollere?
- At banneret ikke dækker søgning, menuer eller formularfelter.
- At teksten kan læses ved forstørrelse og på små skærme.
- At knapper og links kan nås med tastatur.
- At udløbne kampagner og leveringsfrister bliver fjernet.
- At ændringer i højden ikke giver uventede layoutforskydninger.
Hvis beskeden kan lukkes, skal lukningen virke forståeligt. Overvej, om kundens valg bør huskes under det relevante forløb.
Vurdér den samlede effekt
Mål, om kunden lettere gennemfører den ønskede opgave. En fast knap kan få flere klik og stadig skabe fejl, hvis størrelse eller antal ikke er valgt tydeligt.
Se formatet sammen med øvrige slide-ins og popups. En responsiv hjemmeside skal have plads til både produktinformation og handlinger.
Test med rigtige kunder, og lad resultatet indgå i konverteringsoptimering frem for at antage, at vedvarende synlighed altid øger salget.
Relaterede artikler
Hvad er CLS? Undgå indhold, der hopper på webshoppen
CLS måler uventede forskydninger i layoutet. Forstå scoren og se, hvordan billeder, skrifttyper og dynamisk indhold påvirker din webshop.
Hvad er en slide-in? Beskeder på webshoppen
En slide-in er en boks, der glider ind fra kanten af siden. Se hvornår den kan hjælpe kunden, og hvordan du undgår at skjule vigtige funktioner.
Responsiv hjemmeside: Responsivt webdesign med eksempler
Hvad betyder responsiv? Se hvordan et responsivt website og en responsiv webshop tilpasser sig mobil, tablet og computer, og test dit design med tjeklisten.
