Klockan som räknar ner. ”Bara två kvar i lager.” Rutan som redan är ikryssad. Prenumerationen som tog trettio sekunder att starta och nu kräver ett telefonsamtal på kontorstid. Det är inte slarvig design – det är designat precis så. Och när EU granskade 399 webbplatser hittade de mönstren på nästan fyra av tio.

Du har säkert gjort det. Lagt något i korgen som du inte tänkt köpa, betalat mer i frakt än du räknat med, eller upptäckt en prenumeration du inte minns att du startade.

Den vanligaste reaktionen är att skylla på sig själv. Det finns bättre förklaringar.

Vad ett mörkt mönster är

Ett mörkt mönster är ett gränssnitt som är utformat för att få dig att göra något du annars inte hade gjort. Inte genom att ljuga rakt ut, utan genom att styra – med färg, placering, ordval, tidspress och vad som göms bakom ett extra klick.

Skillnaden mot vanlig marknadsföring är att mörka mönster arbetar mot ditt eget beslut i stunden. Reklam försöker övertyga dig. Mörka mönster försöker se till att du inte hinner tänka efter.

Vad EU:s granskning hittade

Det här är inte en känsla. Konsumentskyddsmyndigheterna i 23 medlemsstater plus Norge och Island granskade tillsammans 399 webbplatser och appar hos handlare inom kläder, elektronik, hushållsartiklar, kosmetik och livsmedel.

Resultatet: 148 av dem – knappt fyra av tio – innehöll minst ett av de tre mönster man letade efter. Myndigheterna bedömde att minst 37 procent av de granskade sajterna potentiellt bröt mot EU:s regler om otillbörliga affärsmetoder.

De tre mönster som granskningen fokuserade på var:

Falska nedräkningsklockor som skapar brådska genom att presentera ett erbjudande som tidsbegränsat när det inte är det.

Falsk hierarki, alltså att göra handlarens föredragna alternativ mycket mer framträdande genom design, färg eller språk.

Dold information – uppgifter som borde vara tydliga men som placerats där de inte syns.

Katalogen: känn igen dem

Den eviga rean. Nedräkningen som når noll och startar om när du laddar sidan. Testa gärna – det tar tio sekunder.

Falsk knapphet. ”Bara två kvar!” som stått där i sex månader. Ibland sant, ofta inte.

Förkryssade rutor. Nyhetsbrevet, tilläggsförsäkringen, den där donationen på nio kronor. Du valde inte till – du glömde välja bort.

Droppris. Priset som växer i varje steg av kassan. Frakt, expeditionsavgift, betalavgift. Var för sig små, tillsammans en helt annan summa än den du sa ja till på produktsidan.

Skambeläggning. Nekaknappen som lyder ”Nej tack, jag vill hellre betala fullpris”. Formulerad för att kännas dum att klicka på.

Kaninhålet. Att avsluta något ska ta lika många klick som att starta det. När uppsägningen kräver telefonsamtal, kontorstid och en motivering är det ett mönster, inte en tillfällighet.

Konfetti och brådska i kassan. Animationer, ”17 personer tittar på den här varan just nu”, nedräkning till leverans imorgon. Allt utformat för att flytta dig framåt innan tvivlet hinner ikapp.

Varför de fungerar

Det handlar inte om att folk är godtrogna. Det handlar om att vi fattar hundratals små beslut om dagen och omöjligt kan granska varje gränssnitt vi möter.

Designern har tänkt på sin knapp i veckor. Du ser den i två sekunder. Den asymmetrin är hela affärsidén.

Brådska är särskilt effektivt eftersom den stänger av just det som skulle rädda dig – jämförandet. Ska erbjudandet försvinna om fyra minuter hinner du inte kolla priset någon annanstans.

Vad som redan är förbjudet

Mycket av det här är inte en gråzon.

Vilseledande marknadsföring är förbjuden enligt marknadsföringslagen, och vissa metoder finns på den så kallade svarta listan – de är otillåtna i sig, utan att någon behöver bevisa att just du blev vilseledd. Att presentera ett erbjudande som tidsbegränsat när det inte är det hör dit.

För större onlineplattformar gäller dessutom EU:s förordning om digitala tjänster, som uttryckligen förbjuder gränssnitt utformade för att vilseleda eller manipulera användare.

Och sedan 2022 gäller de skärpta reglerna om prisinformation: anges en rabatt ska det tidigare lägsta priset under de senaste 30 dagarna framgå.

Vad som är på väg

