onsdag 30 oktober 2013

Evaluation, feedback and upcoming presentation

Under förra övningen utförde vi första utvärderingen. En annan grupp utvärderade vår low-fiedelity produkt  och på så sätt använde oss av Evaluation type; "Any Settings Not Involving Users"(Chapter 12.3 Types of Evaluation) då vi inte använde oss av riktiga användare och heller inte i den rätta kontextuella miljön.
Genom att vi följde guiden; 10 Usability Heuristics for User Interface Design och diskussionspunkterna från övningsslidsen fick vi klara riktlinjer i hur vi ska ta vidare och ändra vår design. 

På nästföljande möte gjorde vi de ändringar som behövdes i vår design.


Vi har nu lagt tillbaka historiken som en funktion i shoppinglistan och även gjort det möjligt att söka lite mer specifikt på ord, platser och butiker. På alla butiks -och platsinformationer har vi lagt till både en "hitta hit"-knapp samt en "tagg"-knapp så att man lätt ska kunna gå till kartan och se vilka platser man vill besöka utifrån informationen antingen via sökfunktionen eller via butik -och mat-knappen.

Några av de kommentarer och förslag vi fick valde vi att inte använda oss av då våra personas och fältstudier talade emot detta.

Vi har även skapat en interaktiv prototyp samt en presentation inför redovisningen den 8/11.


Hälsningar,
Cecilia, Julia, Maja, Sofia, August och Oscar

måndag 14 oktober 2013

2 new proposals based on the parallell design

Vi gjorde två nya förslag utifrån dessa två low-fiedelity prototyper som vi skapade under parallell design.
Först konstaterade vi att de appar vi gjorde under övningen är relativt lika och vi är nöjda med dess funktioner. Appen ska inte tipsa dig - Du styr appen!


Förslag 1

Högst upp ska det alltid stå var man befinner sig, “Här är du: gata/stadsdel”. Vi märkte i intervjuerna att många turister i Stockholm som vill utforska nya områden har lite dålig koll på stadsdelar vilket gör att vi ville att personer som använder appen alltid ska veta var man är.

Startskärm: Överblick av Stockholm där stadsdelar är tydligt markerade. Denna är vald från "crazy" design från paralell design.
Startskärm


Längst ner finns en navigations bar. Här beskriver vi dess funktioner (från vänster):


Karta: Våra personas, primär och sekundär, bygger på att ingen vet så mycket om Stockholm. I interjuverna så fick vi reda på att det är ganska svårt att hitta i Stockholm. En kartfunktion är därför väsentlig i vår app vilket vi noterade när vi gjorde våra functions. Ett annat problem som är med i scenariona är att hitta toaletter, bankomater och tunnelbanan, därför finns det 3 ikoner högst upp på kart-skärmen där man kan välja vad man söker och dessa high-lightas sedan på kartan. Den här delen är vald från "crazy".


Kartfunktion


SL: Baserat på våra interjuver så var Sl-systemet ganska svårt att förstå. Alma och Pontus reser även de med Sl i våra scenarion så vi anser att det är viktigt att man alltid kan komma åt den funktionen lätt. När man klickar på sl-ikonen i listen får man valet att söka resa (kan även välja transportmedel, buss/tunnelbana/promenera). Här kan man även välja att få hjälp att välja biljett genom att trycka på biljetthjälpen, vilket tar en till en separat skärm som hjälper dig med bästa biljettvalet. Den är funktionen fanns med i båda versionen, vi valde dock att behålla biljetthjälpen från förslag 1 i parallell design.

Biljett/SL-funktion
Informationsknapp: Baserad på förslag 1 i parallell design. Om man ska våga prova lite nya delar i Stockholm så vill man gärna veta lite mer om den innan man åker dit. I våra scenarion så ville både Pontus och Alma utforska nya områden. Den här funktionen hjälper dem att få en överblick var man ska.
Kartöverblick på hur stadsdelarna ligger i förhållande till varandra. När man klickar på en stadsdel så kommer man in på en informationsskärm där man kan se:
  • En kort beskrivning om stadsdelen man valt finnas
  • En ikon från stadsdelen som berättar om sina pärlor
  • En lista med ex på butiker
  • "Ta mig hit knapp" som tar en till sl-knappen. Från: nuvarande plats, till: vald stadsdel. Ingår en detaljerad beskrivning (endera tunnelbana (vilken uppgång du ska använda informeras om), buss eller gå). 

