Brug Dine Ord

Opgaven var at designe og udvikle en responsiv, tilgængelig hjemmeside efter WCAG 2.2 — testet af rigtige brugere. Jeg valgte at gå efter et emne, hvor tilgængelighed ikke bare handler om compliance, men om at nå en målgruppe, der har det svært, og som normalt ikke bliver hørt.

21.11.2025 · Individuel opgave

For at ramme målgruppen ærligt tog researchen udgangspunkt i et virkeligt læserbrev fra en 19-årig mand om ukontrolleret vrede — ikke en opdigtet problemstilling. Det blev fundamentet for et empathy map og en konkret målgruppeprofil.

"Jeg føler lidt, at hun glemte lidt, at det faktisk var et barn, hun havde med at gøre."

Empathy map

DST-statistik

Projektet startede med rigtige stemmer, ikke en tegnet figur. Målgruppearbejdet tog udgangspunkt i konkrete historier om unge i konflikt, og den første persona blev bygget som et klassisk, skriftligt profilark.

I starten hed personaen Jonas – men da han fik et AI-genereret ansigt, blev han omdøbt til Anton Iversen. AI, forstås. Det var under denne del af processen at idéen om Anton, som vi kender ham i dag, opstod. Ved at bede ChatGPT om at generere et billede ud fra persona-profilen, fik jeg en løsning på en udfordring, jeg ikke vidste jeg havde: hvordan holder man tonen neutral, når man taler om et følsomt emne til en bred, sårbar målgruppe? Et AI-genereret, repræsentativt "ansigt" gjorde det muligt at tale om afmagt uden at pege på nogen bestemt, virkelig ung person.

→

Min prompt til ChatGPT

"Kan du lave Jonas om til en tegneseriekarakter, som jeg kan bruge til at illustrere forskellige situationer, som bliver omtalt på hjemmesiden, der henvender sig til Jonas og målgruppen?"

"Jeg prøver faktisk at holde mig i ro, men nogle gange koger det bare over. Så siger jeg ting, jeg ikke mener — og bagefter fortryder jeg det totalt."

Sidens navn, brugdineord.dk, er en direkte opfordring til Anton — og til de unge, der spejler sig i ham. Ved at lade Anton fortælle sin egen historie først, viser siden en konkret strategi, brugeren frit kan tage med sig, uden at skulle "committe" sig til noget først. At Anton er AI-genereret og først opstod midtvejs, er samtidig et konkret eksempel på den iterative designproces: en løsning, der opstod, fordi et problem viste sig undervejs — ikke noget, der lå fast fra start.

Målet var at give unge en ny strategi at reagere med — ikke ved at belære, men ved at vise vejen.

Historiernes 3 dele

Opfordring til at dele egen historie

Processen gik fra moodboard og styletile til lo-fi wireframes og til sidst et kodet, responsivt site — med et bevidst valg om at holde samme farver og skrifttype hele vejen igennem.

01

Moodboard

Mental sundhed hos unge

02

Persona-ark

Målgruppetabellen, før Anton fik et ansigt

03

Styletile

Farver, typografi, mood

04

Wireframes

Lo-fi: forside, underside, kontaktside

05

Færdigt site

Kodet, responsivt — med AI-genererede Anton

Anton-figuren opstod som nævnt på forrige spread midtvejs i processen via ChatGPT — endnu et eksempel på, at processen ikke var lineær.

Den unge målgruppe er ofte påvirket af koncentrationsbesvær, hormonel ubalance, ordblindhed og farveblindhed. WCAG 2.2's fire principper blev brugt som konkret designværktøj, ikke bare dokumentation.

Brødkrummer / navigation på sitet

Adobe Color-farvehjul fra styletile-researchen

Da konceptet stadig var i sin vorden, blev brugertesten designet til at teste selve idéen — ikke detaljerne. Hypotesen: en AI-agtig karakter som Anton får unge til at udforske siden og i sidste ende dele deres egne historier, fordi det er kreativ storytelling i et delbart, nutidigt format.

Hvad testen ændrede: Det "ufærdige" indtryk betød, at små detaljer blev strammet op, og at storytelling-elementet (bl.a. via de 6 C'er) blev styrket for at gøre indhold og design mere levende og målrettet.

Alle 18 svar på spørgsmålet (2 af de 20 testere sprang det over). Kun 3 af de 20 testere var i den reelle målgruppe (15–18 år) — det er deres ord, ikke det fulde gennemsnit, der har styret designbeslutningerne

Det færdige site samler Anton, adfærdsdesign og tilgængelighed i én sammenhængende oplevelse — testet, justeret og klar til at blive brugt.

Forside

Historie: Konflikt mellem venner

Kontaktside

heididesire.dk/brugdineord

10

Refleksion & læring

Karakteren, jeg valgte at vise frem

7

— den eneste karakter i hele studieforløbet, der ikke blev et 10-tal.

Det ærlige svar er, at jeg blev så grebet af emnet og min egen research, at jeg undervejs glemte, at opgaven i bunden handlede om webtilgængelighed. Det er derfor, det her er det eneste projekt på hele studiet, jeg ikke fik topkarakter for. Men det er også præcis derfor, jeg har valgt netop det som case study.

Jeg ved præcis, hvorfor karakteren ikke afspejler idéen, energien eller ambitionen i projektet — den afspejler den faglige udførsel, bedømt på webtilgængelighedens egne, snævre præmisser. Næsten et år efter er det stadig det projekt, min omgangskreds spørger ind til. Det siger noget om, hvad der opstår, når man tør lade et alvorligt emne vokse sig stort og stærkt, selv når det trækker fokus fra den oprindelige opgave.

Jeg viser karakteren, fordi jeg ikke er bange for den. Den er ikke et symbol på et dårligt projekt — den er et symbol på, hvor let det er at blive revet med af noget, der er værd at blive revet med af.