UX/UI Onboarding Accessibility

Ikonbaserat verifieringsflöde

Ett ikonbaserat onboardingflöde utformat för att minimera textbördan och skapa en mer tillgänglig upplevelse.

Verifieringsflöde — telefon mockup

Projektet syftade till att utforma ett verifierings- och onboardingflöde som är tillgängligt för alla användare, oavsett läsförmåga eller språkkunskaper. Genom att ersätta texttunga instruktioner med tydliga ikoner och visuella ledtrådar skapas ett flöde som är intuitivt och enkelt att följa.

Arbetet inkluderade research, idégenerering, wireframing och interaktiv prototyping i Figma. Fokus låg på att hitta rätt balans mellan ikoner och text för att guida användaren utan att skapa förvirring.

Problem

Texttunga onboardingflöden skapar hinder för användare med lässvårigheter eller begränsad språkförståelse.

Lösning

Ett ikonbaserat flöde som ersätter text med visuella ledtrådar och skapar en mer inkluderande och tillgänglig upplevelse.

Process

Research

Projektet inleddes med en analys av befintliga onboardingflöden och tillgänglighetsriktlinjer. Intervjuer och research kring användarbehov hjälpte till att identifiera de största hindren i texttunga flöden och vad som krävs för att göra dem mer inkluderande.

Verifieringsflöde — research

Wireframes

Tidiga skisser och wireframes testade olika sätt att kommunicera verifieringssteg med hjälp av ikoner. Flera alternativ utvärderades för att hitta den kombination av ikon och korttext som var tydligast och mest intuitiv för användaren.

Verifieringsflöde — wireframes

Test & iteration

Prototypen testades med användare för att utvärdera hur väl ikonerna kommunicerade rätt handling utan text. Återkopplingen användes för att iterera och förfina flödet, framförallt kring ikonval och hur mycket ledtext som behövdes för att bibehålla tydligheten.

Verifieringsflöde — test och iteration

Design

UI-inspiration

Designen inspirerades av tillgänglighetsanpassade gränssnitt och moderna onboardingflöden med stark ikonografi. Målet var en ren, avskalad estetik där ikonerna bär det kommunikativa ansvaret och skapar en lugn och trygg upplevelse för användaren.

UI start UI user UI ja nej UI intressen
UI message UI arrow

Lärdomar

Resultat & Reflektion

Projektet visade att ikonbaserade flöden kan vara mycket effektiva för att sänka tröskeln för användare med lässvårigheter, men att ikonval är komplext och kräver användartestning. En ikon som verkar självklar för en designer kan vara förvirrande för en annan användare.

Arbetet stärkte mina kunskaper kring tillgänglighetsdesign, iterativt prototyparbete och vikten av att testa tidigt med verkliga användare snarare än att förlita sig på egna antaganden.

Fler case