Informationsknapp om stadsdelar


Anteckningslista: Möjlighet att checka av grejer man köpt. En egenpåhittad funktion då vi själva anser att det är viktigt att komma ihåg allt man ska shoppa om man som tillexempel Alma ska köpa en ny höstgarderob. Man vill ju inte glömma något!
När man bockat i att man köpt t.ex. en tröja så kommer valet upp att fylla i vilket butik man köpt den på, möjlighet att geotagga butiken så du kan komma ihåg var butiken ligger.
Det ska även finnas en historik-knapp där alla butiker du handlat i kommer upp sorterat på populäraste först (där flest antal köp gjorts). Där kan du även klicka på butiken och få fram vad du köpt; byxor, tröja etc.
Anteckningslista
Sök-knappen placeras längst till höger ty det är en vanesak. Kunna söka på butiker, områden, gator etc. Alltid smidigt med en sökfunktion vilket vi själva fick reda på under state-of the art-analysen.. Pontus använder den funktionen i sitt scenario.

Sökfunktion

Förslag 2

I vår "mergeade" version så bestämde vi oss för att utgå från kartan (crazy version) återigen. Detta för att vi fortfarande anser att denna app ska användas "on the run", på stan. T.ex. vid behov av att snabbt hitta toalett som i scenariet. 

Vi behåller våra filterknappar i övre delen av skärmen: toalett, tunnelbanehållplatser, bankomat, sedan bestämde vi oss att flytta "city-view" knappen upp hit då vi anser att den representerar filterknapparna, denna funktion kommer i övrigt funka som innan. Dessa knappar fungerar på samma sätt som i den tidigare "craze versionen" alltså genom att markera på kartan med "pins" i respektive färg var toalett/bankomat finns nära din position på kartan. Vi vill att dessa funktioner (informationen) lättillgängligt skall visas bara genom ett knapptryck eftersom personen rör sig på stan och vill att det ska gå snabbt.


Hemskärm/Kartvy


City-view


I nedre delen av skärmen valde vi att använda oss av knappmenyn från "basic-versionen", en "där-du-är knapp", klickar du på den kommer du direkt till din position på kartan som markeras genom en symbol. Bredvid finns en "shopping-knapp", denna funktion valde vi att gå in lite extra på eftersom våra personas i sina scenarion är ute efter en viss typ av plagg de vill shoppa. Detta kom vi fram till:

Trycker man på shoppingknappen kommer du till en shopping-meny-sida med två alternativ: kläder eller mat. Denna sida tänker vi att våra personas främst kommer använda när de har en stund över och vill söka lite extra information. Du väljer ett av dessa alternativ som du vill veta mer om och så kommer två möjligheter att filtrera din sökning. T.ex: du väljer kläder, då kommer första "roll-down"menyn med möjlighet att välja genre/stil. Alma väljer vintage, eftersom hon är ute efter en vintage-klänning. Hon får sedan möjligheten att sortera sina sökningsresultat vid en annan "roll-down"meny där hon kan välja: närhet, popularitet, A-Ö, stadsdel. Alltså, hon kan få upp alla vintage-butiker nära henne, eller hela listan från A-Ö, eller på Östermalm, där hon ska befinna sig på eftermiddagen hon shoppar. På samma sätt kan du söka efter matställen och filtrera dina sökresultat efter önskemål.

Shoppinglista/Matlista med sökfunktion

 

Slutsats 

