top of page

Projekt

Moonlight Maze

Moonlight Maze

Använda program: Figma, Miro, Canva och teams.
Roll: Interaktionsdesigner, UI designer, facilitator och UX-writer.
Projektid: 5 veckor

Problemställning:

Många kvinnor känner sig otrygga när de åker ensamma och anpassar sitt beteende för att undvika trakasserier eller våld, vilket begränsar deras rörlighet och deras liv. 
Andra utsätts för våld i hemmet av sin partner, vilket leder till isolation och svårt att ta sig ur situationen utan stöd. 
Bristen på trygga och lättillgängliga stödfunktioner gör det 
svårt att bryta denna utsatthet.
Studier visar att 10% av kvinnor i en relation utsätts för våld 
av sin partner, och 37% av en tidigare partner.

Research och arbetsprocess:
Vårt researcharbete började med intervjuer för att samla in data utifrån vår problemformulering. Genom brainstorming i Miro skapade vi 14 intervjufrågor och genomförde fem intervjuer. Svaren sammanställdes med post-it-lappar i olika färger för tydlighet. När vi insåg att mer information behövdes, kompletterade vi med en enkät, vilket resulterade i totalt 19 svar.
Analysen visade att användarna efterfrågar enkla sätt att kontakta anhöriga vid otrygga situationer, möjlighet att dela platsposition, snabba och diskreta larmfunktioner, bättre tillgång till kvinnojourer samt mer information och utbildning om mäns våld mot kvinnor.


flowchart.png

Gemensam flowchart med våra framröstade funktioner i programmet Miro.

idégenerering.png

Idégenerering och målgruppsanpassning 
i programmet Miro.

Utifrån användarnas behov utvecklade vi funktioner genom pappersskisser och flowcharts i programmet Miro. Var och en skapade sin egen skiss och flowchart, vilket vi sedan redovisade och vidareutvecklade. 
Genom dot-röstning valde vi de mest relevanta funktionerna, som sammanställdes i en gemensam flowchart – grunden för vår mid-fidelity prototyp. Vi fastställde att webbapplikationen skulle ha en spel-liknande vy med dolda menyval för att skydda kvinnor i destruktiva relationer, inklusive funktioner som chatt, platsdelning och inställningar 
med diskreta namn och ikoner.

Lösning och designprocess:
Vi utvecklade en webbapplikation där vi fokuserade på mobilformatet då vi vill kunna nå oavsett om man är i sitt hem eller ute på ärenden.
Vår applikation är utformat som ett spel men med dolda funktioner och ikoner utan att väcka misstanke från ens partner. Vår viktigaste funktion är månen som finns alltid med i olika vyer för att enkelt kunna larma.

midfidelity.png

Mid-fidelity prototyp.

Resultat och lärdommar:
Efter användartesterna har vi gjort applikationen enklare att använda
genom att förbättra ikoner, knappar och månen 
för att göra dem tydligare. 


Vi har använt ROKS designsystem med flatdesign på knappar 
i färgerna champagne (FAEAD4) och disco (931552) 
för bra läsbarhet och följa WCAG-lagen. 
Bakgrunden är röd-rosa för bättre kontrast, och typsnittet Inter 
ger en välkomnande känsla. 
Månen är nu mer synlig med en större rubrik,
och vi har lagt till whitespace för bättre användarvänlighet.
I vår mid-fidelity prototyp hade vi en symbolförklaring som många av våra användartester blev för krånglig och svår att använda. I vår nya prototyp valde vi att ha ett popup-rutan som förlarar vår absolut viktigaste funktion månen.

Genom våra insikter har vi lärt oss att varje ändring är beslut från användartester. 
Vi har till stor del inte genomfört ändringar på grund av våra egna tankar och 
åsikter utan att ha riktigt data och feedback bakom beslutet.

highfidelity.png

High-fidelity prototyp.

Kontrollavgift

Använda program: Figma, Miro, Canva och teams.
Roll: Projektledare, Interaktionsdesigner, UI designer, facilitator
och presentationsansvarig.
Kund: Goldpen AB
Projektid: 3 veckor
Problemställning:
Hur kan vi minska användarnas osäkerhet, underlätta navigeringen och säkerställa att rätt information och funktioner snabbt hittas?

Kontrollavgift.se ägs av Goldpen och fungerar som en plattform för användare att få hjälp med sina kontrollavgifter, inklusive möjligheten att bestrida dem. 

Webbplatsen erbjuder även information om kontrollavgifter och deras hantering.

