användarcentrarat med små resurser
DESCRIPTION
TRANSCRIPT
![Page 1: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/1.jpg)
2023-04-10
Användarcentrerad webbmed små resurser
![Page 2: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/2.jpg)
2
@hannajonsson
@pi
aflod
quist
![Page 3: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/3.jpg)
2023-04-10
Introduktion
![Page 4: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/4.jpg)
4
AGENDA
»Introduktion
»Personas Metod för användarcentrerad webbutveckling
»Lightvariant
»Utmaningar & framgångsfaktorer
![Page 5: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/5.jpg)
5
VAD ÄR PERSONAS?
Behovsanalys Målgruppsanalys
![Page 6: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/6.jpg)
6
Kravställnings-dokument
Agila metoder
PROJEKTMETODER OCH DOKUMENTATION
![Page 7: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/7.jpg)
7
Engagerar
Minnesvärda
KommunicerarFörankrar
Skapar samförstånd
VARFÖR PERSONAS?
![Page 8: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/8.jpg)
8
Hur gör man en persona?
![Page 9: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/9.jpg)
9
HUR GÖR MAN EN PERSONA?
»Ett namn, ett ansikte och ett liv– Bild och beskrivning av livshistoria, arbets- och familjesituation
samt intressen
»Behov och mål – De mål som webblösningen ska uppfylla, kopplade till arbete eller
privatliv
»Scenarier – Beskrivningar av vad en persona gör för att uppfylla sina mål och
behov
Personan blir levande och lättare att komma ihåg.
![Page 10: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/10.jpg)
10
HUR GÖR MAN EN PERSONA?
»Ett namn, ett ansikte och ett liv– Bild och beskrivning av livshistoria, arbets- och familjesituation
samt intressen
»Behov och mål – De mål som webblösningen ska uppfylla, kopplade till arbete eller
privatliv
»Scenarier – Beskrivningar av vad en persona gör för att uppfylla sina mål och
behov
Personans situation blir lätt att förstå och hjälper till att se lösningar.
![Page 11: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/11.jpg)
11
HUR GÖR MAN EN PERSONA?
»Ett namn, ett ansikte och ett liv– Bild och beskrivning av livshistoria, arbets- och familjesituation
samt intressen
»Behov och mål – De mål som webblösningen ska uppfylla, kopplade till arbete eller
privatliv
»Scenarier – Beskrivningar av vad en persona gör för att uppfylla sina mål och
behov
Scenarier hjälper till att förstå i vilken ordning användaren interagerar.
![Page 12: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/12.jpg)
12
Exempel - Skatteverket
![Page 13: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/13.jpg)
13
SAMMANSTÄLLNING AV PERSONOR
Vårt exempel
![Page 14: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/14.jpg)
14
BESKRIVNING PERSONA
Erik, skattekonsult
![Page 15: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/15.jpg)
15
EXEMPEL PÅ MÅL & BEHOV
Erik, skattekonsult
Mål Behov
Ge vägledning och korrekta råd till företagets kunder.
Behöver hålla sig uppdaterad om Skatteverkets tolkningar i skattefrågor.
Vill kunna avgränsa inom vilket område nyheter visas.
Veta vad som kommer att gälla för nästa beskattningsperiod
Skall veta vilken beskattningsperiod som informationen gäller eller gällde för.
Behöver se vilka versioner som gäller för vilken beskattningsperiod.
![Page 16: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/16.jpg)
16
EXEMPEL PÅ SCENARIO
Erik, skattekonsult
Scenario
Mål: Ge vägledning och korrekta råd till kunder
När Erik kommer till jobbet börjar han med att läsa sin e-post och surfa till ett par webbplatser. En av dem är www.skatteverket.se. Erik känner att han behöver vara ajour med vad som händer inom skatteområdet för att ge korrekta svar och bra rådgivning till sina kunder. Erik vet att det han läser idag kommer han att få frågor på om någon vecka. Då måste han veta tillräckligt för att snabbt kunna ge ett svar och hitta mer information om frågan.
Erik är inne på Skatteverkets webbplats ett par gånger i veckan och han surfar då till fliken Rättsinformation. På sidan finns en nyhetslista med de senaste nyheterna som kommer att förändra innehållet i Vägledningen. Han läser igenom nyheterna som beskriver vilka ändringar som har gjorts i Vägledningen. Från en av nyheterna går han vidare till ställningstagandet som nyheten bygger på. Därefter surfar han in på KPMGs intranät för att läsa andra nyheter.
Senare på dagen får Erik ett e-postmeddelande från en kund med en fråga om moms. Han minns att han läst om fallet för några veckor sedan på www.skatteverket.se. Han surfar till ingången Rättsinformation på www.skatteverket.se. Den här gången avgränsar han nyheterna på området moms. Nu hittar han snabbt rätt nyhet.
Erik ser att Vägledningen har uppdaterats med innehållet i ställningstagandet som han läste på morgonen. Det är enkelt för Erik att skumma de ändringar som har skett eftersom de delar av texten som har ändrats är markerade med ett kantsträck. Utifrån det Erik har läst skriver han ihop ett svar och hänvisar även kunden till sidan på www.skatteverket.se.
![Page 17: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/17.jpg)
17
Personas – steg för steg
![Page 18: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/18.jpg)
18
ATT GÖRA PERSONAS
Steg för steg
Analysera
Hypotes
1
Samla in data
2 3
![Page 19: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/19.jpg)
19
ATT GÖRA PERSONAS
Steg för steg
5
Kvalitetssäkra
4
Skapa
6
Prioritera
![Page 20: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/20.jpg)
20
När tiden eller resurserna inte finns…
![Page 21: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/21.jpg)
21
HOPPA INTE ÖVER
Syftet med webben
Användarperspektivet
![Page 22: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/22.jpg)
22
ATT GÖRA PERSONAS
Steg för steg
Hypotes
1
Samladata
2
Analysera
3
Skapa
4
Kvalitets-säkra
5
Prioritera
6
![Page 23: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/23.jpg)
23
ATT GÖRA PERSONAS – LIGHT
Steg för steg
Hypotes
1
Samladata
2
Analysera
3
Skapa
4
Kvalitets-säkra
5
Prioritera
6
![Page 24: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/24.jpg)
24
ATT GÖRA PERSONAS – LIGHT
Vad vi gör
Hypotes Skapa Prioritera
Workshop
#1
Dokumentatio
n& design
Workshop #2
![Page 25: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/25.jpg)
25
NÅGRA EXEMPEL
»Företaget – Från inifrån-perspektiv till fokus på målgrupperna
»Myndigheten– Att våga prioritera när man är till för alla målgrupper
Från uppdrag med light-personas
![Page 26: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/26.jpg)
26
FÖRETAGET - TEPE
»Uppdraget Stöd i processen med målgrupps-anpassning av den externa webben
»UtmaningenSläppa inifrån-perspektivetFokusera på målgruppernas behov och drivkrafter
EXEMPEL 1
![Page 27: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/27.jpg)
27
FÖRETAGET - TEPE
RESULTATET
![Page 28: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/28.jpg)
28
FÖRETAGET - TEPE
»Uppdraget Stöd i processen med målgruppsanpassning av den externa webben
»UtmaningenSläppa inifrån-perspektivetFokusera på målgruppernas behov och drivkrafter
»UtfalletÖkad målgruppskännedomInsikt att flera målgrupper kan ha samma behov (en persona)Underlag för framtagning av skisser
EXEMPEL 1
![Page 29: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/29.jpg)
29
MYNDIGHETEN - PTS
»Uppdraget Ny webb med anpassad design av förstasidan, tydliga prioriteringar
»UtmaningenHur välja målgrupp när man är till för allaUnderlag för att guida besökarna rätt
EXEMPEL 2
![Page 30: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/30.jpg)
30
KOMMUNIKATIONSMYNDIGHETEN PTS
![Page 31: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/31.jpg)
31
MYNDIGHETEN - PTS
»Uppdraget Ny webb med anpassad design av förstasidan, tydliga prioriteringar
»UtmaningenHur välja målgrupp när man är till för allaUnderlag för att guida besökarna rätt
»UtfalletVerifierat med webbanalys
» Underlag för beslut och prioriteringar samt designval
EXEMPEL 2
![Page 32: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/32.jpg)
32
Utmaningar
![Page 33: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/33.jpg)
33
UTMANING 1
»Egna antaganden och inte fakta– Risker och svårigheter• Att hypotesen snabbt blir en sanning• Att ”hamna snett” • Att man förlorar i trovärdighet• Att det blir svårare att få med sig ledningen• Lättare att göra avsteg från underlaget i utvecklingen
![Page 34: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/34.jpg)
34
»Hur motverka riskerna?– Kvalitetssäkring av behov med hjälp av intervjuer– Kvalitetssäkring av behov med hjälp av fokusgrupper– Resonera om trovärdighet– Börja planera för framtida tester
![Page 35: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/35.jpg)
35
UTMANING 2
»Att fastna i funktionsfällan– Risker och svårigheter:• Att gå för snabbt på lösningar och prata om ”vad man vill ha” • Att det är svårt att koka ner till de faktiska behoven
• Att lösningsförslagen inte möter användarnas behov
![Page 36: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/36.jpg)
36
»Hur motverka riskerna?– ”Varförkedjan”• På samma sätt som under en intervju, gå vidare med “till vad” eller
“varför behöver du det”, “vad behöver du veta - tillbaka till faktiskt behov, inte lösning”
• Bra med extern processledare som har i uppgift att fortsätta fråga, och ifrågasätta.
– Se koppling mellan behov och lösningsförslag• Beskriv lösningen konceptuellt i flöden som visar steg för steg, ta fram
skisser• Användningstesta från scenarier
![Page 37: Användarcentrarat med små resurser](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c273fe4a7959bb2c8b45a7/html5/thumbnails/37.jpg)
metamatrix.se
Sveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ
Växel: 08-50 65 33 00