Baserat på våra två förslag kom vi fram till att bygga vidare med Förslag 1, detta för att den var lite mer utarbetat. Dock så var båda förslagen ganska lika och några funktioner som fanns med på Förslag 2 ville vi verkligen ha med på förslag 1.Vi har därför gjort en slutgiltig version som är baserad på förslag 1 men med vissa justeringar då vi önskade att göra ytterligare några modifikationer.


Final Design

Efter mycket skapande av olika Low-Fidelity prototyper i olika steg så kom vi fram till följande justeringar sedan förslag 1:
- "Du är just nu på gata/stadsdel" är bortplockad. Detta för att appen alltid används ute på stan vilket gör att det inte kan vara för mycket saker på skärmen. Det ska vara lätt och läsa allt och lätt och klicka.
- Kartan: Tillagt en sökfunktion så man snabbt kan få fram butiken på kartan. Detta är nu hemskärmen istället för stadsvyn då det viktigaste för turister är att lokalisera sig och lätt kunna komma åt kartan.
- Shoppinglistan: Historiken bortplockad då det blir för rörigt för användaren.
- Info om stadsdelar, lista på butiker bortplockad, nu är det endast info om stadsdel, ikoner "tipsar", ta-mig-hit knappen är kvar. Listan på butiker är bortplockad för våra personas snarare utgår från en stil att söka butiker än att specifikt leta efter butik. 
- Sök-knappen har ersätts med en filtreringsknapp. Sök-knappen finns nu under hemknappen (kartknappen). Nu kallas knappen "butik-knapp". Där kan man filtrera mellan kläder och mat eftersom det är de personas i våra scenarios oftast letar efter. Sedan väljer man olika typer av filter, så som "vintage", "budget", "high-end", "sport" osv. Våra personas är ute efter ganska specifika klädstilar, så som vintage eller sportiga, det gör att man vill kunna få fram dessa typer av butiker lätt. Man kan även välja sortering sedan, "avstånd", "bokstavsordning" osv. 

Detta visar dels att vår metod low-fidelity varit "lyckad" då vi utvärderat och förändrat vår design allt eftersom. 














Hälsningar,
Cecilia, Julia, Maja, Sofia, August och Oscar

söndag 13 oktober 2013

Parallell Design

Under Övning 3 fick vi i uppdrag att designa 2 stycken low-fidelity prototyper. En som var lite mer vanlig och en "galen".

Fördelen med att först göra en prototyp överlag är att det underlättar diskussionerna av idéer med intressenter av produkten och att det är bra ett verktyg för skaparna av produkten utforska designen samt diskutera olika förslag kring produkten. Prototypen hjälper till att skapa en konklusion om vad som passar och ej med avseende på designen. (Interaction Design, sid 390)

Conventional Design:
I den lite mer vanliga designen utgick vi från en startskärm (skärm 1 på bild) där det alltid ska stå var man befinner sig. Vi märkte i intervjuerna att många turister i Stockholm som vill utforska nya områden har lite dålig koll på stadsdelar vilket gör att vi ville att personer som använder appen alltid ska veta var man är.

Längst ner i appen ska alltid en list ligga som innehåller:
Karta: Möjlighet att ge vägbeskrivning samt bankomater, tunnelbana och toaletter är jämt utmärkta (skärm 2). Våra peronas primär och sekundär bygger på att ingen vet så mycket om Stockholm och toaletter verkade vara ett problem när vi intervjuade folk. Därför ansåg vi de viktigt att man lätt ska kunna komma åt dessa.
Anteckningslista med möjlighet att checka av grejer man köpt (skärm 7). En egenpåhittad funktion då vi själva anser att det är viktigt att komma ihåg allt man ska shoppa om man som Alma ska köpa en ny höstgarderob.. Man vill ju inte glömma något!
Informationsknapp om man ska våga prova lite nya delar i Stockholm så vill man gärna veta lite mer om den innan man åker dit. På informationsskärmen ska info om stadsdelen man valt finnas, en ikon från stadsdelen som berättar om sina pärlor, en lista med ex på butiker samt en "ta mig hit knapp" (skärm 5). I våra scenarion så ville både Pontus och Alma utforska nya områden. Den här funktionen hjälper dem att få en överblick var man ska.
Sl-hjälp som ger snabbaste resvägen. Man ska även kunna få hjälp med biljett -->
Pris på biljett/vilket biljett man ska ha, kopplad till sl-hjäpen. Fyll i antal dagar/resor och få fram bästa valet av biljetttyg (skärm 4) 
Baserat på våra interjuver så var Sl-systemet ganska svårt att förstå. Alma och Pontus reser även de med Sl i våra scenarion så vi anser att det är viktigt att man alltid kan komma åt den funktionen lätt.
Sökfunktion, kunna söka på butiker, områden, gator etc. (skärm 8). Alltid smidigt med en sökfunktion. Pontus använder den i sitt scenario.