I detta uppdrag hade vi Goldpen kund och för att göra om sidan kontrollavgift.se
Kundens mål var att göra hemsidan mer användarvänlig och kunna ta hjälp av hemsidans funktioner, utan att ta hjälp av kundtjänst.
Samt att få “parkören” den som har fått en p-bot ska hellre välja att
betala än att bestrida.
Målet var att minska antalet felaktiga bestridanden och få kommunikationen att
styra användarna till rätt information. “Parkören” som även är den som har fått en
p-bot ska enkelt få hjälp på hemsidan om hur personen kan betala men också om man vill bestrida.

Research och arbetsprocess:
För att analysera Kontrollavgift.se använde vi UX-metoder enligt Double Diamond- och Design Thinking-processen: Discover, Define, Develop och Deliver.
I första fasen, discover, 
genomförde vi intervjuer med personer som fått p-böter för att förstå deras upplevelser och behov.
Vi tog fram tre användarprofiler – den frustrerade fordonsägaren, den otekniska pensionären och den språkutmanade – baserat på deras beteenden och utmaningar. Utifrån dessa tre personas
hade vi lättare att jobba i nästa fas.
Under develop fasen skapade vi Crazy 4 metoden, där vi fick skissa upp idéer vi tyckte Kontrollavgift.se kunde ha använding av. Varje gruppmedlem fick 2 minuter
på sig att skissa upp fyra olika idéer.
Detta gav oss en grund till att utforska olika lösningsmetoder för att
sedan välja ut den vi ansåg passade bäst för användarna och utifrån våra intervjupersoners svar.


 
frustrerande fordonsägaren.png

Den frustrerade fordonsägaren

  • Vill ha tydliga och enkla instruktioner – 

    undviker långa texter.

  • Förväntar sig att hitta kontaktuppgifter snabbt 

    om han behöver mer hjälp.

otekniska pensjonaren.png

Den otekniska pensionären

  • Behöver en enkel och tydlig design utan tekniska termer.

  • Föredrar större textstorlek 

    och tydliga knappar.

kontrollavgift hemsida.png
sprakutmanande.png

Den språkutmanade

  • Vill ha visuellt stöd - 
symboler, ikoner och enkla steg.

  • Behöver en enkel kontaktväg 

    till kundtjänst eller mailkontakt,
    utan att behöva förstå
    svåra instruktioner.

Lösning och designprocess:
Utifrån problemformuleringen, intervjuer och användartester fokuserade vi på att skapa en enkel och användarvänlig design. 
Med enkla knappar, rubriker och information skapade vi får webbaplikation. 

Vi valde att ha kvar deras logga och välja gul till alla knappar. Den blåa färgen valdes för att göra sidan mer kontrast för förtylande. Vi valde att titta på två stora och etablerade hemsidor, 
Nelly.com och Unionen.com, där vi jämförde deras olika funktioner i både 
desktop- och mobilformat. 
Genom denna analysering kunde vi ta använda dem som inspiration när vi utvecklade 
våra egna funktioner. Under prototypskapande gjorde vi flera användartester för att se om vi gick mot rätt rikning så vi att mötte användarnas behov.

Resultat och lärdommar:
Från mina tidigare erfarenheter som projektledare är jag van att arbetet ska gå fort och effektivt. I detta har vi behövt att stanna upp och fokusera på flera detaljer och 
designval för att användarna ska förstå hemsidan. 
Vi har insett att hemsidan måste vara tydliga och guida användaren steg för steg. 
Genom att minska antalet klick på dåvarande hemsidan var vi noga med att researcharbete behövdes göra för att slutresultatet skulle bli bättre. 
Våra slutiga resultat i prototypen är:
kontrollavgiftprototyp.png

Startsida:

Här väljer man sitt språk för att sedan komma till inloggningssidan.
Logga in:

Vi valde ha kvar inloggningen orginalformat, men valt att designa om för att lättare navigera sig fram
vart man ska logga in och vad som behövs.


Inloggnings översikt:
Väl inloggad presenteras användaren för tydliga kategorier som visar olika genom processen. 
Vi har strategiskt placera "Bestrid din kontrollavgift" sist, för att naturligt leda ögat till 
"Betala" först och på så sätt uppmuntrar att vilja betala direkt än att bestrida.

Betalningsalternativ:

Användaren kan enkelt välja mellan flera betalningssätt, som Swish och Paypr, 

för en smidig och lätt betalningsupplevelse.

Pågående ärenden:
Användaren får en tydlig översikt över pågående ärenden med relevant info som OCR-nummer, registreringsnummer, datum och belopp. Syftet är att göra det snabbt och smidigt att betala, utan att användaren ska tänka att vilja bestrida boten.

© 2025 Skapad av Agnes Erlandsson

  • LinkedIn
bottom of page