EU-kommissionen har aviserat en ny rättsakt – Digital Fairness Act – med förslag väntat under senare delen av 2026. Den ingår i konsumentagendan fram till 2030 och riktar in sig på just mörka mönster, men också på influerarmarknadsföring, beroendeframkallande design och personalisering som utnyttjar konsumenters sårbarheter.

Med andra ord: reglerna på området är på väg att bli fler, inte färre.

Så skyddar du dig

Ladda om sidan. Det avslöjar nedräkningsklockan på tio sekunder.

Gå till sista steget innan du bestämmer dig. Det är där det verkliga priset står.

Läs vad som redan är ikryssat. Varje gång.

Sov på det som brådskar. Är erbjudandet borta imorgon var det förmodligen inte ett erbjudande.

Kolla uppsägningen innan du startar. Hur avslutar man det här? Står det inte klart och tydligt – börja inte.

Jämför alltid någon annanstans. Det enda knep som fungerar mot samtliga mönster.

Bra att veta

• EU:s konsumentmyndigheter granskade 399 webbplatser och appar och fann minst ett mörkt mönster på 148 av dem
• Minst 37 procent bedömdes potentiellt bryta mot reglerna om otillbörliga affärsmetoder
• Vilseledande metoder är förbjudna enligt marknadsföringslagen, vissa direkt via svarta listan
• Förordningen om digitala tjänster förbjuder manipulativa gränssnitt hos större plattformar
• En ny EU-rättsakt om digital rättvisa väntas föreslås under senare delen av 2026

Du känner igen den. Stor blå knapp med ”Acceptera alla”. Någonstans i utkanten en grå text där det står ”Inställningar”. Ingenting som heter ”Neka”. Den designen är ingen slump – och enligt EU:s dataskyddsmyndigheter ger den inget giltigt samtycke.

Vi klickar bort dem hundra gånger i veckan utan att tänka. Just därför är cookie-bannern ett av de mest genomdesignade gränssnitten på hela internet: varje pixel är optimerad för att du ska trycka ja.

Det roliga – eller irriterande, beroende på humör – är att många av knepen är uttryckligen underkända.

Vad lagen faktiskt kräver

I Sverige regleras kakor i lagen om elektronisk kommunikation, och Post- och telestyrelsen är tillsynsmyndighet. Handlar det om vad som sedan görs med personuppgifterna är det i stället Integritetsskyddsmyndigheten som granskar.

Kraven är rakare än man kan tro. Samtycket ska lämnas aktivt, det ska vara informerat och beskriva ändamålen, det ska inhämtas innan kakan sätts – och det ska gå att ta tillbaka.

Läs den sista punkten en gång till. Kan du inte hitta ett sätt att ändra dig på en sajt du besökt tidigare, saknas något som ska finnas.

Undantaget som missbrukas

Alla kakor kräver inte samtycke. Kakor som är nödvändiga för att överföra ett meddelande, eller för att tjänsten du uttryckligen bett om ska fungera, är undantagna. Varukorgen som kommer ihåg vad du lagt i den är standardexemplet.

Här sitter en av de vanligaste felen. Att kategorisera kakor som ”nödvändiga” när de i själva verket handlar om analys eller annonsering är just en av de metoder som EU:s dataskyddsmyndigheter har pekat ut som otillåten.

En tumregel: om kakan behövs för att sajten ska fungera är den nödvändig. Om den behövs för att affärsmodellen ska fungera är den det inte.

Sju mönster som myndigheterna underkänt

I januari 2023 publicerade Europeiska dataskyddsstyrelsen en rapport från sin särskilda arbetsgrupp om cookie-banners. Den kom till efter en våg av anmälningar och samlar de europeiska dataskyddsmyndigheternas gemensamma hållning. Listan är obekvämt igenkännbar.

1. Ingen nekaknapp i första steget. En stor majoritet av myndigheterna anser att det ska gå lika lätt att neka som att acceptera – alltså en ”neka alla”-knapp direkt i bannern, inte tre klick bort.

2. Knappar med olika färg och kontrast. Att lyfta fram ”acceptera alla” med färg medan alternativen tonas ned är inte tillåtet. Idealet enligt rapporten är att alla knappar har samma storlek, färg, typsnitt och kontrast.

3. Förkryssade rutor. Ogiltigt. Även på andra nivån, alltså inne bland inställningarna.

4. Nekaalternativet gömt i en textmassa. Att lägga ”fortsätt utan att acceptera” mitt i ett stycke brödtext, där ögat inte hittar det, räknas som vilseledande design.

5. Nekaknappen placerad utanför bannern. Samma sak.

