Love Waern

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
HSB-prototyp med regionsväljaren öppen från toppnavigeringen.
Kommun eller postnummer kommer först. Platstjänster och listan över HSB-föreningar finns kvar för den som föredrar dem.

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.

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.

1 065 288besök analyserade
92,86 %utan sparad region
67 %starkt intresse för lokala eller anpassade erbjudanden
50 %föredrog postnummer som inmatning

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.

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.

Låg · startsida

Nationellt innehåll visas direkt. En region kan göra lokala nyheter mer relevanta, men är inget villkor.

Medelhög · medlem

Nationella förmåner visas för alla. När lokala erbjudanden kommer in i flödet frågar sidan efter region.

Hög · förvaltning

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.

Beslutsträd för låg, medelhög och hög regional känslighet.
Beslutsträdet utgår från två saker: om en region är vald och hur beroende sidan är av rätt regional information.

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

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.

Nationell startsida utan vald region.
Låg känslighet: startsidan visar nationellt innehåll utan avbrott.
Kontextuell regionsväljare vid medlemserbjudanden.
Valet dyker upp nära innehållet som behöver regional kontext.
Vald region synlig i navigeringen tillsammans med en bekräftelse.
Efter testningen blev vald region en synlig status. Denna iteration dokumenterades inte i en ny testrunda.
Närbild på regionsväljarens panel med kommun, postnummer, platstjänster och föreningslista.
Plats före föreningsnamn: besökaren behöver inte känna till HSB:s organisation.

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.

Leverans och status

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.