Handel
Prissætning & pristabeller
En pristabel skal gøre én ting nemt: hjælpe brugeren med hurtigt at forstå, hvad tingene koster, og vælge det rigtige niveau. Prisen er typisk det, folk leder efter først — så evidensen peger entydigt på transparens, skarpe forskelle mellem niveauerne og en tabel, der kan skimmes. Her er, hvorfor det virker, best practices og de typiske faldgruber.
Definition
Prissætning på en side handler om at vise, hvad noget koster, og strukturere flere niveauer (typisk 3–4) i en scanbar tabel, hvor forskellene mellem niveauerne er eksplicitte, ét niveau fremhæves, og hver kolonne har sin egen call-to-action. Transparens — synlige priser, valuta og moms — er kernen.
Hvorfor det virker
Pris er en top-opgave. Nielsen Norman Group finder, at forretningskunder angiver pris som den vigtigste enkeltinformation, de har brug for online — vigtigere end alt andet. Når prisen er det, brugeren kommer efter, koster det at gemme den.1
Skjulte priser sender trafikken videre. NN/g har i deres studier direkte observeret deltagere gå til konkurrentens site, når priser ikke vises — og folk opfatter virksomheder, der skjuler omkostninger, som undvigende og utroværdige. Transparens læses omvendt som ærlighed, selv når prisen er høj.1
Eksplicitte forskelle giver rigtige valg. Når forskellene mellem niveauerne forbliver implicitte, stiger risikoen for, at brugeren vælger forkert. Nye brugere har en uklar mental model af domænet, så distinktioner, der virker indlysende for teamet, skal staves ud i tabellen.4
Brugere skimmer tabeller, de læser dem ikke. Eye-tracking viser, at folk scanner en tabel ikke-lineært — hopper mellem kolonner og ned ad rækkerne — så indholdet skal være kort og visuelt adskilt for at kunne aflæses hurtigt. Lange sætninger i cellerne bremser scanningen.32
Et fremhævet niveau styrer opmærksomheden. At markere ét anbefalet niveau udnytter et velkendt psykologisk mønster (center-stage-effekten / ankereffekten): det, der får mest visuel vægt og placeres centralt, ses oftere og vælges oftere. Brug det som et redskab til at guide — ikke til at skjule de øvrige valg.
Hvornår du bruger det — og hvornår ikke
Hvornår du bruger det
- Du sælger et produkt eller en tjeneste i flere niveauer (fx abonnement med Basis/Plus/Premium), hvor brugeren skal vælge ét.
- Prisen er en top-opgave: brugeren kommer for at finde ud af, hvad det koster, og sammenligne det med alternativer.
- Niveauerne adskiller sig på få, konkrete parametre (antal brugere, funktioner, support), der kan stilles op ved siden af hinanden.
Hvornår du bør undgå det
- Prisen afhænger reelt af en samtale (kompleks B2B-aftale) — vis da et prisinterval eller "fra"-pris i stedet for at skjule alt bag "kontakt salg".
- Der er kun ét tilbud uden varianter — en fuld sammenligningstabel skaber kunstig kompleksitet, hvor en enkel prisangivelse er nok.
Best practices
Vis prisen — altid, og tidligt
Prisen er top-opgaven. Skjul den ikke bag "kontakt salg", medmindre den reelt kræver en samtale — og vis da mindst en "fra"-pris eller et interval. Synlig pris læses som ærlighed; skjult pris som undvigenhed.1
Hold dig til 3–4 niveauer og fremhæv ét
De fleste kan sammenligne op til ca. fem elementer ad gangen. Tre til fire niveauer rammer balancen mellem valgfrihed og overblik. Markér ét anbefalet niveau visuelt (fx "Mest populær") for at give et naturligt udgangspunkt, uden at skjule alternativerne.2
Skriv celletekst kort — undgå hele sætninger
Behold niveauerne som kolonner og funktionerne som rækker, med korte labels. Undgå fulde sætninger i cellerne; brug fluebentegn, tal eller få ord. Lange tekstblokke i tabellen kan hverken skimmes eller sammenlignes.2
Understøt scanning: fastlåste headers, striber, ensartet alignment
Frys headerrækken (og første kolonne) på lange tabeller, brug lette rammer eller zebra-striber, og align tal ensartet. Marker samtidig headerne semantisk med <th> og scope, så skærmlæsere kan læse den rette overskrift op til hver celle. Det hjælper alle brugere med altid at vide, hvad de kigger på, mens de scanner på tværs af niveauer.325
Gør måned/år-toggle og indramning entydig
Ved en pris-toggle (måned/år) skal det være tydeligt, hvilken tilstand der er aktiv, hvad der spares, og hvordan prisen beregnes — per bruger, valuta og med/uden moms. Uklar indramning ("19" — per hvad? per hvem?) skaber mistillid. En toggle skal desuden være tastaturbetjenbar og annoncere sin tilstand for skærmlæsere.
Giv hvert niveau sin egen call-to-action
Hver kolonne bør have sin egen knap ("Vælg Plus", "Start gratis"), placeret ens på tværs af niveauerne, så valget kan træffes direkte fra tabellen uden at scrolle efter en handling.
Typiske fejl
Skjult pris bag "kontakt salg"
Når prisen er brugerens top-opgave, driver "kontakt salg" uden nogen prisindikation folk til konkurrenten og signalerer undvigenhed. Vis mindst et interval eller en "fra"-pris.
For mange niveauer og for mange rækker
Seks-syv niveauer eller endeløse featurelister sprænger brugerens evne til at sammenligne. Skær ned, gruppér funktioner, og skjul rækker, hvor alle niveauer er identiske.
Hele sætninger i cellerne
Narrative afsnit i tabellen kan ikke skimmes. De bryder det side-om-side-blik, som er hele pointen med en pristabel.
Uklar indramning af tal
Et rent "99" uden valuta, enhed (per bruger/per måned) og momsangivelse tvinger brugeren til at gætte — og gæt bliver til mistillid, når det rigtige beløb dukker op i kassen.
Eksempler i praksis
Klassisk SaaS tre-kolonne (ofte fremhævet)
Mange SaaS-prissider bruger tre niveauer med det midterste markeret som "Mest populær" og en måned/år-toggle med årsrabat. Mønsteret fremhæves ofte, fordi det kombinerer et begrænset antal valg, et tydeligt udgangspunkt og en scanbar featureliste.
B2B med "fra"-pris frem for skjult pris (illustrativt)
Hvor prisen reelt afhænger af en aftale, viser stærke B2B-sider et prisinterval eller en "fra"-pris i stedet for at gemme alt bag "kontakt os" — en pragmatisk måde at bevare transparens på, når en fast pris ikke er mulig.
Ofte stillede spørgsmål
Hvor mange prisniveauer bør en tabel have?
Typisk tre til fire. De fleste kan sammenligne op til omkring fem elementer ad gangen, så flere niveauer end det gør valget sværere, ikke lettere. Fremhæv gerne ét anbefalet niveau.
Skal man overhovedet vise prisen, hvis den er kompleks?
Ja — i det mindste en "fra"-pris eller et interval. NN/g finder, at skjulte priser sender brugere til konkurrenten og får virksomheden til at fremstå undvigende. Reservér "kontakt salg" til det, der reelt kræver en samtale.
Hvorfor fremhæve ét niveau?
Et markeret niveau giver brugeren et naturligt udgangspunkt og udnytter et velkendt mønster om, at det centralt placerede og visuelt fremhævede vælges oftere. Brug det til at guide — ikke til at skjule alternativerne.
Hvordan gør jeg en pristabel tilgængelig?
Brug rigtige tabeller med <th> til headere og scope="col"/scope="row", så skærmlæsere kan læse den rette header op til hver celle. En måned/år-toggle skal kunne betjenes med tastatur og annoncere sin aktive tilstand.
Hvad med moms og valuta?
Gør indramningen entydig: vis valuta, enhed (per bruger/per måned) og om prisen er med eller uden moms. Uklarhed her bliver til mistillid, når det endelige beløb først dukker op i kassen.
Kilder
Relaterede mønstre
Udforsk videre
Prisvisning i webshops
Sådan viser du pris, rabat og fragt ærligt og forståeligt — fra 30-dages-førpris til enhedspris og totalpris før kassen.
Se mønster →Sorterbar datatabel
Store datasæt med sortering, kolonnestyring og sidenavigation.
Se mønster →Faceteret filtrering
Indsnævr store lister med kombinerbare filtre i sidebaren.
Se mønster →