Mälardalens universitet
Mälardalens universitet
Bakgrund
Mälardalens universitet är ett statligt universitet med campus i Västerås och Eskilstuna. Under hösten 2025 utförde jag praktik som interaktionsdesigner på kommunikationsenheten på MDU. Projektet jag arbetade med här var att utforska målgrupperna och vad de har för behov på webbplatsen - särskilt för presumtiva studenter som ska söka utbildning.
Mälardalens universitet är ett statligt universitet med campus i Västerås och Eskilstuna. Under hösten 2025 utförde jag praktik som interaktionsdesigner på kommunikationsenheten på MDU. Projektet jag arbetade med här var att utforska målgrupperna och vad de har för behov på webbplatsen - särskilt för presumtiva studenter som ska söka utbildning.
Bakgrund
Mälardalens universitet är ett statligt universitet med campus i Västerås och Eskilstuna. Under hösten 2025 utförde jag praktik som interaktionsdesigner på kommunikationsenheten på MDU. Projektet jag arbetade med här var att utforska målgrupperna och vad de har för behov på webbplatsen - särskilt för presumtiva studenter som ska söka utbildning.
Roll
Interaktionsdesigner, UX/UI designer
Verktyg
Figma, FigJam, Zoom, Outlook
Tidsram
ca 8 veckor
Roll
Interaktionsdesigner, UX/UI designer
Verktyg
Figma, FigJam, Zoom, Outlook
Tidsram
ca 8 veckor
Problem
MDU:s webbplats besöks ofta av nuvarande och presumtiva studenter. Under ansökningsperioderna ökar trafiken till webbplatsen kraftigt då många söker sig till att hitta rätt utbildning. Webbplatsen har i i grunden en bra användbarhet men det finns utmaningar som kan göra den ännu bättre. Målet med projektet var att undersöka webbplatsen och dess målgrupper från ett interaktionsdesign/UX-perspektiv för att möjligen hitta alternativa lösningar till problemen som användarna stöter på.
MDU:s webbplats besöks ofta av nuvarande och presumtiva studenter. Under ansökningsperioderna ökar trafiken till webbplatsen kraftigt då många söker sig till att hitta rätt utbildning. Webbplatsen har i i grunden en bra användbarhet men det finns utmaningar som kan göra den ännu bättre. Målet med projektet var att undersöka webbplatsen och dess målgrupper från ett interaktionsdesign/UX-perspektiv för att möjligen hitta alternativa lösningar till problemen som användarna stöter på.
Problem
MDU:s webbplats besöks ofta av nuvarande och presumtiva studenter. Under ansökningsperioderna ökar trafiken till webbplatsen kraftigt då många söker sig till att hitta rätt utbildning. Webbplatsen har i i grunden en bra användbarhet men det finns utmaningar som kan göra den ännu bättre. Målet med projektet var att undersöka webbplatsen och dess målgrupper från ett interaktionsdesign/UX-perspektiv för att möjligen hitta alternativa lösningar till problemen som användarna stöter på.
Designprocess
Målgruppsanalys
Användbarhetstester
Idégenerering
Prototypande
Målgruppsanalys
För att få en bättre bild över vilka som ansöker till MDU utfördes flera möten med kommunikatörer på enheten som presenterade statistik på vem, var och hur presumtiva studenter söker sig till universitetet. Detta visade att majoriteten som söker utbildning är unga vuxna mellan 18-24 år. Statistik från MDU visar även att majoriteten använder sin smartphone först och främst vid sökning av utbildning och ansökan.
Målgruppsanalys
Användbarhetstester
Idégenerering
Prototypande
Målgruppsanalys
För att få en bättre bild över vilka som ansöker till MDU utfördes flera möten med kommunikatörer på enheten som presenterade statistik på vem, var och hur presumtiva studenter söker sig till universitetet. Detta visade att majoriteten som söker utbildning är unga vuxna mellan 18-24 år. Statistik från MDU visar även att majoriteten använder sin smartphone först och främst vid sökning av utbildning och ansökan.
Designprocess
Målgruppsanalys
Användbarhetstester
Idégenerering
Prototypande
Målgruppsanalys
För att få en bättre bild över vilka som ansöker till MDU utfördes flera möten med kommunikatörer på enheten som presenterade statistik på vem, var och hur presumtiva studenter söker sig till universitetet. Detta visade att majoriteten som söker utbildning är unga vuxna mellan 18-24 år. Statistik från MDU visar även att majoriteten använder sin smartphone först och främst vid sökning av utbildning och ansökan.
Personas
För att skapa empati för målgruppen skapades personas baserad på den data som samlades in genom statistik och egen research. Båda personas validerades sedan av en kommunikatör på enheten som har nära kontakt med samtliga målgrupper.
För att skapa empati för målgruppen skapades personas baserad på den data som samlades in genom statistik och egen research. Båda personas validerades sedan av en kommunikatör på enheten som har nära kontakt med samtliga målgrupper.
Klicka för förstoring
Personas
För att skapa empati för målgruppen skapades personas baserad på den data som samlades in genom statistik och egen research. Båda personas validerades sedan av en kommunikatör på enheten som har nära kontakt med samtliga målgrupper.
Klicka för förstoring
Användbarhetstest
Nuvarande webbplats (november 2025)
Resultat
Testerna visade tydligt vad som fungerar bra samt mindre bra. Då del av uppgiften som deltagare fick utföra så hamnade de på de olika sidorna som beskriver program - vilket inte var ett del av vårt uppdrag men datan sammanslogs oavsett för att visa upp för kommunikationsenheten.
I tabellen nedanför kan man se att den nuvarande webbplatsen är bra men kan behöva samtliga förbättringar. Undantaget att fokuset inte var på de enskilda program/kurssidorna - men återkopplingen från dessa sidor togs med in i nästa fas av projektet.
Testerna visade tydligt vad som fungerar bra samt mindre bra. Då del av uppgiften som deltagare fick utföra så hamnade de på de olika sidorna som beskriver program - vilket inte var ett del av vårt uppdrag men datan sammanslogs oavsett för att visa upp för kommunikationsenheten.
I tabellen nedanför kan man se att den nuvarande webbplatsen är bra men kan behöva samtliga förbättringar. Undantaget att fokuset inte var på de enskilda program/kurssidorna - men återkopplingen från dessa sidor togs med in i nästa fas av projektet.
Användbarhetstest
Nuvarande webbplats (november 2025)
Resultat
Testerna visade tydligt vad som fungerar bra samt mindre bra. Då del av uppgiften som deltagare fick utföra så hamnade de på de olika sidorna som beskriver program - vilket inte var ett del av vårt uppdrag men datan sammanslogs oavsett för att visa upp för kommunikationsenheten.
I tabellen nedanför kan man se att den nuvarande webbplatsen är bra men kan behöva samtliga förbättringar. Undantaget att fokuset inte var på de enskilda program/kurssidorna - men återkopplingen från dessa sidor togs med in i nästa fas av projektet.
High-fidelity prototyp
Detta design case är ett samarbete mellan tre interaktionsdesignspraktikanter.
I detta case presenteras de wireframes som jag själv har varit med och skapat och/eller varit delaktig i.
Detta design case är ett samarbete mellan tre interaktionsdesignspraktikanter.
I detta case presenteras de wireframes som jag själv har varit med och skapat och/eller varit delaktig i.
Startsida för utbildning
MDU har flera olika ingångar för att bläddra bland utbildningar men en av de största sidorna är startsidan för utbildning vilket var en av de sidor som jag arbetade med. Målet med detta projekt var inte att göra en re-design av hela gränssnittet utan har varit skapat genom att använda oss av MDU:s grafiska profil och förbättra användbarheten på samtliga sidor.
Vad som skiljer denna prototyp från den befintliga sidan är implementeringen av större klickytor och tydligare ingångar.
Här har man även enkel åtkomst till den helt nya funktionen "utbildningsguiden", en sida som har spånats fram via workshops och samtal för att få användaren ska få hjälp med vilken utbildning som passar dem.
Enligt statistik kunde vi även se att sidan "utbildningsområden" inte besöks lika ofta. Det kan bero på att den ligger för gömd. I denna prototyp presenteras utbildningsområdena direkt på startsidan för att få en snabbare inblick i vilka områden som MDU erbjuder.
I övrigt så har gränssnittet fått ett lyft genom att rama in sektioner på ett tydligare sätt samt större knappar för bättre tillgänglighet.
MDU har flera olika ingångar för att bläddra bland utbildningar men en av de största sidorna är startsidan för utbildning vilket var en av de sidor som jag arbetade med. Målet med detta projekt var inte att göra en re-design av hela gränssnittet utan har varit skapat genom att använda oss av MDU:s grafiska profil och förbättra användbarheten på samtliga sidor.
Vad som skiljer denna prototyp från den befintliga sidan är implementeringen av större klickytor och tydligare ingångar.
Här har man även enkel åtkomst till den helt nya funktionen "utbildningsguiden", en sida som har spånats fram via workshops och samtal för att få användaren ska få hjälp med vilken utbildning som passar dem.
Enligt statistik kunde vi även se att sidan "utbildningsområden" inte besöks lika ofta. Det kan bero på att den ligger för gömd. I denna prototyp presenteras utbildningsområdena direkt på startsidan för att få en snabbare inblick i vilka områden som MDU erbjuder.
I övrigt så har gränssnittet fått ett lyft genom att rama in sektioner på ett tydligare sätt samt större knappar för bättre tillgänglighet.
Utbildningsguide
Utbildningsguiden lades till på startsida för utbildning med en tydlig CTA-knapp för enkel navigering.
Denna sida skapades spontant genom samtal och workshops, där återkommande referenser till en slags "guide" till presumtiva studenter skulle vara till hjälp för de som inte vet vad de vill utbilda sig till, hur och var. Denna sida erbjuder alternativ steg-för-steg som ska hjälpa användaren att hitta rätt vid sökning och fokuset var att använda ett språk som är lättförståeligt.
Obs: Denna sida är en work-in-progress och inte fullständig. Vid deadline för detta projekt presenterades alternativ för hur denna guide skulle kunna se ut och vad resultatet blir av steg-för-steg instruktionerna. Utbildningsguiden skulle kunna utvecklas att bli mer personlig och erbjuda mer alternativ för användaren.
Utbildningsguiden lades till på startsida för utbildning med en tydlig CTA-knapp för enkel navigering.
Denna sida skapades spontant genom samtal och workshops, där återkommande referenser till en slags "guide" till presumtiva studenter skulle vara till hjälp för de som inte vet vad de vill utbilda sig till, hur och var. Denna sida erbjuder alternativ steg-för-steg som ska hjälpa användaren att hitta rätt vid sökning och fokuset var att använda ett språk som är lättförståeligt.
Obs: Denna sida är en work-in-progress och inte fullständig. Vid deadline för detta projekt presenterades alternativ för hur denna guide skulle kunna se ut och vad resultatet blir av steg-för-steg instruktionerna. Utbildningsguiden skulle kunna utvecklas att bli mer personlig och erbjuda mer alternativ för användaren.
High-fidelity prototyp
Detta design case är ett samarbete mellan tre interaktionsdesignspraktikanter.
I detta case presenteras de wireframes som jag själv har varit med och skapat och/eller varit delaktig i.
Startsida för utbildning
MDU har flera olika ingångar för att bläddra bland utbildningar men en av de största sidorna är startsidan för utbildning vilket var en av de sidor som jag arbetade med. Målet med detta projekt var inte att göra en re-design av hela gränssnittet utan har varit skapat genom att använda oss av MDU:s grafiska profil och förbättra användbarheten på samtliga sidor.
Vad som skiljer denna prototyp från den befintliga sidan är implementeringen av större klickytor och tydligare ingångar.
Här har man även enkel åtkomst till den helt nya funktionen "utbildningsguiden", en sida som har spånats fram via workshops och samtal för att få användaren ska få hjälp med vilken utbildning som passar dem.
Enligt statistik kunde vi även se att sidan "utbildningsområden" inte besöks lika ofta. Det kan bero på att den ligger för gömd. I denna prototyp presenteras utbildningsområdena direkt på startsidan för att få en snabbare inblick i vilka områden som MDU erbjuder.
I övrigt så har gränssnittet fått ett lyft genom att rama in sektioner på ett tydligare sätt samt större knappar för bättre tillgänglighet.
Utbildningsguide
Utbildningsguiden lades till på startsida för utbildning med en tydlig CTA-knapp för enkel navigering.
Denna sida skapades spontant genom samtal och workshops, där återkommande referenser till en slags "guide" till presumtiva studenter skulle vara till hjälp för de som inte vet vad de vill utbilda sig till, hur och var. Denna sida erbjuder alternativ steg-för-steg som ska hjälpa användaren att hitta rätt vid sökning och fokuset var att använda ett språk som är lättförståeligt.
Obs: Denna sida är en work-in-progress och inte fullständig. Vid deadline för detta projekt presenterades alternativ för hur denna guide skulle kunna se ut och vad resultatet blir av steg-för-steg instruktionerna. Utbildningsguiden skulle kunna utvecklas att bli mer personlig och erbjuda mer alternativ för användaren.
Version för datorskärm
Projektet fokuserade på smartphone men samtliga sidor designades även för datorskärm.
Version för datorskärm
Projektet fokuserade på smartphone men samtliga sidor designades även för dator.
Wireframes
Alla wireframes för sidor jag har varit involverad i - datorversion.
Wireframes
Alla wireframes för sidor jag har varit involverad i - datorversion.
Iterationer
Nedanför presenteras de iterationer som de sidor jag var involverad i gick igenom innan jag bestämde mig för den slutgiltiga designen som syns ovanför. Dessa versioner hade förbättringspotential och utvecklades inte vidare.
Nedanför presenteras de iterationer som de sidor jag var involverad i gick igenom innan jag bestämde mig för den slutgiltiga designen som syns ovanför. Dessa versioner hade förbättringspotential och utvecklades inte vidare.
Iterationer
Nedanför presenteras de iterationer som de sidor jag var involverad i gick igenom innan jag bestämde mig för den slutgiltiga designen som syns ovanför. Dessa versioner hade förbättringspotential och utvecklades inte vidare.
Key take-aways
Detta projekt och praktikmöjlighet gav mig mycket goda nya insikter i hur ett realistiskt projekt kan drivas i samarbete med ett helt team på kommunikationsenheten - som vi hade ständig kontakt med för att bolla idéer, workshop och problem med. Det gav med en överblick över hur ett arbete som designer skulle kunna vara, vilket är otroligt varierande och givande. Utmaningarna för detta projekt riktade sig mest in på hur de förslag som vi presenterade skulle kunna vävas in i MDU:s befintliga webbplats på ett så smidigt sätt som möjligt med mer fokus på användbarhet och målgruppen för ett mer intuitivt sätt att söka efter utbildningar.
Key take-aways
Detta projekt och praktikmöjlighet gav mig mycket goda nya insikter i hur ett realistiskt projekt kan drivas i samarbete med ett helt team på kommunikationsenheten - som vi hade ständig kontakt med för att bolla idéer, workshop och problem med. Det gav med en överblick över hur ett arbete som designer skulle kunna vara, vilket är otroligt varierande och givande. Utmaningarna för detta projekt riktade sig mest in på hur de förslag som vi presenterade skulle kunna vävas in i MDU:s befintliga webbplats på ett så smidigt sätt som möjligt med mer fokus på användbarhet och målgruppen för ett mer intuitivt sätt att söka efter utbildningar.