ݺߣ

ݺߣShare a Scribd company logo
Med användarna i fokusFrukostseminarium 25 februari 2010
1. Varför viktigt?
Med användarna i fokus
ԱäԻ岹ܱ𱹱첹Գұ岹ڴڱپԲ𴡰Աڴڱپٰܲ
Vi är väl ԱäԻ岹?
ԱäԻ岹첹Աٱ𳦰𴳲岹öԱäԻ岹
Från codinghorror.com
ԱäԻ岹첹Աٱ𳦰𴳲岹öԱäԻ岹
OrganisationsnyttaMer pengarGladare kunder/medarbetareMindre pengarSura kunder/medarbetare
>1,3 miljoner kr/årTetra Pack
Glömma bortanvändarna
Nöjda användare =
= Lyckat uppdrag!$
2. Hur gör vi?
steg för steg
steg för stegIterativ arbetsprocess
Med användarna i fokus
Med användarna i fokus
ԱäԻ岹Գٰ𳾱ٴǻ
Kunskapsinhämtande metoderIntervjuerEnkäterPersonasFokusgrupperCarewords
Utvärderande metoderAnvändningstesterKortsorteringStatistikanalysÅterkoppling
Utvärderande metoderMax bild
Återkoppling till användarna
3. Metod:Carewords
Fokus på aktiviteter
GrötMjölkFilYoghurtMuslieFärska bärÄggMörkt brödFrallorLjus brödRostbrödCroissantHårt brödKaffeTeVarm chokladJuiceLäskEspressoCafe latteChai latteCappuccinoVattenSmoothieSyltGurkaTomatPaprikaSkinkaMedvurstSalamiMjukostMarmeladJordnötssmörMessmörOstKaviarKesoLeverpastejHummusSmörKorvBaconKöttbullarÄggröraVåfflorSmåkakorBlåbärJordgubbarPannkakorGrötMjölkFilYoghurtMuslieFärska bärÄggMörkt brödFrallorLjus brödRostbrödCroissantHårt brödKaffeTeVarm chokladJuiceLäskEspressoCafe latteChai latteCappuccinoVattenSmoothieSyltGurkaTomatPaprikaSkinkaMedvurstSalamiMjukostMarmeladJordnötssmörMessmörOstKaviarKesoLeverpastejHummusSmörKorvBaconKöttbullarÄggröraVåfflorSmåkakorBlåbärJordgubbarPannkakorGrötMjölkFilYoghurtMuslieFärska bärÄggMörkt brödFrallorLjus brödRostbrödCroissantHårt brödKaffeTeVarm chokladJuiceLäskEspressoCafe latteChai latteCappuccinoVattenSmoothieSyltGurkaTomatPaprikaSkinkaMedvurstSalamiMjukostMarmeladJordnötssmörMessmörOstKaviarKesoLeverpastejHummusSmörKorvBaconKöttbullarÄggröraVåfflorSmåkakorBlåbärJordgubbarPannkakorGrötMjölkFilYoghurtMuslieFärska bärÄggMörkt brödFrallorLjus brödRostbrödCroissantHårt brödKaffeTeVarm chokladJuiceLäskEspressoCafe latteChai latteCappuccinoVattenSmoothieSyltGurkaTomatPaprikaSkinkaMedvurstSalamiMjukostMarmeladJordnötssmörMessmörOstKaviarKesoLeverpastejHummusSmörKorvBaconKöttbullarÄggröraVåfflorSmåkakorBlåbärJordgubbarPannkakorLång lista(ca 400 ord)
GrötMjölkFilYoghurtMuslieFärska bärÄggMörkt brödFrallorLjus brödRostbrödCroissantHårt brödKaffeTeVarm chokladJuiceLäskEspressoCafe latteChai latteCappuccinoVattenSmoothieSyltGurkaTomatPaprikaSkinkaMedvurstSalamiMjukostMarmeladJordnötssmörMessmörOstKaviarKesoLeverpastejHummusSmörKorvBaconKöttbullarÄggröraVåfflorSmåkakorBlåbärJordgubbarPannkakorKort lista(100 ord)
54321԰ä
”The longneck”
Vad är viktigast?
Före och efter
4. Metod: Personas
5. Glöm inte ǰٲԱäԻ岹Բ!
ԱäԻ岹ܱ
Med användarna i fokus
Var på skalan finns dina ԱäԻ岹?
Hanna Jonssonhanna.jonsson@metamatrix.se@hannajonssonMax Waltermax.walter@metamatrix.se@maxwalter