Dessa funktioner ska hjälpa våra personas i att:
- Hitta ny butiker i nya områden
- Våga prova nya områden
- Veta var man ska åka om man är ute efter second hand eller annat
- Hitta toaletter/bankomater
- Få hjälp med sl:s knöliga ressystem 
- Hålla ordning på shoppingen man gör/gjort




Startskärm längst till vänster, sedan kartfunktion, sl-hjälp, biljett-hjälp
Information om stadsdelar till vänster, sedan info om specifik stadsdel,
anteckningslista med en historik-skärm till höger.

 "Extreme" Design

Den lite mer galna designen består av en startskärm med karta och nuvarande plats. Detta motiveras på samma sätt som ovan. Appen ska vara behjälplig direkt på stan och vissa huvudfunktioner ska vara lättillgängliga "on the run". T.ex. När våra personas blir snabbt kissnödiga och behöver hitta en toa.



Bild 1
Bild 2
Bild 3

Bild 1 - Startskärm
Högst upp ligger tre ikoner som man kan klicka på för att märka ut toaletter, tunnelbanestationer och bankomater på kartan. Detta görs genom färgkodade "pins"som placerat ut på det aktuella platserna.
- Toalett: Problem i scenarios och framgick i interjuver att toalett-hjälp behövs.
- Bankomater: Kan vara svårt att hitta och kontanter är fortfarande viktigt för vissa.
- Tunnelbanestationer: Från intervjuerna fick vi info om att man lätt blir desorienterad och att man då inte har koll på var tunnelbanan ligger.
- Anteckningslista: Snabbt enkelt och tillgänglig för att underlätta shoppingen.

Bild 2 - "City View"
För att få en bra överblick över stan och hjälpa turisterna att få en bättre överblick om var dom befinner sig skapade vi "City View" Här ser man en överblickskarta över Stockholm med indelning av statsdelar. För mer info om de olika statsdelarna kan man klicka på dessa för att få en översiktlig
beskrivning.

Bild 3 - "Hitta butiker"
Basert på våra personas behov av att hitta en hitta ett speciellt mode har vi utvecklat denna funktion där man kan söka på ett antal förinställda klädstilar. Söker man t.ex vintage så klickar man i det och sedan kan man välja att sortera dessa butiker på ett antal alternativ exempelvis popularitet eller närmast mig.

Slutsats

Genom att skapa två olika low-fidelity prototyper och samtidigt utgå från våra personas; primär och sekundär, scenarios och intervjuer så skapade vi en app med syfte att vara lätthanterlig i deras naturliga kontext "på stan".

Genom att utgår från våra personas och scenarios så använde vi oss av metoden Storyboarding. Detta medförde att vi fick en mer detaljerad förklaring och belägg för de olika funktionerna vardera grupperna ville att appen skulle innehåll. I kombination med att göra en low-prototype medför detta att vi som skapare enklare kan visualisera den kommande interaktion som användaren kommer att ha med appen. Därmed skapade gruppen en tydligare förståelse för hur målgruppen kan komma att använda systemet. (Interaction Design, sid 393).

