Website UX-tjekliste — det vigtigste før du lancerer

Sådan gør du — trin for trin

1. 1

   Test kernen med rigtige brugere

   Lad et par repræsentative brugere løse den vigtigste opgave på sitet. Kan de gennemføre den uden hjælp? Selv en lille test afslører de fleste alvorlige problemer, mens der stadig er tid til at rette.

2. 2

   Tjek hastigheden

   Mål, hvor hurtigt de vigtigste sider indlæser og reagerer. Langsomme svar føles som dårlig UX, uanset hvor pænt designet er — optimér de tungeste sider først.

3. 3

   Kør tilgængeligheden igennem

   Gennemgå sitet mod WCAG 2.1 AA: tekstkontrast, tastaturnavigation, alt-tekster, synligt fokus og korrekt struktur. Test med tastatur alene og en skærmlæser på de vigtigste flows.

4. 4

   Test på mobil

   Åbn sitet på en rigtig telefon og betjen det med tommelen. Er touch-målene store nok, er den vigtigste navigation synlig, og fungerer indholdet på en lille skærm?

5. 5

   Efterse tillid og troværdighed

   Se sitet med en førstegangsbesøgendes øjne. Er der tydelige tegn på, at man kan stole på jer — social proof, gennemsigtige priser, kontaktmuligheder og en ærlig tone?

6. 6

   Stram konverteringsstien

   Følg vejen fra landing til mål. Er værdien klar med det samme, er formularerne korte, og fortæller dit call-to-action præcist, hvad der sker efter klikket?

Usability og indhold

Det vigtigste tjek er, om folk kan løse deres opgave. Den billigste måde at finde ud af det på er en brugertest: allerede omkring 5 testpersoner afdækker cirka 85 % af brugervenlighedsproblemerne, så du behøver ikke vente på en stor undersøgelse.¹

Husk, at folk skimmer frem for at læse — så gør indholdet skanbart med sigende overskrifter og nøgleord forrest. Vil du dybere, så følg guiden til UX-design og guiden til brugertest.

Hastighed

Svartider er en del af oplevelsen. Jakob Nielsens klassiske grænser gælder stadig: op til cirka 0,1 sekund føles øjeblikkeligt, op til cirka 1 sekund holder brugerens tankegang uafbrudt, og ved omkring 10 sekunder mister du opmærksomheden, hvorefter brugeren begynder at lave andet.²

Praktisk betyder det: hold de vigtigste sider hurtige, giv tydelig feedback (fx en indlæsningsindikator), når noget tager længere end et sekund, og optimér de tungeste sider før du lancerer.²

Tilgængelighed

Tilgængelighed hviler på fire principper (POUR): indholdet skal være opfatteligt, betjeneligt, forståeligt og robust. Sigt mod WCAG 2.1 AA på hele sitet — og for offentlige og mange private aktører i Danmark er det et lovkrav, ikke en bonus.³

Konkret før launch: tjek, at almindelig tekst har en kontrast på mindst 4,5:1 mod baggrunden, at hele sitet kan betjenes med tastatur alene, at fokus er synligt, og at billeder har meningsfulde alt-tekster. Den fulde fremgangsmåde ligger i guiden om webtilgængelighed og WCAG.⁴

Mobil

Test på en rigtig telefon, ikke kun i en emulator. Gør touch-mål store nok — Apple anbefaler mindst 44×44 pt, og WCAG 2.2 kræver mindst 24×24 CSS-pixel — så de kan rammes med tommelen uden fejlklik.⁵⁶

Hold desuden den vigtigste navigation synlig frem for at gemme alt bag et hamburger-ikon, som næsten halverer opdagbarheden, og byg ét responsivt site frem for en separat mobilside. Mere i guiden om mobil UX.⁷⁸

Tillid og troværdighed

Førstegangsbesøgende beslutter hurtigt, om de tør stole på jer. Social proof — konkrete anmeldelser, tal eller logoer — reducerer beslutningsusikkerheden, fordi folk læner sig op ad andres adfærd. Byg på hvad folk faktisk gør, og hold det troværdigt frem for løse påstande.⁹

Vær også ærlig og gennemsigtig i selve flowet: skjulte omkostninger og tvungen kontooprettelse er blandt de hyppigste grunde til, at folk springer fra — Baymard finder, at 24 % har forladt en kurv alene på grund af krav om at oprette en konto.¹⁰

Konvertering og formularer

Gør værdien klar hurtigt. De første cirka 10 sekunder af besøget er afgørende — kommunikerer du ikke din værdiproposition inden for det vindue, forlader mange siden, før de er kommet i gang.¹¹