More Related Content

Med användarna i fokus

Editor's Notes

  1. Det första steget handlar om att identifiera syftet med webbplatsenVi brukar tala om den förväntade effekt som webben, eller intranätet ska ge. Det tar vi fram tillsammans med beställaren. Viktigt att de här effekterna ska vara mätbara för att kunna utvärderas sedan.I det andra steget identifierar vi målgrupperna och deras behov. Vilka förutsättningar ha olika grupper och vad vill de kunna göra? Utifrån det som kommer fram i målgruppsanalysen formulerar vi så kallade användningsmål: Vilken information, eller vilka tjänster behöver man för att kunna lösa viktiga uppgifter?
  2. Vi brukar tala om en iterativ utvecklingsprocess [Rita på blädderblock]Det innebär att vi utifrån ingångsvärden tar fram förslag, testar, analyserar och tar fram ett nytt förslag eller finjusterarSå.. Utifrån det som kommit upp i de första stegen tar vi fram ett koncept, det vill säga ett förslag på upplägg och utformning på webbplatsen som baseras på det användarna vill kunna göra. Utifrån vad som är viktigast för flest tar vi fram förslag på informationsstruktur och navigeringsprinciper, alltså vilka huvudingångar ska finnas och hur sökfunktionen ska fungera och hur man kan navigera på sidan. Detta brukar presenteras i någon form av enkla skisser.Sedan tar vi fram ett förslag på design, form och färg, och efter det en mer avancerad, ofta klickbar prototyp.
  3. Här är två exempel på skisserSom ni ser är det ingen färg och form än, utan de visar vad som finns med och hur det ligger
  4. Här är två exempel på skisserFördelen med att göra såna här enkla skisser och testa innan allt är klart är att vi har lagt ner mycket mindre jobb och vi förlorar inte så mycket tid om vi bestämmer oss för att kasta skissen och börja om. Tillskillnad om man kommer på det är allt är implementerat i den tekniska plattformen, mallar gjorda och så vidare.
  5. Var kommer då användarna in, och vilka metoder använder vi oss av?Vi har en verktygslåda med olika metoder som vi använder beroende på uppdragets storlek och projektet och organisationens förutsättningar
  6. Dels finns det metoder för att få kunskap om användarna och deras behov:Här brukar vi göraIntervjuerEnkäter, som de flesta av er säkert har erfarenhet avPersonas, som är ett sätt att beskriva målgrupperna och deras behov på ett specifikt sätt som gör det enkelt att ha med sig i utvecklingsarbetet. Jag kommer berätta mer om det sedan.Kortsortering, vilka begrepp användarna använder och hur de relaterar information: för att få fram informationsstruktur.Carewords – som Max kommer berätta mer om: ett sätt att sålla fram det flest tycker är viktigast
  7. Vi har också vad man kallar för utvärderande metoder…Användningstester, där representanter från användargrupper får testa att lösa olika uppgifter och en av oss sitter bredvid och ser hur man hittar i strukturen eller förstår var på sidan länkarna ligger. På så sätt kan man få ett kvitto på vad som fungerar och vad som behöver ändras.Fokusgrupper, en slags gruppintervjuÅterkoppling direkt från användarna via ”kommentera på denna sida”Statistikanalys, där man ser hur användarna rör sig(+ Hanna överlämning till Max om generera nya idéer och vikten av kontextuella observationer)BETEENDEN NYA IDÉERKontextuell intervjuObservationerAnvändnings-tester
  8. Här är ett exempel där vi ser hur användarna har rört sig på förstasidan.Varje ljus fläck representerar ett klick, ju större eller rödare desto fler klick.Visar att vissa delar inte alls används och vilka som är mer populära.
  9. För att återknyta till den här bilden som visar stegen i utvecklingsprocessenSå ser man här i vilka delar vi återkopplar till användarna.Inledningsvis de kunskapsinhämtande metoderna Och när vi tar fram koncept, design och prototypen, mer utvärderandeLikaså när väl själva kodandet börjar, så testar vi i skarpt läge innan lansering att funktioner fungerar.Vill man kan man även testa innehåll, texternas ton och bilder.Överlämning till Max