Fredrikke
Alle prosjekter
Tooly app-skjermer vist i et langt mockup

Bedrift

Tooly

Prosjekt

Lage en gamification-app for WCAG-retningslinjene for å øke engasjementet rundt universell utforming

Ansvar

  • UX-designer
  • UX-forsker

Sammendrag

Tooly er en quiz-app som gjør WCAG-retningslinjene mer tilgjengelige og engasjerende gjennom gamification — fordi universell utforming er lovpålagt i Norge, men de offisielle retningslinjene er så tunge at de fleste gir opp før de er ferdig lest.

Kort introduksjon

WCAG er viktig — men ingen gidder å lese det

Universell utforming er et voksende fagfelt i Norge, og siden 2023 er norske offentlige nettsider lovpålagt å følge WCAG-standardene — med bøter som konsekvens. Likevel er den offisielle dokumentasjonen tett, teknisk og vanskelig å navigere i, selv for designere og utviklere som faktisk ønsker å gjøre det riktig.

Utfordringen: hvordan gjør man komplekse regulatoriske retningslinjer tilgjengelige — og til og med morsomme? Svaret teamet landet på, var gamification.

Brukerundersøkelse

Brukerne slet konsekvent med de offisielle ressursene

Intervjuer med deltakerne avdekket et gjennomgående mønster: folk visste at de burde følge WCAG, men de syntes den norske WCAG-nettsiden og underretningslinjene var vanskelige å forstå og navigere i.

Det ble laget to brukerreisekart for å dokumentere frustrasjonspunktene — fra det å bli kjent med retningslinjene, til å forsøke å bruke dem i praksis. Kartene løftet frem øyeblikk av forvirring, oppgitt avgang og avhengighet av tredjeparts forklaringer.

«Jeg vet at jeg skal følge retningslinjene for tilgjengelighet, men jeg vet aldri hvor jeg skal begynne eller om det jeg gjør er riktig.»
Personas for Tooly
To personas destillert fra brukerintervjuer.

Konkurranseanalyse

Alle vil det samme — men ingen gjør det gøy

Konkurranselandskapet ble kartlagt på tvers av fem organisasjoner:

Uutilsynet
Digdir
Universaldesign
Funka
WBDG

Den viktigste innsikten: alle disse organisasjonene deler målet om å skape et inkluderende digitalt rom, men ingen av dem gjør læringsprosessen engasjerende. De er alle informasjonstunge og mangler interaktivitet. Det var dette gapet Tooly ble designet for å fylle.

Løsning

En quiz-app inspirert av en norsk podcast

Inspirasjonen kom fra en norsk podcast som hadde lykkes med å gjøre komplekse regler tilgjengelige ved å presentere dem gjennom engasjerende historier og eksempler. Hvis lydfortelling kunne gjøre det med juridiske rammeverk, kunne en quiz-app gjøre det samme med WCAG.

Løsningen: en quiz-app der brukerne lærer WCAG-kriterier gjennom korte, scenariobaserte spørsmål. Riktige svar gir poeng; feil svar utløser en forklaring. Opplevelsen er designet for å føles mer som et spill enn en etterlevelsesøvelse.

Designprosess

Fra persona til høyoppløselig prototype

Designprosessen gikk gjennom flere faser:

  • Persona — en designer som vet de burde følge WCAG, men synes det er overveldende og hopper over det under tidspress.
  • Moodboard — en fargerik, leken palett som signaliserer at dette ikke er et etterlevelsesdokument. Sterke farger og runde former for å kommunisere tilgjengelighet.
  • Wireframes — skisserte app-flyten: onboarding, quizvalg etter WCAG-prinsipp, spørsmål/svar-flyt og oppsummering av poengsum.
  • Høyoppløselig prototype — endelige design vist på iPhone 14 Pro-mockups, med den lekne paletten og tydelig typografi for best mulig lesbarhet og engasjement.
Tooly wireframes
Tidlige wireframes for quizflyten.
Tooly fargepalett
Høyoppløselige Tooly-skjermer
Skjermer fra den høyoppløselige prototypen.
Tooly på iPhone, diagonal mockup