6. Kakor felklassade som nödvändiga. Se ovan.

7. Ingen enkel väg att ta tillbaka samtycket. Det ska gå att ändra sig, när som helst, utan detektivarbete.

Varför bannern ändå ser ut som den gör

Svaret är ohederligt enkelt: skillnaden i utfall är enorm.

En banner med en tydlig nekaknapp bredvid en lika tydlig jaknapp får väsentligt lägre andel samtycken än en där jaknappen lyser blå och nekaknappen inte finns. Varje procentenhet är värd pengar i annonsförsäljning och analysdata.

Det är alltså inte slarv eller okunskap i första hand. Det är en avvägning där risken för tillsyn ställts mot värdet av data – och där många landat i att det är värt det.

Tillsynen har kommit igång

Post- och telestyrelsen har granskat svenska webbplatsers hantering av kakor och i flera fall funnit brister i hur giltiga samtycken inhämtas. Granskningarna har omfattat stora och välkända aktörer.

Det betyder inte att varje banner du ser är föremål för utredning. Men det betyder att frågan inte längre är teoretisk, och att den som driver en sajt inte kan räkna med att ingen tittar.

Vad du kan göra som besökare

Leta efter nekaknappen först. Finns den inte i första steget, gå till inställningarna – ofta finns ”avvisa alla” gömd där.

Kolla vad som ligger under ”nödvändiga”. Många banners låter dig läsa listan. Hittar du annonsnätverk under den rubriken vet du vad du har att göra med.

Ändra dig när du vill. Det ska finnas en väg tillbaka, ofta som en liten ikon i sidfoten.

Rensa kakor regelbundet. Fungerar oavsett hur bannern är byggd.

Och om du driver en sajt själv

Kortversionen: gör nekaknappen lika enkel som jaknappen, låt knapparna se likadana ut, kryssa inte i något i förväg, kategorisera ärligt och lägg in en väg att ändra sig.

Det kostar dig några procent i samtyckesgrad. Det ger dig i gengäld något som faktiskt håller om någon frågar – och en sajt som inte behandlar besökaren som ett hinder.

Bra att veta

• Kakor regleras i Sverige av lagen om elektronisk kommunikation, med PTS som tillsynsmyndighet
• Samtycke ska vara aktivt, informerat, inhämtat i förväg och möjligt att ta tillbaka
• Nödvändiga kakor är undantagna – men bara de som verkligen behövs för tjänsten
• EU:s dataskyddsmyndigheter har gemensamt underkänt bland annat saknad nekaknapp, färgskillnader mellan knappar och förkryssade rutor
• Integritetsskyddsmyndigheten granskar vad som görs med personuppgifterna

Stor bild högst upp. En rubrik på fyra ord. Tre kolumner med ikoner. Ett kundcitat. En knapp som säger ”Kom igång”. Du har sett sidan hundra gånger den här veckan, oavsett om företaget säljer bokföring, bastuaggregat eller yoga. Här är förklaringen – och den är mer intressant än lathet.

Gör ett test. Tänk på de fem senaste företagshemsidor du besökt. Kan du komma ihåg hur någon av dem såg ut?

Förmodligen inte. Däremot kan du sannolikt rita upp dem, för de såg likadana ut: fotografi över hela bredden, kort slogan, tre fördelar med varsin ikon, en rad logotyper från kunder, ett citat med rundad porträttbild, och längst ned samma knapp igen.

Internet har blivit påfallande enhetligt. Frågan är varför.

Förklaring 1: Ingen bygger från noll längre

För tjugo år sedan byggdes hemsidor för hand, vilket gav udda resultat i båda riktningarna – en del märkvärdiga, en del obrukbara.

Sedan kom ramverken. Bootstrap, som Twitter släppte i början av 2010-talet, gjorde det möjligt att sätta ihop en fungerande, mobilanpassad sida av färdiga komponenter. Senare kom Tailwind och en lång rad efterföljare. Parallellt växte temabutikerna och sajtbyggarna: WordPress-teman, Squarespace, Wix, Webflow.

Resultatet är att de allra flesta sidor idag är byggda av samma legobitar. Och legobitar går bara att sätta ihop på ett begränsat antal sätt.

Förklaring 2: Mobilen bestämde formatet

Ungefär hälften av all webbtrafik kommer från telefoner. En telefonskärm är smal, hög och hålls i en hand.

Det betyder att allt du gör i en snygg tvåspaltig layout på datorn ändå staplas ovanpå varandra i en enda kolumn på mobilen. Och när slutresultatet ändå blir en lodrät remsa av block, blir designfrågan huvudsakligen: i vilken ordning ska blocken ligga?

