Alla arbeten

UX/UI-design · TRR · Senior UX-design, från research till utvecklings­klart

Så ökade vi använd­ningen av matchnings­profilen och förbättrade jobb­match­ningen

Som senior UX-designer tog jag TRR:s matchnings­profil från research till utvecklings­klar design. Ett tydligare och mer vägledande flöde gjorde profilen lättare att upptäcka, skapa och hålla aktuell, med personliga förslag, relevanta påminnelser och en bredare matchningslogik. Andelen användare med en matchnings­profil ökade från 30 till 50 procent.

Min roll
Senior UX-designer
År
2024
Bransch
Omställning och tjänster för arbetslivet
Företag
TRR
Omfattning
3 månader
Plattform
Webb, desktop och mobil

Kort version

Problemet

Många användare visste inte att de kunde skapa en matchnings­profil. De som hittade den hade svårt med kriterierna, och profilerna uppdaterades sällan. Det gjorde jobb­match­ningen mindre träffsäker.

Vad jag gjorde

Jag ansvarade för UX-designen genom hela projektet, från research och analys till koncept, prototyp och utvecklings­klar design för desktop och mobil.

Vad som förändrades

Andelen användare med matchnings­profil ökade från 30 till 50 procent, och andelen kompletta profiler från 80 till 93 procent.

Det här gjorde jag som senior UX-designer

UX-research

Användarintervjuer, enkäter och beteendedata, kartlagda i en användarresa som visade var människor tappade förståelse eller motivation.

Flödes- och interaktionsdesign

Fem korta steg, en fråga per sida, med en förloppsindikator och nästa steg utskrivet, så att användaren alltid vet vad som är klart och vad som återstår.

UI-design för desktop och mobil

Färdiga skärmar i Figma för båda, byggda av komponenterna i TRR:s design­system. För användarna en mer enhetlig upplevelse i TRR:s tjänster. För design- och utvecklingsteamen delar som gick att återanvända.

Lägen och specialfall

Varje steg utritat i varje läge: med och utan förslag, med gjorda val, med ett fel och i redigeringsläge.

Utvecklings­klar överlämning

Designspecifikationer som utvecklarna byggde utifrån, och designgranskningar under implementeringen.

Ett mätt resultat

Från 30 till 50 procent användare med matchnings­profil, och från 80 till 93 procent kompletta profiler.

01

Problemet

Research och beteendedata visade att problemet inte bara handlade om att fylla i profilen.

Många visste inte att den fanns

Många användare kände inte till att de kunde skapa en matchnings­profil.

Kriterierna var svåra att förstå

De som hittade funktionen hade ofta svårt att förstå vilka matchningskriterier de skulle ange och vilket värde profilen gav.

Profilerna uppdaterades sällan

Profilerna uppdaterades sällan när användarens erfarenhet, kompetens eller jobbmål förändrades.

Ofullständiga och inaktuella profiler ledde till mindre relevanta jobbförslag, lägre synlighet för arbetsgivare och en risk att användarna missade passande möjligheter. Det försämrade både användar­upplevelsen och träffsäkerheten i TRR:s jobb­matchning.

02

Design­utmaningen

Den centrala utmaningen var att göra matchnings­profilen lättare att upptäcka, skapa och hålla aktuell, utan att förenkla bort den information som en relevant matchning kräver.

Lösningen behövde hjälpa användarna att förstå vilka kriterier de skulle välja, förklara varför informationen var viktig och ge dem en anledning att komma tillbaka när deras mål eller erfarenhet förändrades.

Vägledning utan att tappa kontrollen

Samtidigt behövde användarna behålla kontrollen över sin profil och förstå hur det de angav påverkade jobb­match­ningen.

03

Så arbetade jag

Min roll

Jag ansvarade för UX-designen genom hela projektet, från research och analys till koncept­utveckling, prototyp och utvecklings­klar design, och jag stöttade utvecklarna under implementeringen.

Jag genomförde användarintervjuer och enkäter, analyserade beteendedata och kartlade användarresan för att hitta var användarna tappade förståelse eller motivation. Utifrån de insikterna tog jag fram wireframes och prototyper i Figma, testade lösningar och förfinade flödena tillsammans med teamet.

