1. No category

Workshop I – paper prototyping och personas
Senast ändrad 2015­02­24 11:49 av Martin Östlund | Redigera
Notera att deltagande i denna workshop är obligatoriskt. Om du av någon anledning inte kan delta ska du ta kontakt med kursansvarig (se också
instruktioner längst ned på denna sida).
Tid och plats
För campusstudenter: Onsdagen den 8 april 09:15­12:00. Vi samlas i Ny104 och fördelar sedan ut oss bland rummen Ny104, Ny110 och
Ny111 för gruppövningarna.
För distansstudenter: Onsdagen den 8 april 13:15­16:00 via Adobe Connect:
https://connect.sunet.se/lnu1ik419
Syftet med workshopen
Syftet med dagens workshop är att ni ska få prova på två mycket användbara tekniker för gränssnittsutveckling: paper prototyping och personas.
Paper prototyping används för att enskilt eller i grupp spåna kring gränssnittsidéer och gränssnittsdesign på ett snabbjobbat och lättrörligt sätt.
Personas hjälper utvecklaren att förstå användaren och hålla fokus på att applikationen är till för användaren.
Mål för workshopen
Att få insikt i nyttan med att använda paper prototyping för utveckling av applikationer och användargränssnitt
Att få insikt i nyttan med att använda personas för att hålla fokus på användarnas perspektiv vid applikationsutveckling
Att börja utforma din applikations gränssnitt för slutuppgiften genom användning av ovanstående två tekniker
Dokumentation/redovisning
Allt material skapas under tiden för workshopen. Framtaget material ska läggas ut på sidan för slutuppgiften senast 1 vecka efter workshopen – se
instruktioner nedan.
Paper prototyping – kort beskrivning
Papper och penna används till denna workshop. Syftet med paper prototyping som teknik är att det ska vara snabbjobbat och skissartat för att
undvika att man fastnas i en viss lösning för tidigt. Lägger man för mycket tid på grafiska detaljer, detaljer i layout och funktionalitet så är risken att
man bygger fast sig i en lösning som inte är så användaranpassad och funktionell som den skulle kunna vara. Om man istället använder sig av
snabba skisser som diskussionsunderlag för att mejsla fram sin funktionella, layoutmässiga och estetiska design så minskar man risken för den
typen av fastlåsning. Personas – kort beskrivning
Personas är en teknik för att modellera användare. Den sammanfattar centrala egenskaper, attityder, behov och preferenser för användarna i den
målgrupp man riktar sig mot. Man kan ha en persona, ett par eller många personas. Antalet beror på vilken/vilka målgrupper man vänder sig till och
hur homogena/heterogena dessa grupper är. För att vara användbar behöver det vara en korrekt bild av dessa användare och man måste akta sig så
att personan inte blir en karikatyr eller stereotyp. Det ska kännas som en riktig människa för att uppfylla sin funktion som är att hjälpa till att hålla
fokus på användarnas behov och önskemål. Personan används för att att spåna kring funktionalitet och form och som ett kommunikationsredskap
för att beskriva applikationens funktionalitet och syfte från ett användarperspektiv inom utvecklingsgruppen och också med parter utanför
utvecklingsgruppen.
Arbete individuell/arbete i grupp
I de stegvisa instruktionerna nedan är det angivet att vissa moment ska göras individuellt och andra i grupp. Det innebär inte att ni inte får diskutera
och samarbete även i de individuella övningarna. Tvärt om – det är bara positivt att ni gör så i framtagandet av pappersprototyper och skapandet av
era personas. Skillnaden mellan momenten som är uppmärkta som individuellt respektive grupp är att för de individuella momenten är fokus på att
producera något (en pappersprototyp eller en persona) som är specifikt för ert eget projekt och i gruppmomenten så är fokus på diskussion och att
lära från varandra.
Särskilda instruktioner för distansstudenter
Särskilda instruktioner för distansstudenter finns längre ner på denna sida.
Instruktioner
Inledning 10 minuter – i helklass
Syfte: Beskriva upplägg och syfte för dagens workshop.
Upplägg: Efter inledningen så delas klassen in i grupper. Vi använder samma grupper som ni har i mjukvaruutvecklingskursen (för er som
inte läser denna kurs parallellt så delas ni in i en egen grupp eller placeras i en av dessa befintliga grupper). Sedan följer man instruktionerna nedan
för de olika övningarna. Lärare kommer att förflytta sig mellan grupperna och observera, svara på frågor och delta i diskussioner.
Prototyping
Steg 1.1 Paper Prototyping – rita upp gränssnittet 20 minuter – individuellt
Syfte: Presentera din applikations funktionalitet och hur gränssnittet i sin struktur och grundläggande form presenterar denna funktionalitet för
användaren.
1. Rita (penna och papper) upp skärmbilder som presenterar din applikations huvudsakliga funktioner. Stilen ska vara översiktlig och skissartad.
Skissen ska presentera funktionerna utan för mycket detaljer så att fokus blir på grundfunktionalitet och layout, hellre än på grafisk
utformning och detaljer. Vid behov kan korta beskrivande texter, pilar och liknande användas för att beskriva funktionaliteten. Formen är inte
viktig utan bara se till att få ned något på papper!
Steg 1.2 Paper prototyping – första intryck 20 minuter – i grupp
Syfte: Använda paper prototyping för att presentera och därmed kommunicera din applikationsidé till andra (och därmed samtidigt till dig själv ). Det skissartade utseendet hjälper till att hålla fokus på koncept och huvudstrukturer.
1. Presentera i tur och ordning era applikationer för varandra med era pappersprototyper som presentationsunderlag. Det ska vara korta
presentationer med fokus på de grundläggande funktionerna utan för mycket detaljer. Syftet är att ge snabb översikt för de andra i gruppen
vad er applikation är tänkt att användas för och ge återkoppling kring era första intryck till varandra.
För distansstudenter: Ladda upp din skiss som bildfil – se instruktioner nedan i avsnitt Särskilda instruktioner för distansstudenter för hur
uppladdning till Adobe Connect går till.
Personas
Steg 2.1 Personas – skapa personas 20 minuter – individuellt
Syfte: Beskriva användarna som kommer att använda din applikation för bättre förståelse för vem din användare är och för att kommunicera denna
bild av användaren till andra.
1. Välj ut 1 eller 2 bilder på personer som ska representera dina typiska användare. (Resurs –
bildgalleri: http://photobucket.com/martinspersonas Har du en tydlig målgrupp räcker det med 1 bild. Har du flera målgrupper kan du välja
ytterligare en till bild. Vi begränsar oss till högst 2 personas för denna övning, men använd gärna personas­tekniken för att fortsätta arbeta
med tekniken för att analysera och förbättra ditt gränssnitt.
2. Fundera kring vilka allmänna egenskaper som dina respektive personas har för att få en känsla för vilken typ av personer det är (så att det blir
lättare att sedan leva dig in i hur de ser på din applikation). Fyll i egenskaperna i separat persona­mall (se nedan).
3. Fundera kring vilka specifika egenskaper som är särskilt relevanta för din persona i relation till din applikation – skriv ned de viktigaste
och/eller mest utmärkande i persona­mallen.
4. Gör en bakgrundsteckning för vem din persona är. Eftersträva att göra denna beskrivning personlig så att man får en känsla för att det är en
riktig person som den handlar om (ingen karikatyr eller steretyp). Fyll i i persona­mallen.
5. Fyll i övriga fält i persona­mallen.
För distansstudenter:
Länk till persona­mallen för distansstudenter (välj ett av formaten):
Personamall i Powerpoint­format (ppt)
Personamall i Word­format (doc)
Personamall i rtf­format (funkar i alla ordbehandlare)
Notera att du bara kan ladda upp dokument till Adobe Connect som powerpoint (ppt/pptx), pdf eller bildformaten jpg och png. Använder du doc­
eller rtf­mallen så behöver du göra om denna till pdf innan du laddar upp (undvik att använda skärmdelning då det inte går att använda
ritfunktionerna då). Du kan också ta en skärmdump och ladda upp resulterande bildfil.
Steg 2.2 Personas – presentera era personas för varandra 20 minuter – i grupp
Syfte: Låta de andra lära känna din/dina persona/personas och därmed få insikt i hur du ser på din målgrupp. Också att förändra personan för att
göra det till en bättre representant för målgruppen genom den feedback som du får från de andra i gruppen.
1. Presentera i tur och ordning era personas för varandra. Kom ihåg att målet är personan ska känna som en riktig person. Diskutera gärna
personans egenskaper och huruvida det är en bra representation av målgruppen för applikationen. Uppdatera personan, lägg till eller ta bort
saker utifrån synpunkterna som kommer fram.
För distansstudenter: Ladda upp din persona som powerpoint­dokument, pdf eller skärmdump (bildfil).
Redigering
Steg 3.1 Redigering – Redigering av pappersprototyper och personas 20 minuter – individuellt
Syfte: Att modifiera pappersprototyper och personas utifrån de intryck och den feedback som ni har fått hittills.
1. Redigera dina pappersprototyper – kanske lägga till lite detaljer, ändra vissa detaljer eller ta bort vissa detaljer – och redigera din/dina
personas på liknande sätt.
Persona Walk­through
Steg 4.1 Persona walk­through – Testa din design med personas 40 minuter – i grupp
Syfte: Att testa din applikationsidé och gränssnittskoncept genom att låta personan använda din pappersprototyp. Det är en gruppövning och ni ska
utnyttja era olika perspektiv och erfarenhetsbakgrunder, men ni ska alla eftersträva att sätta er in i hur personan ser applikationen – att se
applikationen (som den representeras av pappersprototypen) ur personans ögon. Målet är att få förståelse för användarens perspektiv och att
identifiera förbättringspunkter i den konceptuella designen, i funktionsutbudet, i sättet som funktionaliteten presenteras för användaren och i
interaktionsflödet (sättet som användaren går från funktion till funktion).
1. Välj ut en av dina personas (om du har flera). Välj den som är den bästa representanten för din huvudsakliga målgrupp.
2. I tur och ordning, gör en funktionsgenomgång – även kallat walk­through – där ni tillsammans guidar en persona genom funktionerna i din
applikation. Ni ska alla eftersträva att sätta er in i personans roll och försöka se applikationen genom dennes ögon. En person i gruppen tar
huvudansvaret för att guida personan genom applikationen – och denna person ska vara någon annan än du själv när det är din applikation
som gås igenom (för att undvika den funktionella fastlåsning ditt utvecklar­ och ägandeperspektiv kan ge). Trots att det är en person som tar
huvudansvaret för att leda personan, så ska ni alla vara delaktiga – och aktiva – i denna övning genom att diskutera vad personan gör och hur
denne kan tänkas uppfatta applikationen. Ställ gärna också frågor till personan. Den som leder personan ska använd berätta­högt metoden
(talk­aloud method) som går ut på att man berättar högt vad man (i rollen som personan) tänker i varje steg. Övriga deltagare betraktar och
kommenterar.
För distansstudenter: Ladda upp nya versioner av personas och skisser för användning vid walk­through övningen.
Reflektion
Steg 5.1 Reflektion resterande tid – i grupp
Syfte: Reflektera över vad teknikerna paper prototyping, personas och personas walk­through tillför ett utvecklingsprojekt och vad det har tillfört
specifikt för din applikation.
Diskutera följande och anteckna det som gäller för din applikation (ska redovisas på sidan för slutuppgiften – se nedan):
Vilka förbättringar kan göras för att presentera funktionaliteten bättre för tänkt målgrupp?
Vilka förbättringar kan göras i applikationens funktioner (funktionsutbud)?
Vilka förbättringar kan göras för att förbättra interaktionsflödet för applikationen?
Vilka andra lärdomar kan du dra från övningen med personas och paper prototyping som kan ge förbättringar för användarupplevelsen?
Hur kan du använda dig av teknikerna paper prototyping och personas fortsättningsvis i ditt pågående projektarbete?
Dokumentation/redovisning på sidan för slutuppgiften
Syfte: Att presentera produkterna från workshopen.
På sidan för slutuppgiften ska följande presenteras:
Pappersprototypen
Framtagna personas
Sammanfattning (kortfattat – punktvis eller i löpande text) av dina reflektioner från den avslutande övningen i workshopen
Obs! Sammanfattningen ska finnas på kurssidan senast 1 vecka efter workshopen.