Där finns inte oändligt många bra svar. Vilket är exakt varför alla valt samma.

Förklaring 3: Vi började mäta

Här ligger den kanske största orsaken.

Sedan A/B-tester blev standard testar företag två varianter av samma sida mot varandra och behåller den som ger fler köp, fler registreringar, fler klick. Gör tillräckligt många sådana tester, tillräckligt länge, och du landar i det som fungerar bäst i genomsnitt.

Problemet är att alla optimerar mot samma sak, med samma metod, mot ungefär samma besökare. Då konvergerar man. Det är inte ett misslyckande i systemet – det är systemet som fungerar som avsett.

Ett företag som testar sig fram till en originell design gör det oftast genom att först testa bort den.

Förklaring 4: Likheten är faktiskt bra för dig

Och så den förklaring som brukar glömmas bort i klagosången.

Inom användbarhetsforskningen finns en tumregel som kallas Jakobs lag, efter Jakob Nielsen: användare tillbringar merparten av sin tid på andra sajter än din, och förväntar sig att din ska fungera likadant.

Logotypen uppe till vänster leder hem. Kundvagnen ligger uppe till höger. Menyn är tre streck på mobilen. Kontaktuppgifterna finns i sidfoten. Ingenting av det är särskilt fantasifullt – men det betyder att du kan använda en sajt du aldrig sett förut utan att lära dig något nytt.

Varje avvikelse kostar besökaren en liten stund av förvirring. Ibland är den värd det. Ofta är den det inte.

Och nu accelererar det

De senaste årens AI-verktyg för att bygga webbplatser är tränade på den befintliga webben. Ber du dem om en hemsida får du därför en destillat av vad hemsidor brukar se ut som.

Det gör tröskeln för att få något fungerande dramatiskt lägre – vilket är en verklig demokratisering. Det innebär samtidigt att mängden sidor som ser ut precis som alla andra ökar snabbare än någonsin.

Vi bygger alltså genomsnittet, med verktyg byggda av genomsnittet, i allt högre takt.

Vad man faktiskt förlorar

Användbarhet är inte allt. Det finns en kostnad, och den är svår att mäta i konverteringsgrad.

Ingen minns dig. En sida som ser ut som alla andra blir en av alla andra. Det är ett varumärkesproblem, inte ett designproblem, och det syns först efter lång tid.

Ingenting förvånar. Den lilla glädjen i att stöta på något oväntat har försvunnit från stora delar av webben.

Branschen blir platt. När advokatbyrån, bageriet och elbolaget använder samma mall signalerar de samma sak: ingenting särskilt.

Så avviker du utan att gå vilse

Regeln är enkel: var konventionell i strukturen, egen i uttrycket.

Behåll det som besökaren behöver för att hitta – navigation, placering, ordning, knappar som ser ut som knappar. Lägg din särart där den inte kostar något i begriplighet.

Typografi. Det snabbaste sättet att sticka ut. De flesta sajter använder samma handfull typsnitt.

Bildspråk. Egna fotografier i stället för bildbyråernas leende mötesrum. Skillnaden är omedelbar.

Färg. Inte ännu en blå knapp.

Text. Här ligger det största outnyttjade utrymmet. ”Vi levererar skräddarsydda lösningar” säger ingenting. Det gör däremot en mening som låter som en människa skrivit den.

Detaljer. En illustration som är din, en sidfot med personlighet, en 404-sida som roar.

Det är ingen slump att de sajter man faktiskt minns sällan har konstig navigation. De har vanlig navigation och ovanligt innehåll.

Same same but different?

Att alla hemsidor ser likadana ut är resultatet av att många rationella beslut fattats parallellt: färdiga byggblock, mobilanpassning, mätbar optimering och en användbarhetsprincip som faktiskt stämmer.

Enhetligheten är alltså inte ett misstag. Den är ett pris.

Frågan är bara om du betalat det medvetet – eller bara laddat ner ett tema.

Kort sagt

• Ramverk och sajtbyggare gör att de flesta sidor byggs av samma komponenter
• Mobilanpassning tvingar innehållet till en enda kolumn, vilket begränsar layouten
• A/B-tester får alla att optimera mot samma sak och därmed konvergera
• Jakobs lag: besökare förväntar sig att din sajt fungerar som alla andra
• AI-genererade sidor bygger vidare på genomsnittet och förstärker mönstret
• Avvik i typografi, bild, färg och text – inte i navigation