Jag tog designen hela vägen till utvecklings­klar. Jag skrev designspecifikationerna som utvecklarna byggde efter, gjorde designgranskningar under implementeringen och anpassade lösningen efter de tekniska förutsättningarna utan att kompromissa med det centrala användar­flödet.

Från research till utvecklings­klar design

Intervjuer, enkäter och beteendedata → användarresa → wireframes och prototyper i Figma → test och förfining → designspecifikationer → designgranskningar under implementeringen → från 30 till 50 procent av användarna med en matchningsprofil.

Teamet

Jag arbetade nära produktägaren och utvecklarna för att väga samman användar­nas behov, verksamhetens mål och de tekniska förutsättningarna.

Vi använde insikterna, prototyperna och designbesluten tillsammans för att prioritera och få jobbet gjort.

04

Viktiga designbeslut

Tre insikter från researchen blev tre designbeslut.

  1. Synliggör profilen och dess värdeMatchnings­profilen fick en tydligare ingång från användarens dashboard. Vi presenterade inte bara funktionen. Vi förklarade vad en komplett och aktuell profil ger: bättre jobb­matchningar och större synlighet för arbetsgivare.
  2. Ge användaren en relevant startpunktPersonliga förslag baserade på användarens CV och jobbsökarhistorik minskade osäkerheten kring vilka matchningskriterier man skulle ange. Förslagen fungerade som stöd, och användaren kunde fortfarande granska och ändra informationen.
  3. Bredda match­ningen utan att tappa relevansMatchningslogiken gick från att bara visa direkta träffar till att även ta med närliggande matchningar. Det gav användarna fler relevanta möjligheter utan att varje kriterium behövde stämma exakt.
05

Lösningen

Resultatet blev ett tydligare profilflöde som guidar användaren genom tre viktiga lägen.

  1. Upptäcka matchnings­profilenOch förstå dess värde. En tydligare ingång på dashboarden gjorde funktionen lättare att hitta.
  2. Skapa en relevant profilMed stöd av personliga förslag. Användaren fick hjälp att välja relevanta kriterier utifrån sitt CV och sin jobbsökarhistorik, och kunde granska och ändra informationen.
  3. Komma tillbaka och hålla den aktuellNär profilen behövde uppdateras visade påminnelser vad som saknades och varför det var viktigt.

Den bredare matchningslogiken gjorde det också möjligt att visa närliggande jobb, inte bara direkta matchningar.

Upptäcka: matchnings­profilen på startsidan

Tidigare låg matchnings­profilen undangömd under Mina inställningar. Jag flyttade ingången till startsidan och designade kortet i två lägen. Klicka på en bild för att förstora den.

Startsidan innan en profil finns: ett kort med rubriken Skapa en matchnings­profil, en kort förklaring av värdet och knappen Skapa din profil
Ingen profil ännu. Kortet säger vad en profil ger dig, med en tydlig knapp för att börja.
Startsidan när profilen är skapad: samma kort listar nu tre matchade jobbannonser, med knappar för att se alla matchningar och visa profilen
Profil skapad. Samma kort visar nu matchade jobb, så att värdet av profilen syns direkt.

Skapa: en fråga i taget

Flödet börjar med en överblick över vad som kommer att frågas. Sedan kommer en kort sida per fråga, med en förloppsindikator överst och nästa steg utskrivet under rubriken, så att användaren alltid vet var den är och vad som kommer härnäst.

Flödets start: ett kort med rubriken Skapa matchnings­profil som listar de fem saker som ska fyllas i, med en lila knapp
Överblick. Vad profilen är till för och de fem saker du kommer att få svara på, innan något behöver fyllas i.
Steg ett, Kunskaper: en förloppsindikator i fem delar, ett sökfält och en ruta med föreslagna kunskaper som chips
1Kunskaper. Förslagen ligger direkt under sökfältet, så att ingen börjar med en tom sida.
Steg två, Yrkesroller: föreslagna roller som chips ovanför ett sökfält, med knapparna Tillbaka och Nästa
2Yrkesroller. Samma mönster som i steget innan, så att det redan känns bekant.
Steg tre, Var och hur: ett fält för plats, kryssrutor för Danmark och Norge med en kort förklaring, och kryssrutor för på plats, distans och hybrid
3Var och hur. Plats först, sedan hur du vill jobba, med en kort förklaring där en fråga behöver det.
Steg fyra, Anställningsform och omfattning: kryssrutor under två korta frågor
4Anställningsform och omfattning. Enkla kryssrutor under två korta frågor.
Steg fem, Yrkeserfarenhet: meddelandet Bra jobbat, ett fält för en LinkedIn-länk, knappen Ladda upp CV och ett reglage för att dela profilen med arbetsgivare
5Yrkeserfarenhet och delning. Först en bekräftelse, sedan de frivilliga delarna. Användaren avgör om arbetsgivare får se profilen.

