HSB

HSB.se behövde visa regionalt anpassat innehåll utan att störa besökarens flöde, skapa osäkerhet kring valet eller riskera att visa fel information. Samtidigt ville de regionala HSB-föreningarna kunna synliggöra sina lokala erbjudanden tidigt i upplevelsen.

Designutmaningen var därför en balans mellan två behov: ett snabbt och tydligt flöde för användaren och tillräcklig synlighet för det lokala mervärdet. Ett obligatoriskt regionsval kunde säkerställa rätt innehåll, men också skapa onödig friktion. Automatiska förval kunde minska antalet steg, men riskerade att gissa fel.

Mitt uppdrag blev att utforska när regionen behövde introduceras, vilka UX-mönster som gav användaren tydlighet och kontroll och när systemet kunde minska behovet av manuella val. En viktig del var att skilja mellan var någon befann sig och vilket ärende personen faktiskt försökte lösa. Någon kan bo i en region, söka bostad i en annan och ha ett styrelseärende i en tredje.

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.

Jag hade först försökt hitta den bästa platsen för regionsväljaren. Efter analysen insåg jag att det var fel problem att lösa. Varje placering fungerade för vissa besökare men skapade friktion för andra. Ett tidigt och obligatoriskt val avbröt personer som bara behövde nationell information, medan en mer passiv väljare riskerade att missas av dem som behövde lokalt innehåll.

Det gick därför inte att möta alla behov med en enda placering eller ett enda designmönster. I stället kombinerade jag flera tillvägagångssätt som successivt kunde hjälpa fler besökare att hamna rätt. En fast väljare gjorde regionen tillgänglig genom hela webbplatsen, medan kontextuella frågor kunde fånga upp användaren först när innehållet faktiskt krävde ett regionalt val.

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.

Under användningstesterna fick deltagarna hitta väljaren, välja region, beskriva vad de trodde hade ändrats och korrigera ett felaktigt val. De reagerade positivt på att regionsvalet visades nära det innehåll som påverkades. Det gjorde det tydligare varför sidan bad dem välja region.

Återkopplingen efter valet var däremot otydlig. Jag förtydligade därför den valda föreningen i toppnavigeringen och lade till en bekräftelse som berättade vilket regionalt innehåll som visades och var valet kunde ändras.