01 / 03 HSB.se Individuellt examensprojekt
Rätt region,
rätt innehåll
Jag fick i uppdrag att designa en regionsväljare för HSB.se. Analysen visade att en ensam väljare inte skulle räcka: region var viktig på en del sidor och mest i vägen på andra. Leveransen blev en prototyp och strategin regional känslighet.
- Min roll
- UX research, interaktions- och UI-design
- Period
- April–juni 2026
- Partner
- HSB
- Omfattning
- Individuellt examensprojekt, 15 hp
- Metoder
- Matomo, Hotjar, intervjuer och modererade tester
- Status
- Förstudie och interaktiv prototyp
A Problemet bakom väljaren
En plats,flera sammanhang
På HSB.se möter besökaren både nationellt innehåll och sådant som hör till en regional HSB-förening: lokala erbjudanden, kontaktpersoner, tjänster eller regler. Skillnaden är tydlig internt, men inte alltid för besökaren.
Jag kunde inte heller utgå från att besökarens plats avslöjade rätt förening. Någon kan bo i en region, söka bostad i en annan och ha ett styrelseärende i en tredje. En automatisk platsgissning kunde hjälpa, men lika gärna peka fel.
Samtidigt behövdes inget regionsval för allt. Nationell information kunde visas direkt, medan lokala kontaktuppgifter krävde rätt sammanhang. Jag behövde därför arbeta parallellt med själva väljaren och reglerna för när en sida skulle använda den.
B Det jag såg i datan
Datan ändradesjälva uppdraget
Jag analyserade 1 065 288 besök på HSB.se från mars 2026. Materialet kunde inte följa enskilda personer genom webbplatsen, men visade mönster på gruppnivå.
Många besök började på bostadssök, föreningssidor och andra undersidor. En lösning bara på startsidan hade varit lätt att missa. Dessutom saknade 92,86 procent av besöken en sparad region. Webbplatsen behövde fungera väl även innan den visste vilken förening som var relevant.
Hotjar-undersökningen visade ett tydligt intresse för lokala eller anpassade erbjudanden, men också en grupp som inte ville ha dem. Det stödde regional anpassning som ett erbjudande—inte som ett krav överallt.
De flesta besök började utan sparad regional kontext. Väljaren behövde hjälpa när region blev relevant, inte ligga som ett krav framför allt innehåll.
C Designstrategi
Regionalkänslighet
Jag hade först försökt hitta den bästa platsen för väljaren. Efter analysen kändes det som fel problem. Sidans innehåll avgjorde hur mycket webbplatsen behövde styra mot ett val.
Nationellt innehåll visas direkt. En region kan göra lokala nyheter mer relevanta, men är inget villkor.
Nationella förmåner visas för alla. När lokala erbjudanden kommer in i flödet frågar sidan efter region.
Fel region kan ge fel kontaktperson eller tjänsteutbud. Regionala delar väntar därför på ett aktivt val.
Ju större konsekvensen var av fel regional information, desto tydligare behövde sidan be om ett aktivt val. Modellen blev ett sätt att fatta samma typ av beslut på fler sidor.
Region skulle inte vara ett obligatoriskt steg framför allt innehåll, utan en fråga som dök upp när konsekvensen av fel regional information blev tillräckligt stor.
Principen bakom regional känslighet
D Från placering till kontaktpunkter
Status i toppen,nytta i sidan
Jag utforskade väljaren i sidflödet, som flytande kontroll och i en sticky footer. Toppnavigeringen fungerade bäst som fast plats och kunde samtidigt visa aktuell region. Idén från sidflödet levde ändå vidare nära det innehåll som krävde regional kontext.
Toppnavigeringen höll reda på statusen, medan blocken i sidan förklarade nyttan. Efter ett val låg föreningen kvar i navigeringen och kunde ändras där.
Kommun eller postnummer fick högst prioritet. Platstjänster blev ett frivilligt snabbval, och föreningslistan fanns kvar för personer som redan visste vad de letade efter.
E Testning, leverans och status
Tydligare status,ärlig avgränsning
I modererade tänka-högt-sessioner fick deltagarna hitta väljaren, välja region, beskriva vad de trodde hade ändrats och försöka rätta ett felaktigt val. Väljaren gick att hitta, men statusen var inte tydlig nog—varken före eller efter valet.
Jag ändrade därför copy och återkoppling. Den valda föreningen visades i toppnavigeringen och en bekräftelse berättade vilken region innehållet nu visades för och var valet kunde ändras. Eftersom versionen inte dokumenterades i en ny testrunda behandlar jag den som nästa iteration, inte som ett löst problem.
Jag levererade analysen, beslutsträdet, modellen för regional känslighet och en interaktiv prototyp för tre sidtyper. Arbetet blev underlag i HSB:s förstudie. Det finns ingen dokumentation som visar att lösningen byggdes eller gav mätbar effekt.