Den skapade profilen, och varje läge på vägen

Den skapade matchnings­profilen: antalet matchade jobbannonser och kommande aktiviteter överst, sedan varje avsnitt med valen som chips och en Ändra-länk
Den skapade profilen. Matchade jobb först, sedan varje avsnitt med sin egen Ändra-länk, så att det är lätt att komma tillbaka och uppdatera.
Steget Kunskaper utritat i fem lägen: med förslag, utan förslag, med gjorda val, med ett felmeddelande och i redigeringsläge med Spara och Avbryt
Lägen, utritade för utvecklarna. Med och utan förslag, med gjorda val, med ett fel och i redigeringsläge när användaren kommer tillbaka från profilen.

Samma flöde i mobilen

Steget Kunskaper i mobilen: förloppsindikatorn, rubriken, förslagschipsen som radbryts över fyra rader och sökfältet
Skapa. Samma steg i en kolumn, med förloppsindikatorn kvar överst.
Den skapade profilen i mobilen: matchade jobb och aktiviteter överst, sedan avsnitt med chips och Ändra-länkar
Skapad profil. Samma avsnitt, med Ändra-länken kvar bredvid varje rubrik.

Design­principer

  • Förklara värdet innan användaren ombeds agera.
  • Vägled utan att ta kontrollen från användaren.
  • Använd personliga förslag för att minska osäkerheten och sänka tröskeln för att komma igång.
  • Visa vad som behöver kompletteras, och varför.
  • Gör det enkelt att komma tillbaka och uppdatera profilen.
  • Bredda match­ningen utan att tappa transparens eller relevans.

Tillgäng­lighet

För att göra profilen begriplig för fler prioriterade vi:

  • En tydlig visuell hierarki och korta instruktioner.
  • Konsekventa namn på matchningskriterierna.
  • Synliga statusar för vad som var klart och vad som saknades.
  • Textbaserad återkoppling som inte enbart förlitade sig på färg.
  • Tydliga knappar och förväntningar inför nästa steg.
  • Ett responsivt flöde för både större och mindre skärmar.
06

Resultatet

För verksamheten

  • 30 → 50 %av användarna har en matchnings­profil. En ökning med 20 procentenheter, eller cirka 67 procent.
  • 80 → 93 %av profilerna är kompletta. En ökning med 13 procentenheter, eller drygt 16 procent.
  • Antalet matchade jobb ökade när match­ningen breddades från direkta till närliggande matchningar.
  • Med mer aktuella profiler blev det lättare för användare och arbetsgivare att hitta varandra.

För användarna

  • Matchnings­profilen blev lättare att upptäcka, skapa och uppdatera.
  • Personliga förslag minskade osäkerheten kring vilka kriterier man skulle ange.
  • Aktuell och mer komplett information gav bättre förutsättningar för relevanta jobbförslag.
  • Den breddade match­ningen gav tillgång till fler närliggande jobbmöjligheter.

För teamet

  • Intervjuerna och datan gav en gemensam förståelse för varför användarna inte skapade eller uppdaterade sina profiler.
  • Prototyper och tydliga designspecifikationer gav konkret underlag för prioritering och implementering.
  • Det nära samarbetet mellan design, produkt och utveckling gjorde det möjligt att anpassa lösningen efter tekniska begränsningar utan att tappa det som var viktigast för användarna.

Vad jag tar med mig

Projektet visade att en viktig funktion inte skapar något värde om användarna inte upptäcker den eller förstår varför den är relevant.

Genom att kombinera kvalitativ research med beteendedata kunde vi skilja på problem med synlighet, förståelse och motivation. Den största effekten kom därför inte från en enskild funktion. Den kom av att förbättra hela kedjan: från att upptäcka profilen till att skapa den, förstå den och hålla den aktuell över tid.