Og hold formularer korte: antallet af felter betyder mere for oplevelsen end antallet af trin, og de fleste sider har brug for langt færre felter, end de tror. Se guiden til landing page-optimering og guiden til konverteringsraten for de fulde fremgangsmåder.¹²

Tjekliste

• ✓ Kan en repræsentativ bruger løse sitets vigtigste opgave uden hjælp? (test det med et par personer)
• ✓ Er indholdet skanbart — med sigende overskrifter, korte afsnit og nøgleord forrest?
• ✓ Har hver vigtig side ét klart, primært formål og et tydeligt næste skridt?
• ✓ Indlæser og reagerer de vigtigste sider hurtigt (mål mod under ~1 sekund, hvor du kan)?
• ✓ Er der tydelig feedback (fx indlæsningsindikator), når noget tager længere end et sekund?
• ✓ Har al almindelig tekst en kontrast på mindst 4,5:1 mod baggrunden?
• ✓ Kan hele sitet betjenes med tastatur alene, og er fokus altid synligt?
• ✓ Har alle meningsbærende billeder en dækkende alt-tekst?
• ✓ Er sidernes struktur korrekt (overskrifter i rækkefølge, labels på felter, sprog sat)?
• ✓ Er touch-mål mindst 44 pt / 48 dp (aldrig under 24×24 CSS-pixel) med god afstand imellem?
• ✓ Er den vigtigste navigation synlig frem for gemt bag et hamburger-ikon?
• ✓ Fungerer sitet på en rigtig telefon, betjent med én hånd?
• ✓ Er der troværdig social proof (rigtige anmeldelser, tal eller logoer) de rette steder?
• ✓ Er priser, fragt og betingelser gennemsigtige — ingen skjulte omkostninger sent i flowet?
• ✓ Kan man gennemføre uden tvungen kontooprettelse (fx gæste-checkout)?
• ✓ Er værdipropositionen forståelig inden for de første ~10 sekunder på de vigtigste sider?
• ✓ Er formularerne skåret ned til kun de nødvendige felter?
• ✓ Er hvert call-to-action præcist om, hvad der sker efter klikket (ikke bare »Kom i gang«)?
• ✓ Er fejlmeddelelser tydelige, venlige og handlingsanvisende?
• ✓ Virker de vigtigste flows i de browsere og på de skærmstørrelser, dine brugere faktisk bruger?

Ofte stillede spørgsmål

Kilder

1. Why You Only Need to Test with 5 UsersNielsen Norman Group (2000) · 5 brugere afdækker ca. 85 % af brugervenlighedsproblemerne.
2. Response Times: The 3 Important LimitsNielsen Norman Group (1993) · De tre grænser: 0,1 s (øjeblikkeligt), 1 s (uafbrudt tankegang), 10 s (opmærksomhedsgrænse).
3. Accessibility PrinciplesW3C Web Accessibility Initiative (WAI) · De fire POUR-principper: opfatteligt, betjeneligt, forståeligt, robust.
4. Understanding SC 1.4.3: Contrast (Minimum)W3C WAI (WCAG 2.1) · Almindelig tekst skal have kontrast mindst 4,5:1 (AA).
5. UI Design Do’s and Don’tsApple · Anbefalet komfortabelt minimum for touch-mål: 44×44 pt.
6. Understanding SC 2.5.8: Target Size (Minimum)W3C/WAI (WCAG 2.2) · Niveau AA: touch-mål mindst 24×24 CSS-pixel.
7. Hamburger Menus and Hidden Navigation Hurt UX MetricsNielsen Norman Group (2016) · Skjult navigation halverer næsten opdagbarheden og gør brugerne langsommere.
8. Mobile-First Indexing Best PracticesGoogle Search Central · Google anbefaler responsivt webdesign frem for separate mobilsider.
9. Social Proof in the User ExperienceNielsen Norman Group (2014) · Social proof reducerer beslutningsusikkerhed; byg på adfærd, hold det troværdigt.
10. Make "Guest Checkout" ProminentBaymard Institute · 24 % har forladt en kurv alene pga. tvungen kontooprettelse.
11. How Long Do Users Stay on Web Pages?Nielsen Norman Group (2011) · De første ca. 10 sekunder er afgørende for, om brugeren bliver.
12. Checkout Optimization: Minimize the Number of Form FieldsBaymard Institute (2024) · Antal felter betyder mere end antal trin; de fleste sider behøver færre felter.