Student Ekonomi App
ROLL
UX/UI-designer
VARAKTIGHET
2 veckor
TEKNIK
Figma, Miro
TEAM
4 UX/UI-designers (inkl. jag)
Från forskning till prototyp på 2 veckor
UX-design för ekonomisk trygghet under studietiden
Student Ekonomi är ett UX-skolprojekt där vi undersökte hur studenter i Stockholm hanterar sin privatekonomi. Genom 4 djupintervjuer och journey mapping identifierade vi återkommande mönster kring ekonomisk stress, rabattbeteende och sparvanor.
Projektet resulterade i ett Figma-prototyp för en mobilapp med tre kärnfunktioner: budgetöversikt, målbaserat sparande och ett filtrerbart studentrabattflöde.
Upptäckt & Analys
4 djupintervjuer — återkommande mönster
Vi genomförde 4 strukturerade intervjuer med heltidsstudenter i Stockholm, följt av journey mapping i Miro. Det starkaste fyndet: boendesituationen var den enskilt viktigaste faktorn för ekonomisk trygghet — starkare än inkomstnivå, budgetdisciplin eller sparvanor.
"Jag för över lite pengar i taget för att undvika frestelser."
— Mönster över flera deltagare
"Jag gillar inte hur befintliga rabattappar hanterar min data."
— Återkommande tema
Designbeslut från analyser
Varje designbeslut grundades i att minska ångest, friktion och integritetsoro för användaren.
Övervägde
Full transaktionshistorik på startsidan
Vald Lösning
Dashboard: saldo + månadsbudget + sparstatus
Varför
Studenter kollar ekonomi för att snabbt avgöra om de har råd just nu — inte för historik.
Validerat Med
Behov av direkt status
Dashboard-varianterna — siffror, diagram och dölja-funktion
ANVÄNDARTESTNING
Feedback som styrde iterationen
Vi fick konkret feedback på fem områden som direkt formade nästa iteration:
Problem / Feedback
"Text för liten, för mycket innehåll"
Lösning / Iteration
Skalat ner textmängd och förstorat typsnitt
Problem / Feedback
"För stort avstånd mellan inputfält — mycket skroll"
Lösning / Iteration
Minskade avstånd, formulär går snabbare att fylla i
Problem / Feedback
"Registrering frågade om adress och postnummer"
Lösning / Iteration
Förenklat till namn, e-post och lösenord
Problem / Feedback
"Oklart vad som var klickbart (t.ex. cirkeldiagrammet)"
Lösning / Iteration
Lade till tydliga knappar och klickmarkörer
Problem / Feedback
"Visuell hierarki otydlig"
Lösning / Iteration
Omstrukturerade layout för naturligare användarflöde
Iterationsprocess baserad på användartester
DESIGNSYSTEM
Komplett komponentbibliotek i Figma
Vi byggde ett fullständigt designsystem med 11 komponentkategorier. Alla komponenter följer WCAG-godkända kontrastvärden och är anpassade för dark mode från grunden.
Designsystem med 11 komponentkategorier — exporterat från Figma
Resultat & Lärdomar
Boendesituation är starkaste faktorn för ekonomisk trygghet. Användarnas egna workarounds gav de bästa insikterna.
WCAG
Tillgänglighetsgodkänd
5
Designmönster hittade
4
Deltagare
Viktigaste lärdomar
- ✓
Boendesituation är starkaste faktorn för ekonomisk trygghet — viktigare än budgetvanor eller appar.
- ✓
Användarnas egna workarounds är bästa källan till designbehov.
- ✓
Privacy och UX-friktion är oskiljbara.