Att vi använde oss av metoden low-fidelity prototype gjorde att vi kunde förändra saker enkelt och bolla tankar öppet. Detta gjorde att vi dels inte hämmade någon kreativitet, sparade tid samt höll oss på en relativt "låg" nivå, dvs gick ej in på djupet av varje funktion. Därav lyckades vi spara tid men också lyckades vi på så vis prioritera sådant som var viktigt för appen i helhet.
Som man också kan se på bilderna så använde vi oss av metoden Sketching. I Interaction Design, sid 393, tar man upp att detta ibland kan försvåra saker då många människor har problem att uttrycka sig kreativt med papper och penna, men i och med att vi har, som grupp, ett högt tak var detta ej ett problem.

Baserat på prioriteringen vi skapat under functions så skapade vi snabbknappar för att hitta toaletter, bankomater och tunnelbanestationer snabbt och enkelt vilket vi ansåg som prio ett. Utifrån detta skapade vi några funktioner som vi ansåg viktiga t.ex. Hitta kläder utifrån stil och få en överblick av stadsdelar.
De olika förslagen är ganska olika men innehåller samma funktioner.
Vi har valt att behålla alla funktioner med några mindre ändringar och jobba utifrån ett mer användarvänligt perspektiv:
Utifrån dessa så designade vi 2 nya prototyper, dessa beskrivs i ett separat inlägg här.


Hälsningar,
Cecilia, Julia, Maja, Sofia, August och Oscar

onsdag 9 oktober 2013

Functions

Gruppen är överens om att redan i detta tidiga stadium i vår designprocess så är det viktigt att vi bestämmer vilka krav vi vill ha på vår app, exempelvis vilka funktioner som vi vill ha med och hur den visuella designen ska se ut. I boken Interaction Design (chapter 10) tas vikten av att sätta krav på sin prototyp upp, t.ex. så kan detta motverka att vi senare i designprocessen upptäcker fel som blir alldeles för svåra att ändra. Ju tidigare vi upptäcker fel desto bättre!

Vi har samlat nödvändig och intressant data genom våra field studies och då fått en bild och en bättre förståelse av våra användare. Vi har genom att utgå från dessa skapat en primär och en sekundär persona (Interaction Design sid 361) samt scenarier (Interaction Design sid 374). Genom att studera dessa data har vi kunnat skapa en lista nedan med funktionella krav (Interaction Design sid 357).

Detta var ett bra sätt att jobba på, vi insåg att det faktiskt inte var shoppingen som folk behövde hjälp med, utan det var snarare aktiviteter runt omkring. Alla vi träffade när vi gjorde våra field studies hade lite svårt att hitta i Stockholm och i kommunaltrafiken. Därför är detta prioriterat väldigt högt i våra functions. Toaletter var även det ett problem som kom fram i våra interjuver, därför är även det en funktion som vi anser är viktig. Vilken miss om vi lagt ner en stor mängd tid på att designa en avancerad shoppingguide/lista och helt missat de andra viktiga funktionerna. 





 FunctionsPrimärSekundär
Kartfunktion & Vägbeskrivning11
Funktion baserat på stadsdelar*24
Info om stadsdelarna** 13
Kommunaltrafik**11
ATM**34
Kom-ihåg-lista med avcheckningsmöjligheter**23
Lista med butiker i stadsdelar22
Toalett**11

 1: Very important .......5: Not needed


*Kungsholmen/City/Söder/Vasastan/Gamla stan/Östermalm
**Ett aktivt val av användaren att få upp


Hälsningar,
Cecilia, Julia, Maja, Sofia, August och Oscar

Persona & Scenarios: Sekundär


Persona och Scenarios: Sekundär


Båda våra personas är baserade på den målgrupp vi valt att rikta in oss på. Dvs. svenska shoppingturister från mindre städer i åldrarna 15-30 år.
Utifrån interjuverna och field studies vi gjorde på stan så hittade vi på Alma och Pontus och dess scenarion. Scenariona är även de baserade på våra fieldstudies.

I det här inlägget beskrivs Pontus som är våra Persona Sekundär,
Här kan ni läsa om Alma som är våra Primary Persona.

