Målgrupp och användarberättelser
Det handlar om användarcentrerad design
Användarcentrerad design är ett sätt att fatta designbeslut. Inte baserat på vad du gillar, utan på vad den som ska använda webbplatsen behöver.
Du har redan gjort det här. När vi jobbade med tillgänglighet i Semantiska landmärken ställde vi oss frågan: En blind användare hoppar direkt till <nav> med ett kortkommando. Hittar hen din meny? Du reflekterade utifrån någon annan än dig själv. Det är vad Användarcentrerad design En designprocess där slutanvändarens behov, mål och begränsningar styr alla beslut. Motsatsen är att designa utifrån vad som är tekniskt enkelt eller vad designern själv tycker om. handlar om.
I det här steget utökar vi dina kunskaper med två verktyg: personas och användarberättelser.
En persona är ett perspektivbyte
Föreställ dig att du bygger en webbplats för en cykelverkstad. Dina besökare är inte “alla som gillar cyklar”. De flesta som hamnar på webbplatsen vill veta en sak: kan de laga min cykel, och hur snabbt?
Din persona kan se ut så här:
Maja, 28 år Pendlar med cykel till jobbet varje dag. En punktering fredag eftermiddag suger.
Mål: Hitta någon som kan laga cykeln samma dag.
Frustration: Reparationsställen har sällan priser eller öppettider synliga på webbplatsen.
Det är allt. En person med ett mål och ett problem.
När du sedan ska placera öppettider på webbplatsen vet du: de ska vara synliga direkt, inte gömda i en footer. Det beslutet kom från Maja, inte från en magkänsla.
Användarberättelser: välja design baserat på mål
En användarberättelse (user story) har tre delar:
Som [vem] vill jag [vad] för att [varför].Det sista ledet, för att [varför], är det viktigaste. Det är lätt att bygga funktioner ingen behöver. “För att” håller dig ärlig mot användarens faktiska mål.
För cykelreparationswebbplatsen:
- Som pendlare vill jag se om de reparerar punkteringar samma dag för att veta om jag kan cykla till jobbet imorgon.
- Som ny kund vill jag se priser direkt utan att behöva ringa för att avgöra om det är värt att åka dit.
- Som besökare på mobilen vill jag klicka på telefonnumret direkt för att slippa skriva av det.
Varje berättelse talar om vad webbplatsen behöver göra. Story 3 påminner dig om att sätta href="tel:..." på telefonnumret, inte bara skriva ut siffrorna som text.
Pröva själv: pizzerian
Innan du skapar persona och berättelser för ditt eget företag övar du på ett neutralt exempel.
Scenario: Du ska bygga en webbplats för en pizzeria i stadsdelen. Skriv:
- En persona (fyra rader: namn/ålder, vad de gör, mål på webbplatsen, frustration)
- Tre användarberättelser som pekar på konkreta designbeslut
Jämför med en klasskamrat. Är det samma person ni tänker på?
Uppgift: Vem besöker din webbplats?
Det här är det första steget i ditt företagsprojekt. Du bestämmer vilket fiktivt företag du ska bygga.
Välj ditt företag. Det ska vara ett fiktivt företag som säljer en tjänst eller produkt. Exempelidéer: ett gym, en kafferostare, en spelstudio, en second hand-butik, en DJ-byrå. Prata med läraren om du kör fast.
Skriv en persona på ett indexkort. Fyra rader:
- Namn och ålder
- Vad gör de? (en mening)
- Deras mål när de besöker din webbplats
- Deras största frustration med liknande webbplatser
Skriv tre användarberättelser för personan. Använd formatet: Som [vem] vill jag [vad] för att [varför]. Varje berättelse ska peka på ett konkret designbeslut.
Koppla tillbaka till Tema 3. Vilken av de fyra designstilarna (Fancy/Luxury, Quirky/Offbeat, Friendly/Casual, Techie/Scientific) stämmer överens med vad din persona förväntar sig? Skriv en mening.
Motivera & reflektera
Skriv två meningar på baksidan av indexkortet. Varför valde du just den här personan framför en annan möjlig besökare, och vilken av dina tre användarberättelser tror du kommer styra flest designbeslut? Det svaret är utgångspunkten för hela projektet.
Spara indexkortet. Du behöver det i nästa del.
Nästa nivå
Skriv en andra persona: någon som möter din webbplats med en funktionsvariation. En besökare som navigerar med tangentbord i stället för mus, använder skärmläsare, eller behöver förstora texten. Skriv en användarberättelse ur den personens perspektiv. Går den att uppfylla med samma design, eller avslöjar den ett antagande du inte visste att du gjorde? Det är den svåra frågan, den som skiljer proffsen från resten: en sida som funkar för alla, inte bara för en tänkt “standardanvändare”.