Pontus ”Ponta” Liljegren är född och uppvuxen på
Gotland. Han är 20 år och har nu jobbat ett år på Intersport i Visby efter studenten.
Pontus bor hemma hos sina föräldrar i Visby och har sin pappas sida av släkten i Stockholm. På fritiden så spelar Pontus fotboll i det lokala fotbollslaget Visby AIK men tycker också om att sitta hemma och spela World of Warcraft med sina kompisar på kvällarna.

Även fast Pontus är bosatt på Gotland så tycker han om att komma därifrån ibland för att ha kul med sina kompisar, gå på stan och testa på utelivet på fastlandet. Pontus har nyligen träffat flickvän och känner att utseendet betyder mer än förut och har således fått upp ögonen för kläder och känner att det är bra att förnya garderoben lite då och då. Stockholm har ett klart bättre utbud än de få butikerna i Visby centrum och tillgängligheten gör att Stockholm blir det klart bästa alternativet.

Tekniska färdigheter
Erfaren hobby användare av ny teknik vilket inkluderar
både dator och mobil. Har den näst senaste modellen av Iphone
och ett väl använt 3G abonnemang.

Pontus mål: Hitta nya kläder som inte finns i Visby och samtidigt passa på att ha en bra helg med kompisarna.

Scenario 1 

Scenario: Heldag i Stockholm med kompisarna
Mål: Hitta lite nya kläder och njuta av att vara i storstaden med kompisarna

Det är en tidig lördagsmorgon och Pontus kliver upp ur sängen för att få skjuts ner till båten av sina föräldrar. Han har knappt någon packning utan tar endast med sig det viktigaste: mobil, plånbok, nycklar och ett ombyte. På båten möter han upp sina kompisar och efter en lugn start på båten börjar de diskutera hur de ska lägga upp sin vistelse i Stockholm. De kommer fram till att de ska lämna väskorna på centralstationen för att sedan bege sig ut för att göra stan och se vad som finns. Väl framme i stan känner sig grabbarna hungriga och vill äta innan de börjar titta i affärer. Pontus tar upp sin nya app och genom några få knapptryckningar har han en lista på varierande matställen nära deras position. Grabbarna kommer fram till att de är sugna på tacos och får en vägbeskrivning till närmaste Taco Bar. När de har käkat beger de sig till sina ”standardaffärer” som de alltid kollar när de är i Stockholm. Efter några timmars stövande har de hittat det mesta de var ute efter men innan de åker hem vill de kika på någonting nytt. Pontus tar upp sin nya app och söker på ”modernt herrmode”, han får upp ett antal närliggande affärer med beskrivningar, han diskuterar alternativen med sina kompisar och de bestämmer sig för att gå till nyöppnade ”Volt” som ligger ett kvarter bort


Scenario 2

Scenario: Shoppingweekend i Stockholm med kompisar
Mål: Ha en rolig helg med ”polarna” och kanske hitta lite nya kläder

Pontus och hans kompisar anländer till Stockholm centralstation. De har varit i Stockholm förut och är har tänkt att använda sig av den smidiga tunnelbanan. De är dock osäkra på vad för sorts biljett de skall köpa. Pontus tar upp sin nya app och kan där välja det datumintervall vistelsen sträcker sig över och får upp de bästa resebiljettsalternativen.

Mitt under besöket på Weekday blir en av Pontus kompisar akut kissnödig. Grabbgänget som har tänkt att åka hem inom en timma hetsar kompisen att hålla sig. Pontus vet dock hur jobbigt det är att shoppa kissnödig och minns att när han använde sin app senast såg han en flik för närmaste toalett, han rycker upp mobilen för att rädda situationen. Precis som han mindes så fanns en funktion för att hitta närmaste toalett, han hittar snabbt en gratistoalett runt hörnet. Pontus kompis springer iväg och kommer tillbaka några minuter senare medans kompisgänget fortfarande står i kassan och ska betala. Nöjd och redo för att återuppta shoppingen tackar han ”Ponta” för hjälpen.



Hälsningar,
Cecilia, Julia, Maja, Sofia August och Oscar