Download - 30 Seconds App

Transcript
Page 1: 30 Seconds App

1

OntwerpdOcument

Klas Docent

Datum

DieDeriK van aalstJerremy De Jongh

Pieter schouten

JDE-D08Marvin Fernandes22-01-2013

162485916241911618178

Page 2: 30 Seconds App

2

1 IntrOductIe Briefing Leden Inleiding

2 OnderzOek Onderzoeksmethoden Doelgroep Technisch&Visueelonderzoek

3 cOncept4 VerantwOOrdIng eIsen/wensen5 persOnas6 scenarIOs7.1 use cases 7.2 FlOwchart8 VOOrstel testplan9 schetsen/ wIreFrames Aschetsen Bopstarten CVriendenuitnodigen DBeeldbellen ESpeelbord

InhOud10 testFase #111a testFase #2 Usability Test

11B testFase #2 Data Requirement Test

12 VerwerkIng Van FeedBack13 releVante testpersOnen14 taakVerdelIng15 plannIng

4

5

88

101415171819

3846

54

57

58

5960

Page 3: 30 Seconds App

3

BrIeFIngBinnen Project Interactive gaan jullie werken aan het ontwikkelen van een app. Binnen de opdracht is er de mogelijkheid om voor twee opties te kiezen. Een educatieve app voor kinderen van de basisschool of een bestaand bordspel omzetten naar een “online multiplayer game” app. Er moet gebruik worden gemaakt van de gangbare pixelformaten voor smartphone of tablet.

ledenOns projectteam bestaat uit Diederik van Aalst, Pieter Schouten en Jerremy de Jongh.Diederik is binnen ons project de technical designer.Pieter is binnen ons project de visual designer.Jerremy is binnen ons project de content designer.

InleIdIngVoor het project interactive hebben wij gekozen om een bestaand bordspel om te zetten naar een multiplayer bordspel. Na veel brainstromen en onderzoeken naar interessante bordspellen zijn wij uitgekomen bij het “30 seconden spel”. Het is een spel dat snel verloopt en is daarom voor ons erg interessant om er een applicatie van te maken.

1 IntrOductIe

Page 4: 30 Seconds App

4

OnderzOek prOtOtYpIng tOOlEen van de eerste taken binnen het project was het onderzoek naar een passende prototyping tool. Geen enkel lid van ons team was bekend met enig prototyping tool. We hebben ons zonder kennis er ingestort. Hieruit bleek dat de prototyping tool Axure erg gebruiksvriendelijk is en technisch goed. We hebben daarom vrij snel besloten om in Axure de eerste test schermen te ontwerpen. Het resultaat hiervan was goed en onze prototyping tool was een feit. Hieronder een lijstje van tools welke wij ook overwogen hebben. • www.balsambique.com• www.proto.io• www.axure.com• www.justinmind.com• www.keynotopia.com

OnderzOek dOelgrOepNatuurlijk heeft de app ook een doelgroep. Het concept zelf is erg breed en richt zich op mensen vanaf 16 jaar en ouder. Natuurlijk heeft onze doelgroep een iPhone waar hij of zij de 30 seconds app speelt. Ook houdt hij of zij van bordspellen en/of mobiele games die samen met vrienden gespeeld worden.

OnderzOek/deskresearchIn een vroeg stadium zijn we begonnen met een onderzoek naar diverse elementen binnen verschillende iPhone apps. iPhone apps die vergelijkbare elementen bevatten die bij de ‘30 seconds’ app pasten.

accOunt InstellIngenOmdat we willen werken met persoonlijke accounts zijn we op zoek gegaan naar bepaalde elementen die altijd terug komen op deze pagina(‘s). Welke zijn belangrijk en welke zijn niet relevant genoeg om weg te laten.We hebben de conclusie kunnen trekken dat men, naast het de standaard instellingen als e-mail, profielnaam, wachtwoord, eigenlijk altijd zijn eigen profielfoto kan wijzigen. Daarnaast vinden wij het zelf ook belangrijk dat de spelers van het spel hun eigen account kunnen personaliseren zodat men een eigen identiteit kan creëren binnen het spel.

2 OnderzOek

Page 5: 30 Seconds App

5

VrIenden(lIjst)In onze app is de mogelijkheid om met je vrienden te spelen een belangrijk onderdeel. Daarom zijn we op zoek gegaan naar vergelijkbare schermen van andere apps. We wilden te weten komen hoe deze apps dit onderdeel verwerkt hebben binnen de app.

We zijn erachter gekomen dat deze lijst in de meeste gevallen in een verticale lijst geplaats wordt. Ook is de mogelijkheid om vrienden toe te voegen altijd aanwezig.

hOOFdmenuHet hoofdmenu is de basis van de

app. Vanuit dit scherm kun je naar elk onderdeel van de app navigeren. We hebben gekeken naar diverse apps. Ook naar de apps die qua thema niet aansluiten bij de 30 seconds app. Maar het gaat dan ook om het menu alleen en elke app heeft een hoofdmenu. Wat ons is opgevallen bij het onderzoeken is dat er erg veel verschillende soorten menu’s te vinden zijn. Verschillend in de zin van opmaak. De 1 is tekstueel maar de ander is dan weer erg visueel met icoontjes. Ook kom je de combinatie vaak tegen. In onze app gaan we binnen het menu gebruik maken van duidelijke tekstuele buttons. Binnen het spel zelf gaan we hoofdzakelijk gebruik maken van iconen.

Page 6: 30 Seconds App

6

BraInstOrm sessIeNa de beslissing dat we de app gaan maken voor het spel ’30 seconds’ zijn we met het team rond een vel papier gaan zitten. We zijn gaan brainstormen over alles waar we aan dachten bij het spel. Natuurlijk hebben we de iPhone er bij betrokken, welke functies kunnen van toepassing zijn bij de app en welke functies heeft de iPhone überhaupt.De uitkomst van deze brainstorm sessie heeft ons naar de functie beeldbellen geleidt. Deze functie zal nu de basis vormen van het spel element van ’30 seconds’.

FIeld studIesWe hebben met het hele team het spel uitvoerig getest. Hieruit is voortgekomen dat bepaalde functies waarschijnlijk weggelaten kunnen worden omdat deze functies de snelheid van het spel niet bevorderen. Vooral niet op de smartphone. De smartphone gebruiker wilt hedendaags niet lang wachten. Je kunt wel stellen dat de gebruiker erg ongeduldig is waardoor elke tijdwinst is meegenomen.

YouTubeSpeluitleg:http://bit.ly/UULTHD

geBruIkte BrOnnen30 seconds online speluitleg (www.spellenrijk.nl) 10-08-2011Geraadpleegd op 15-12-2012http://www.youtube.com/watch?v=GDJ0MkzSyec

Page 7: 30 Seconds App

7

3 cOnceptenwIe Ben Ik?!Het spel wordt gespeeld met twee spelers. Iedere speler heeft een bord met 24 plaatjes van portretten van personen die naar beneden geklapt kunnen worden. De personen op de kaartjes hebben uiteenlopende kenmerken, maar van ieder kenmerk zijn er meerdere te vinden op het bord (bijvoorbeeld een paar mensen met bril, een paar met rood haar, een paar met een snor, etc.). Onder de portretten staat de naam van de personen.

30 secOndsIs een spel waarbij twee teams of spelers afzonderlijk namen en woorden beschrijven. In de ‘alleen- modus’ worden de hints gemaakt door de computer. De speler heeft meerdere antwoordmogelijkheden om uit te kiezen.In de ‘samen-modus’ geeft een teamlid uit het zelfde team hints en moet het andere teamlid het antwoord raden.Het doel van het spel is om als team/individu als eerste de finish te bereiken door in elke ronde van 30 seconden zoveel mogelijk begrippen en/of namen te raden.

Omdat wij in het concept van ’30 seconds’ de unieke functie beeldbellen perfect konden plaatsen hebben we voor dit concept gekozen. Beeldbellen zal een essentieel onderdeel zijn binnen het spelelement van ’30 seconds’.

4 reQuIrementsFunctIOneel• De applicatie is te gebruiken op het Wi-Fi of 3G netwerk.• Voor optimaal gebruik is 4G netwerk vereist.• Het menu dient 4 knoppen te hebben.• De speler moet binnen 4 stappen een spel kunnen starten.• De verbinding van de speelronde moet binnen 5 seconden tot stand

komen.• De iconen van de applicatie moeten herkenbaar zijn voor elke

gebruiker.• De iconen van de applicatie moeten allemaal in 1 balk zitten.• De loop richting op het bord moet helder zijn.• De gebruiker heeft twee keuzes bij het aanmaken van een

account(via e-mail/via facebook).• De gebruiker moet een duidelijk overzicht hebben van zijn positie

op het bord.• De gebruiker moet duidelijk zien of het antwoord goed of fout is.• De gebruiker krijgt bij zijn eerste keer opstarten automatisch de

spelregels te zien.• De gebruiker heeft de mogelijkheid om de speluitleg over te slaan

na de eerste keer opstarten.• De gebruiker moet de mogelijkheid hebben om een vriend uit te

nodigen via de vriendenlijst.• De gebruiker moet de mogelijkheid hebben om een persoon uit te

nodigen door zijn gebruikersnaam op te zoeken.• De gebruiker moet de mogelijkheid hebben om berichten te sturen

aan andere gebruikers.• De gebruiker moet de mogelijkheid hebben om zijn medespeler op

te roepen om een speelronde te spelen.• De gebruiker moet meer informatie kunnen bekijken over andere

spelers.

Page 8: 30 Seconds App

8

data• Het systeem moet spelers(vrienden) aan elkaar koppelen.• Het systeem moet aangeven wanneer een speelronde begint.• Het systeem moet aftellen voor de speelronde begint.• Het systeem moet een geluidssignaal geven voordat de speelronde

begint.• Het systeem moet een geluidssignaal geven wanneer de speelronde

bijna voorbij is.• Het systeem moet aangeven doormiddel van trillen dat de

speelronde bijna voorbij is.• Het systeem moet aangeven of het antwoord goed of fout is.• Het systeem moet het aantal goede antwoorden onthouden.• Het systeem moet de pion verplaatsen op het bord aan de hand

van het aantal goede antwoorden.• Het systeem moet de statistieken van de spelers kunnen tonen.• Het systeem moet de resultaten van de speler koppelen aan zijn

profiel.• Systeem moet de mogelijkheid bieden om via Facebook in te

kunnen loggen.• De applicatie kan de data automatisch bijwerken.• Bijwerken van de data wordt gedaan door middel van Wi-Fi of

3G/4G.• Systeem werkt het beste op Wi-Fi of 3G/4G.

OmgeVIng• Social

• De applicatie moet overal te gebruiken zijn. • Voor optimaal speelplezier dient de applicatie in een rustige ruimte gebruikt te worden.• De applicatie moet je vriendenlijst kunnen tonen.• De gebruiker moet de applicatie als iets leuks en positiefs zien.

• Physical• De gebruiker moeten minimaal een iPhone 4 hebben.

• Technical• Je moet een camera voorop de telefoon hebben.• De gebruiker moet de beschikking hebben over Wi-Fi of het 3G/4G netwerk.• Je moet vrienden hebben die je uit kunt nodigen om de speelmodus “Samen” te kunnen spelen.

Page 9: 30 Seconds App

IsaBella 31 jaar

Woonachtig in PurmerendParttime medewerker ServiceDesk (16pt)

Isabella is een getrouwde vrouw van 31 jaar. Ze is getrouwd met Erwin en samen hebben ze een zoontje genaamd Ivo. Isabella werkt 4 dagen in de week halve dagen zodat zij in de middag thuis kan zijn bij Ivo.

Isabella is een moderne moeder. Ze heeft een iPhone 4s en gebruikt deze voornamelijk voor contact met haar man en vrienden/vriendinnen. Sinds een half jaar speelt Isabella ook games als Wordfeud en Ruzzle op haar telefoon. Dit doet ze voornamelijk met haar eigen vriendinnen.

Isabelle is een echt gezelligheidsmens. Twee keer in de maand heeft ze met haar vriendinnen een zogenaamd ‘’vrouwen avond’’. Op deze avonden gaan ze gezellig uit eten, spelen ze oude spelletjes van vroeger als Ganzenborden en Triviant. Dit alles gebeurt natuurlijk onder het genot van een hapje en een drankje.

5 persOna’s

Page 10: 30 Seconds App

jan peter 22 jaar

Woonachtig in UtrechtStudent informaticaParttime medewerker EssoTankstation (8pt)

Jan Peter is student, hij heeft een kamer in Utrecht. Sinds kort heeft hij ook een vriendin genaamd Iris. Ze zien elkaar niet erg veel omdat Iris op kamers woont in Rotterdam. In het weekend zijn ze vaak samen. De ene week is Jan Peter in Rotterdam de andere week is Iris in Utrecht. Op donderdag is Jan Peter vrij van school en werkt hij bij het tankstation ‘Esso’.

Jan Peter is een moderne jongen die veel gebruikt maakt van nieuwe technologieën. Zo bezit hij een iPhone 5 en een iPad. Verder is hij altijd goed op de hoogte van de nieuwste trends op het gebied van techniek.

Jan Peter heeft veel contact met zijn vrienden via zijn telefoon. Hij heeft weinig tijd naast zijn studie en werk om met zijn vrienden af te spreken. Zo gebruikt hij regelmatig Facetime om met zijn vrienden te bellen. Op deze manier heeft hij toch het gevoel zijn vrienden regelmatig te zien.

Ongeveer 2 keer in de maand spreken Jan Peter en zijn vrienden af om iets leuks te doen. Meestal ontmoeten ze elkaar op donderdag avond in de kroeg om gezellig bij te praten onder het genot van een drankje.

Page 11: 30 Seconds App

arIe57 jaar

Woonachtig in VianenFulltime medewerkerICT (40ft) Arie is een getrouwde man van 57. Hij is getrouwd met Els en samen hebben zij een dochter van 19 jaar. Arie werkt als ICT-er bij een groot telecom bedrijf. Hier werkt hij al ruim 30 jaar en heeft zich gaande weg ontwikkeld en omhooggewerkt binnen het bedrijf.

In het weekend is hij voetbaltrainer bij het eerste elftal van de plaatselijke amateurvereniging “the Soccerpro’s”. Door zijn hobby is Arie veel in contact met jongeren en krijgt hij veel mee van hun interesses. Daarnaast is zijn dochter zeer actief op ‘Whatsapp’ en ‘Skype’. Arie heeft mede daardoor recentelijk een iPhone 4 aangeschaft. Met zijn smartphone heeft hij veel contact met collega’s en vrienden via “Whatsapp”.

Arie houdt van een biertje aan de bar na een training of wedstrijd. Op zijn werk heeft hij veel vrijheid, hij werkt vaak vanuit huis en speelt regelmatig spelletjes op zijn laptop. Sinds hij een iPhone 4 heeft speelt hij hier ook regelmatig spelletjes op.

Page 12: 30 Seconds App

12

Page 13: 30 Seconds App

13

6 scenarIOsscenarIO #1Arie is thuis gezellig een potje 30 Seconds aan het spelen met zijn dochter. Ze zijn bij ronde 3 en lopen voor op hun tegenstanders, maar onverwachts krijgt Arie een Whatsapp van zijn vrouw dat hij dringend naar de supermarkt moet voor een pak melk. Arie speelt nog even snel de derde ronde met zijn dochter en druk op de ‘close-knop’, zijn dochter krijgt een notificatie dat haar medespeler heeft gepauzeerd en dat het spel op een later punt hervat kan worden. Arie haast zich naar de supermarkt en koopt snel een pak melk. Eenmaal terug start hij de 30 Seconds-app weer op en klikt hij op het ‘buzz-icoon’ en stuurt een notificatie naar zijn medespeler. Zijn dochter accepteert de vraag om het spel te hervatten en ze gaan weer verder waar ze gebleven waren. Ze spelen het spel uit tot de finish en krijgen uiteindelijk een scherm te zien met de resultaten van de tegenstanders. Arie en zijn dochter hebben gewonnen, ze waren twee beurten sneller dan hun tegenstander en kunnen een winst bijschrijven bij hun statistieken.

scenarIO #2Jan Peter is een spel 30 Seconds aan het spelen met een huisgenoot die 2 deuren verder zit. Ze zijn goed op weg en zitten midden in een spelronde, om precies te zijn hebben ze nog 17 seconden te gaan en hebben al 3 woorden geraden. Plotseling wordt Jan Peter gebeld door zijn vader. Maar Jan Peter krijgt hier op dit moment geen melding van. Zijn vader daarentegen wel, hij krijgt een bezet toon. Hierdoor kunnen Jan Peter en zijn huisgenoot rustig doorspelen zonder gestoord te worden. Als de ronde voorbij is krijgt Jan Peter een bericht boven in zijn scherm dat hij een gemiste oproep heeft.

Page 14: 30 Seconds App

14

7.1 usecases

case: VrIend uItnOdIgen knelpunten & OplOssIngen

knelpunten VrIenden uItnOdIgenDe knelpunten die wij hebben gevonden in deze use case zijn als volgt: 1. degebruikerheeft(nog)geenvriendeninzijnvriendenlijst2. despeleraccepteertdeuitnodigingniet

OplOssIngen VrIenden uItnOdIgenDe oplossingen die wij voor bovenstaande problemen hebben gevonden zijn als volgt: voor de gebruikers die geen vrienden in hun vriendenlijst hebben staan hebben we de functie ‘uitnodigen op gebruikersnaam’ ingevoegd. Verder hebben we de gamemode ‘Alleen’ toegevoegd, hier speel je tegen de computer. Je kan zelf instellen hoeveel tegenstanders je hebt en wat de moeilijkheidsgraad is. Wanneer de medespeler de uitnodiging niet accepteerd zal er geen nieuw spel worden toegevoegd aan de lijst.

Page 15: 30 Seconds App

15

knelpunten rOndesDe knelpunten die wij hebben gevonden in deze use case zijn als volgt: 1. degebruikerwordtgebeld2. medespelerstopt/telefoonvaltuit3. tegenstandersreageren/spelennietmeer

OplOssIngen rOndes

De oplossingen die wij voor deze problemen hebben gevonden zijn als volgt: wanneer de gebruiker wordt gebeld tijdens het beeldbellen krijgt de beller een bezettoon en kan een bericht inspreken. Wanneer de gebruiker wordt gebeld buiten het beeldbellen om, dus tijdens het bekijken van het bord, zal de gebruiker gewoon op kunnen nemen. Het spel zal dan worden gepauzeerd en de gebruiker kan later het spel hervatten door een ‘Buzz’ te sturen naar zijn medespeler. Bij deze buzz-functie houdt in dat de gebruiker een notificatie stuurt naar zijn medespeler, in deze notificatie staat dat de gebruiker weer klaar is om te spelen. De medespeler kan deze dan accepteren en het spel wordt weer hervat waar zij gebleven waren.

Wanneer een medespeler stopt of wanneer zijn telefoon uitvalt tijdens het beeldbellen zullen de goed beantwoordde antwoorden worden onthouden. Het beeldbellen zal worden afgesloten zoals gewoonlijk en de pion wordt verschoven. Hierna zal het spel worden gepauzeerd zoals hierboven ook is beschreven. De handelingen die erna volgen om het spel weer te herstarten zullen hetzelfde zijn.Wanneer tegenstanders niet meer reageren of spelen zullen deze spellen na een bepaalde tijd komen te vervallen. De gebruikers krijgen dan een winst op hun naam geschreven.

case: spelrOnde

Page 16: 30 Seconds App

16

7.2 FlOwchart

Page 17: 30 Seconds App

17

8 VOOrstel testplanwatDe elementen die wij willen gaan testen zijn:1. beeldbellen2. hetspeelbord3. deverbindingssnelheidvanFaceTime

wIeHet beeldbellen willen we met testpersonen testen die aan onze doelgroepomschrijving voldoen. Dit moeten dus personen zijn die 16 jaar en ouder zijn, in bezit zijn van een smartphone en die houden van spelletjes op hun telefoon of bordspellen. Het speelbord kan door iedereen getest worden omdat het hier alleen over usability gaat. Hier is een link tot de doelgroep niet relevant.De verbindingssnelheid kunnen wij zelf testen, het is niet nodig om dit iemand anders dit te laten doen.

waarOmHet beeldbellen willen wij testen omdat dit een unieke feature is wat nog niet in andere games is te vinden. We willen daarom te weten komen of alles soepel verloopt en wat de gebruiker ervan vindt.Het speelbord willen wij testen omdat we willen weten of de looprichtingen en de iconen op het bord duidelijk zijn.De verbindingssnelheid willen we testen omdat we willen weten of dit spel überhaupt wel realiseerbaar is met het 3G netwerk en of de verbinding snel tot stand komt.

waarHet beeldbellen zal getest worden in een rustige ruimte.Het speelbord zal online worden getest door middel van een enquête.De verbindingssnelheid zal getest worden in een ruimte waar een Wi-Fi netwerk beschikbaar is.

wanneer Het beeldbellen zal tijdens testfase 1 worden getest.Het speelbord en de verbindingssnelheid zal tijdens testfase 2 worden getest.

hOeHet beeldbellen gaan we testen doormiddel van FaceTime en zelfgemaakte kaartjes met begrippen en keuzemogelijkheden. We laten twee testpersonen een ronde van 30 seconden spelen tegen elkaar via FaceTime. De elementen die normaal op de iPhone zelf staan maken we op kaartjes en houden die bij de iPhones.Het speelbord gaan we testen door middel van een enquête, in deze enquête zal de respondent verschillende spelsituaties te zien krijgen. Wij zullen hen dan vragen om uit te leggen wat zij zien en wat ze denken dat sommige iconen betekenen.De verbindingssnelheid gaan wij testen door een aantal keer verbinding te maken met twee iPhones via FaceTime. We zullen met een stopwatch de tijd bijhouden en dit noteren. Zo zullen wij een duidelijk overzicht krijgen hoelang het duurt om te verbinden van iPhone naar iPhone.

Page 18: 30 Seconds App

18

schetsen & wIreFramesBelangrIjkste schermena schetsenB Opstartenc VrIenden uItnOdIgend BeeldBellene speelBOrd

9

Page 19: 30 Seconds App

19

a schetsenspelrOnde

Page 20: 30 Seconds App

20

Page 21: 30 Seconds App

21

schets spelmOdes

Page 22: 30 Seconds App

22

Van spelBOrd naar prOFIel VrIenden uItnOdIgen VOOr spel

OptIe 1 (2Vs2)

Page 23: 30 Seconds App

23

OptIe 2 (Free FOr all)

Page 24: 30 Seconds App

24

schets InstellIngen

Page 25: 30 Seconds App

25

schets prOFIel aanpassen

Page 26: 30 Seconds App

26

Page 27: 30 Seconds App

lOadIng speluItleg 1 speluItleg 2

B Opstarten

Page 28: 30 Seconds App

speluItleg 3 speluItleg 4 hOme scherm

Page 29: 30 Seconds App

c VrIenden uItnOdIgen

hOme scherm nIeuw spel samen

tOeVOegen

Page 30: 30 Seconds App

manIer Van tOeVOegen

VrIend selecteren

tOegeVOegd

Page 31: 30 Seconds App

speelBOrd start rOnde

d BeeldBellen

Page 32: 30 Seconds App

1

1

Verbinding maken...

Verbinding maken...

3

3

2

2

VerBIndIngmaken

cOuntdOwn3

cOuntdOwn2

cOuntdOwn1

VerBIndIngmaken

cOuntdOwn3

cOuntdOwn2

cOuntdOwn1

Page 33: 30 Seconds App

Gerard Joling

Gerard Joling

Amsterdam

Amsterdam

Doetinchem

Utrecht

Arnhem

Amsterdam

Amsterdam

Gerard Joling

Gerard Joling

Gordon

Hans Klok

Evert ten Napel

BegrIp #1 BegrIp gOedgeraden

BegrIp #2 BegrIp FOutgeraden

antwOOrdmOgelIjkheden

BegrIp gOedgeraden

antwOOrdmOgelIjkheden

BegrIp FOut geraden

Page 34: 30 Seconds App

Koe

Hond

Papagaai

Kat

Koe

Koe

Hond

Papagaai

Kat

Koe

STOP

STOP

BegrIp #3 tIjd BIjna Om

de tIjd Is Om

antwOOrd- mOgelIjkheden

tIjd BIjna Om

de tIjd Is Om

Page 35: 30 Seconds App

speelBOrd pIOn Verzetten

e speelBOrd

Page 36: 30 Seconds App

36

spelers chat

Page 37: 30 Seconds App

37

testFase #1BeeldBellenuser experIence10

Page 38: 30 Seconds App

38

a test en eValuatIeplanwIeBij test nummer 1 hebben we ervoor gekozen om de hoofddoelgroep als testpersoon te gaan nemen. Wij verwachten namelijk dat de hoofddoelgroep gaat bestaan uit mensen met de leeftijd tussen de 16 tot 28 jaar, die in bezit zijn van een smartphone en houden van het spelen van spelletjes. Binnen deze groep willen wij ongeveer 10 personen testen.

watDeze mensen hebben het spelelement ‘beeldbellen’ getest. Binnen dit element hebben zij een volledige ronde van 30 seconden gespeeld. De ronde bevatte twee taken: de ‘rader’ en de ‘omschrijver’. Een testpersoon was de ‘omschrijver‘, deze moest de begrippen omschrijven. De andere testpersoon was de ‘rader‘, deze moest het begrip proberen te raden.

waarDeze test is afgenomen in een rustige ruimte waar zij optimaal gebruik konden maken van de functie ‘beeldbellen’. Beide testpersonen (rader en omschrijver) waren uiteraard op verschillende locaties.

waarOmOnderzoeksvragen1. Hoe efficiënt is de functie beeldbellen?2. Werkt de functie beeldbellen goed genoeg?3. Waren de spelrondes lang genoeg?4. Was de interactie duidelijk?5. Hoe hoog is de moeilijkheidsgraad?6. Wat vinden de testpersonen van het concept?

hOeOm de functie beeldbellen te testen hebben wij gebruik gemaakt van de functie ‘FaceTime’ van Apple. Daarnaast hebben wij de begrippen en de keuzemogelijkheden genoteerd op verschillende stukken papier. Deze worden onder de iPhone gehouden tijdens het beeldbellen. Bij elk gegeven antwoord werd het papiertje gewisseld naar het volgende papiertje. Hierbij heeft de omschrijver een begrip op zijn papier staan en de rader had daarentegen vier verschillende antwoorden om uit te kiezen.

Vastleggen resultatenDe volledige test is gefilmd door 2 camera’s, hierbij zijn audio en video opgenomen. Deze zijn later naast elkaar gezet zodat de interactie duidelijk zichtbaar is geworden.

Page 39: 30 Seconds App
Page 40: 30 Seconds App

40

B resultaten Na de testronde hebben we de testpersonen de volgende enquête voorgelegd:

Je hebt net het onderdeel ‘beeldbellen’ van het 30 seconden spel gespeeld. Hierbij was een omschrijver, degene die de begrippen omschreef, en een rader, degene die de antwoorden gaf. Hieronder hebben we een korte feedbacklijst opgesteld. Graag vragen we je om deze zorgvuldig in te vullen.

OmschrIjVerWat was de moeilijkheidsgraad van de begrippen?1. Sommigebegrippenkwamenmenietbekendvoor2. Goedtedoen.Demeesteweetjegewoonwat/wiehetisenvallen

goed te omschrijven. Ik denk dat je de moeilijkheidsgraad zelfsnogwelwatkanverhogen,datgeeftmisschiennogwelwatmeeruitdaging.

3. Medium.

Wat vond je van de duur van een ronde?1. ikvondheteengoededuurhebben.2. Goed,ikvondhetfijndathetsnelging.3. Bestkort

Zou je dit spel met onbekenden willen spelen?1. Ja,maardatjediegenelivezietisdanwatminder.2. Hm,datlijktmeweleenbeetjeraarommetiemanddiejenietkent

dattedoen.Misschienzijnermensendieermisbruikvanmaken?(denkaanchatroulette).

3. Nee

Wat vind je van het concept beeld bellen in dit spel?1. Leukbedachtenergorigineel.2. Leuk,maarwelrekeninghoudenmethetlaatsgenoemde.3. Leuk,vernieuwend.

Vond je het makkelijk om dit spel te spelen via het ‘beeld bellen’?1. Ja2. Ja, de kwaliteitwasgoedendeomgeving rustig. Ikweet alleen

nietoferveelvanzulkegelegenhedenzijn.Alsjebijvoorbeeldinjeeentjeindetreinzit,zalikhetmindersnelspelenomdatjehardopmoetpraten.

3. Ja,maarhetzouinprincipeookmetalleengeluidkunnen.

Was de interactie duidelijk?1. Jadiewasduidelijkaanwezig.2. Ja3. Ja, al kwam ik er later pasachter datmijn teamgenoot ook vier

antwoordenkreegtezien.

Geef aan wat je onduidelijk vond van het beeld bellen?1. Somskonjedeanderepersoonnietgoedverstaan.2. Vrijweinig.3. Wanneerwebegonnen.

Zou je dit spel zelf op je iPhone willen spelen?1. Ja2. Ja3. Nee,ikhebgeeniPhone.

Kun je verbeterpunten noemen?1. Misschientipsdiejenogmeerkangeven,zonderhetzelfhelemaal

tebedenken.2. Misschiennadenkenoverdatdegebruikeralleenmetpersonendie

hij/zijzelfkiestkanspelen.3. Duidelijkmakenwanneerereengoedeverbindingis.

Page 41: 30 Seconds App
Page 42: 30 Seconds App

42

raderWaren de keuze opties relevant?1. Ja,hetwarenallemaalgerelateerdeantwoorden.2. Ja.behalveeilandbijdevraagoverIerland.3. Ja,jewistalwelgelijkwathetonderwerpwasenwarensommige

hintsvandeomschrijvernietmeernodig.

Wat vond je van de duur van een ronde?1. Vrijkort,voordatikhetdoorhadwasderondealweervoorbij.2. Tekort.3. Preciesgoed.

Zou je dit spel met onbekenden willen spelen?1. Ja ik denk hetwel, tenminste.. Ik zou niet snel beeld bellenmet

anderegebruikers.2. Ja,maarweetnietofhetdanheelhandig ismet facetime.(vieze

smerigeoudeventjes).3. Nee

Wat vind je van het concept beeld bellen in dit spel?1. Grappig,alleendenkikdathetnietfunctioneelis.2. Vernieuwend.3. Leukmaarhetkanookalleenmetgeluidhebeigenlijkhelemaalniet

naardeanderepersoongekeken.

Vond je het makkelijk om dit spel te spelen via het ‘beeld bellen’?1. Ja, door middel van non-verbale houdingen kunnen de vragen

wordenversterkt.2. Ja3. Ja

Was de interactie duidelijk?1. Zekerweten.2. Ja3. Ja

Geef aan wat je onduidelijk vond van het beeld bellen?1. Inmijnogenwaserniksonduidelijksaanhetbeeldbellen.2. Jemoet allebei goed opletten en goed te verstaan zijn. Dat kan

misschienvoorproblemenzorgen.3. Waaromwaserbeeldbellen?

Zou je dit spel zelf op je iPhone willen spelen?1. Hetspelzelfvindikergleuk,defunctiebeeldbellenmaakthetextra

leuk.Ikzouhetspelletjezelfwelkunnenspelen.2. Ja3. Ja

Zijn er volgens jou nog eventuele verbeterpunten?1. Ikkanniet1-2-3opeenverbeterpuntkomen.2. Eh, wat langere tijd zou handig zijn. Voor 1 vraag is het ruim

voldoende,maarvoormeerderevragenwordthetwatkrap.3. Datjejougeluidkuntopnemenin10secendatdetegenspelerdan

nahetluisteren5secheeftomhetantwoordtegeven.

c cOnclusIe Uit de uitgevoerde user experience test is gebleken dat de gebruiker:• Deproefpersonenzoudenditspelwelmetvreemdenwillenspelen

maardannietmethetelement‘beeldbellen’.• Deduurvaneenspelrondevondmenoverhetalgemeenprecies

goed.Hetbiedtdespelerextraspanning.• Eenenkelingleekhetookhandigdatjedespeelrondeskonopnemen

zodat het op een later tijdstip door demedespeler geraden konworden.

Onze eerste insteek was dat het systeem een medespeler voor je zocht, dit kon ook een vreemde zijn. Maar mede door de reacties en de uitslagen van deze test hebben we besloten om het element ‘beeldbellen’ alleen met vrienden te kunnen doen. Wanneer je met vreemden wilt spelen zal de optie ‘beelbellen’ niet meer aanwezig zijn.

Page 43: 30 Seconds App

43

d Ontwerp BeslIssIngenspelen met VrIendenUit de test is gebleken dat men enthousiast was over het spel. De testpersonen gaven aan liever alleen met vrienden te willen beeldbellen en niet met onbekenden. Dit heeft ons doen besluiten om de functie beeldbellen alleen beschikbaar te maken voor vrienden. In de gamemode ‘alleen’ wordt er een willekeurige tegenstander gekozen, het spel zal dan zonder de functie beeldbellen gespeeld worden.

BeIde teams spelen Op hetzelFde mOmentZelf zaten we te dubben over de snelheid van het spel. In de eerste versie moesten de teams op elkaar wachten tijdens de spelrondes van 30 seconden. Eigenlijk is dit nergens voor nodig, beide teams kunnen tegelijkertijd hun ronde spelen. Wanneer je met jouw team de finish bereikt krijg je te zien hoeveel rondes jouw team erover gedaan heeft. Er wordt ook getoond hoeveel rondes het team van de tegenstander erover gedaan heeft, degene met het minst aantal rondes heeft gewonnen.

Page 44: 30 Seconds App

44

dOBBelsteen eruItIn het concept van het officiële bordspel ’30 seconds’ is er het element ‘dobbelen’. Hierdoor moet men zoveel mogelijk vragen goed hebben en zo laag mogelijk gooien met zijn dobbelsteen. Dit omdat het aantal gegooide ogen wordt afgetrokken van het aantal goed beantwoorde vragen.Eigenlijk is dit onderdeel totaal niet relevant binnen de app. Daarbij willen we de app zo snel mogelijk houden en door het overslaan van het dobbelen bereiken we dat. Zonder het dobbelen kunnen de teams gewoonweg de stappen zetten van het aantal goed beantwoorde vragen. Dus zonder dat er wat van dat aantal afgehaald wordt. Hierdoor wordt de factor ‘geluk’ weggenomen en wordt het een echt vaardigheidsspel.

Page 45: 30 Seconds App

45

testFase #2usaBIlItY testprOeFpersOnen28 mannen22 VrOuwen16 tOt 60 jaar

11a

Page 46: 30 Seconds App

46

test en eValuatIeplanwIeBij test 2 hebben we ervoor gekozen om een willekeurige doelgroep als testpersoon te gaan nemen. Op deze manier is het goed te achterhalen of de app logisch is opgebouwd en visueel goed is opgezet.

watOnze proefpersonen krijgen diverse schermen uit de app te zien met daarbij gerichte relevante vragen per scherm. Ook kan men uiteraard tips geven per onderdeel. Het uiteindelijke doel is om de usability per pagina van de applicatie te testen. We willen weten of de onderdelen binnen de applicatie duidelijk zijn en waar nog verbeterpunten liggen wat betreft usability.

waarDeze test kan de proefpersoon in zijn eigen omgeving testen. De test is namelijk digitaal in een enquête vorm. Men kan dus op iedere locatie en op elk moment van de dag de test uitvoeren.

waarOmOnderzoeksvragen1. Hoe efficiënt zijn de schermen van de applicatie?2. Zijn alle schermen duidelijk voor alle gebruikers?3. Zijn er geen overbodige schermen?4. Kan iedereen gemakkelijk en snel overweg met de applicatie?5. Zijn de iconen in de applicatie duidelijk?

hOeOm de schermen van de applicatie te testen gaan we ook een vragenlijst opstellen. Door deze vragenlijst voor te leggen aan de testpersonen willen we duidelijkheid verschaffen over onze schermen en functies. Ook willen we onduidelijkheden over de iconen binnen de applicatie ontdekken doormiddel van deze test.

Vastleggen resultatenDoor middel van de vragenlijst te analyseren krijgen we een duidelijk beeld van de usability test. Deze uitslagen gaan we verwerken in een schema en daaruit trekken we een conclusie.

cOnclusIe test• Wanneer men op de ‘Spelers’ pagina aan de linker kant op een

speler klikt wordt niet altijd verwacht dat je naar de account van de betreffende persoon gaat. Enkele ideeen van mensen waren: Nieuw spel starten met deze persoon of met deze persoon chatten.

• Een goede tip die we kregen was: Als de ‘sluiten’ knop naast de ‘chat’ knop zit kan men verkeerd drukken en per ongelijk sluiten. Dus het verplaatsen van beide knoppen is verstandig.

• Vooral de oudere proefpersonen wisten sommigen iconen niet te herkennen.

Ontwerp BeslIssIngenNaar aanleiding van de testresultaten hebben we besloten om het spelbord en de plek van bepaalde iconen aan te passen.

Page 47: 30 Seconds App

47

wat Is de FunctIe Van deze knOp? Goed beantwoord 17 Fout beantwoord 33

Veel mensen denken dat het jouw profiel is.

spelers

wat Verwacht je dat er geBeurt als je Op een speler drukt?

Goed beantwoord 28 Fout beantwoord 22

Eventuele tips van de proefpersonen:• nieuwspelmethem• chatmethem• maaktegenstander

spelerstest resultaten

Page 48: 30 Seconds App

48

wat Is de FunctIe Van deze knOp? Goed beantwoord 50 Fout beantwoord 0

Een goede tip die we kregen was: Als de ‘sluiten’ knop naast de ‘chat’ knop zit kan men verkeerd drukken en per ongelijk sluiten.

wat Is de FunctIe Van deze knOp? Goed beantwoord 45 Fout beantwoord 5

Men dacht dat dit een share/info button was.

sluIten chat

Page 49: 30 Seconds App

49

welke BerIchten zIjn Van jOu? Goed beantwoord 50Fout beantwoord 0

chat

wat Is de FunctIe Van deze knOp? Goed beantwoord 46 Fout beantwoord 4

Vooral de oudere proefpersonen wisten niet wat de functie van deze knop was.

InstellIngen

Page 50: 30 Seconds App

50

wat zIjn de VIer knOppen dIe je OnderIn het scherm zIet?Goed beantwoord 48 Fout beantwoord 2

Sommigen dachten dat het hints waren.

Ik heB nu de Vraag: Goed beantwoord 50Fout beantwoord 0

antwOOrden antwOOrd gOed

Page 51: 30 Seconds App

51

wat geBeurt hIer?

Goed beantwoord 43 Fout beantwoord 7

Een enkeling dacht dat het antwoord fout was bij dit scherm.

chat

Ik heB nu de Vraag:

Goed beantwoord 50Fout beantwoord 0

antwOOrd FOut

Page 52: 30 Seconds App

52

naar welke kant VerschuIFt de rOde pIOn als dIe 1 stap VOOruIt mag?

Links 2 Onder 3Rechts 45

naar welke kant VerschuIFt de gele pIOn als dIe 1 stap VOOruIt mag?Boven 1Links 6Onder 43

stap zetten stap zetten

Page 53: 30 Seconds App

53

testFase #2data reQuIrement testVerBIndIngssnelheId11B

Page 54: 30 Seconds App

54

test en eValuatIeplan

wIeWij testen met onze eigen iPhone 4s de verbindingstijd van het beeldbellen. Dit gaan we doen op zowel een Wi-Fi netwerk als op een 3G netwerk.

watWe gaan testen hoelang het duurt voordat we verbinding hebben. Door meerdere malen verbinding te maken op een Wi-Fi netwerk en 3G netwerk. Ook de combinatie van deze twee verschillende netwerken wordt getest.

waarWe gaan de test via het Wi-Fi netwerk van school doen. Dit is een zeer goed Wi-Fi netwerk en is daarom erg geschikt voor de test.De 3G test doen we op verschillende plaatsen buiten zodat we verschillende situaties na bootsen.

waarOmOnderzoeksvragen1. Hoeefficiëntisdeapplicatieineen3Gomgeving?2. HoeefficiëntisdeapplicatieineenWi-Fiomgeving?3. Hoelang duurt het voordat we verbinding hebben op het 3G

netwerk?4. Hoelang duurt het voordat we verbinding hebben op het Wi-Fi

netwerk?

hOeWe gaan de functie beeldbellen testen door meerdere malen verbinding te maken op 2 verschillende netwerken. Het Wi-Fi netwerk en het 3G netwerk.

Vastleggen resultatenDoor meerdere malen verbinding te maken en de verbindingstijd te timen krijgen we duidelijkheid over de verbindingstijd en of dit voldoet aan onze eisen.

Page 55: 30 Seconds App

55

resultaten Uit de testresulaten is gebleken dat de verbindingssnelheid aan de vooraf opgestelde requirement voldoet. In onze eisen en wensen hebben we namelijk beschreven dat de verbinding binnen 5 seconden tot stand zou moeten komen. Uit de test is voortgekomen dat deze functie voldoet aan deze eis. Voorwaarden zijn wel dat gebruikers beide beschikken over een iPhone 4.

BeIde geBruIkers Op 3g netwerkTestronde 1: 3,3 secondenTestronde 2: 3,5 secondenTestronde 3: 3,4 secondenTestronde 4: 3,5 secondenTestronde 5: 3,3 seconden

BeIde geBruIkers Op het wI-FI netwerkTestronde 1: 3,1 secondenTestronde 2: 3,5 secondenTestronde 3: 3,6 secondenTestronde 4: 3,2 secondenTestronde 5: 3,3 seconden

Beller Op wI-FI netwerk OntVanger Op 3g netwerkTestronde 1: 3,7 secondenTestronde 2: 3,5 secondenTestronde 3: 3,6 secondenTestronde 4: 3,5 secondenTestronde 5: 3,4 seconden

Beller Op 3g netwerk OntVanger Op wI-FI netwerkTestronde 1: 3,3 secondenTestronde 2: 3,8 secondenTestronde 3: 3,6 secondenTestronde 4: 3,2 secondenTestronde 5: 3,5 seconden

cOnclusIe testVooraf twijfelden wij of het beeldbellen voldoende zou functioneren op alleen het 3G netwerk. Maar de test heeft deze twijfel weggenomen, het werkt gewoon goed via een 3G netwerk of sneller.Door het spel element ‘beeldbellen’ te testen op diverse iPhone’s en via verschillende netwerker kunnen we concluderen dat men • Minimaal in het bezit moet zijn van een iPhone 4.• Toegang hebben tot een 3G of 4G netwerk.• Toegang hebben tot een Wi-Fi netwerk.

Page 56: 30 Seconds App

56

Beurten uIttekenenNa feedback van Marvin Fernandes kwam naar voren dat onze schetsen te onduidelijk waren. We hebben de oude schetsen gepakt en zijn opnieuw begonnen met schetsen. Deze keer hebben we de schetsen specifieker en netter gemaakt. Daarbij hebben we details erbij omschreven zodat een leek het kan begrijpen.

usecaseNa de feedback van Marvin Fernandes hebben we onze use cases aangepast. De use cases waren te onduidelijk dit hebben we aangepast door de stappen in het process duidelijker en schematischer uit te schrijven.

persOna’s schematIsch weergeVenTijdens de feedback bleek dat er vaak schematische weergaves van de persona’s worden gemaakt. Dit biedt het voordeel om alles in een oogopslag te kunnen zien zonder te hoeven bladeren.

mIn-scenarIOUit de feedback van Marvin Fernandes bleek dat we nog geen min-scenario hadden geschreven. Deze hebben wij aan het document toegevoegd.

BOrdUit de feedback van Marvin Fernandes en de enquête bleek dat het bord onduidelijk was. Welke kant gaat de pion op? Nu hebben we een betere looprichting gemaakt op het bord.

OVerzIchtelIjke OpBOuw eIndVerslagUit de feedback van Marvin Fernandes bleek dat onze opbouw van het eindverslag te weinig visueel was en dat we het eindverslag overzichtelijker moesten maken. We hebben bij het maken van het eindverslag rekening gehouden met deze feedback.

FeedBack medestudentenUit de vragenlijst die we bij de beeldbellen test hebben gehouden kwam naar voren dat iedereen alleen wil beeldbellen met bekenden. Dit hebben we doorgevoerd binnen ons concept.

12 VerwerkIng Van FeedBack

Page 57: 30 Seconds App

57

13 representatIeVe testpersOnentestpersOOn 1We hebben Arie de Jongh als testpersoon gekozen omdat hij 55 jaar oud is en sinds kort een iPhone 4s heeft gekocht. Daarnaast is hij erg competatief, hij wil altijd de beste zijn. We hebben deze testpersoon het Axure prototype voorgelegd en hem zonder aanwijzingen zijn gang laten gaan binnen de applicatie.

resultaat testpersOOn 1Uit de test kwam duidelijk naar voren dat de testpersoon weinig tot geen problemen had met het navigeren door de schermen van de applicatie. Hij kon een enkele keer een icoon niet herkennen.

testpersOOn 2We hebben Karin Schouten als testpersoon gekozen omdat zij 29 jaar oud is en al een tijdje een iPhone 4 bezit. Karin speelt daarnaast regelmatig bordspellen. Dit doet ze voornamelijk als ze op bezoek gaat bij haar ouders en broertjes. Ook Karin hebben we het Axure prototype voorgelegd en haar zonder aanwijzingen haar gang laten gaan binnen de applicatie.

resultaat testpersOOn 2Karin had weinig problemen met de applicatie. De schermen en iconen waren voor haar bekend. Waardoor het gebruik van de app erg eenvoudig ging.

testpersOOn 3We hebben Danny de Vries uitgekozen als derde testpersoon, hij is 21 jaar en hij zit op voetbal. in het weekend zit hij graag in de kroeg en gaat hij uit met zijn vrienden. Danny heeft veel contact met zijn vrienden via Whatsapp. Hij was een van de eerste personen in nederland die de beschikking had over een iPhone 5, dit maakt hem voor ons een geschikt testpersoon. Ook Danny hebben we het Axure prototype voorgelegd en hem zonder aanwijzingen zijn gang laten gaan binnen de applicatie.

resulaten testpersOOn 3Danny had geen enkele moeite met de applicatie. Door zijn ervaring met iPhone’s waren de iconen voor hem gesneden koek.

lInk naar prOtOtYpewww.diederikvanaalst.nl/30sec

Page 58: 30 Seconds App

58

14 taakVerdelIng

DocumentenIntroductie JerremydeJonghOnderzoek PieterSchoutenConcept PieterSchoutenVerantwoording eisen/wensen JerremydeJongh3 persona’s JerremydeJongh2 scenario’s JerremydeJongh&Diederik vanAalst2 use cases & 1 flowchart JerremydeJongh&Diederik vanAalstVoorstel testplan DiederikvanAalstSchetsen/wireframes DiederikvanAalstRepresentatieve testpersonen JerremydeJonghVerwerking van de feedback JerremydeJonghTaakverdeling DiederikvanAalstPlanning JerremydeJongh

testsTestfase #1 Beeldbellen (test) DiederikvanAalst,Jerremy deJongh&PieterSchoutenTestfase #1 Beeldbellen (tekst) DiederikvanAalst&Pieter SchoutenTestfase #1 Beeldbellen (video) PieterSchoutenTestfase #2 Usability (test) DiederikvanAalstTestfase #2 Usability (tekst) DiederikvanAalst&Pieter SchoutenTestfase #3 Verbindingssnelheid (test) JerremydeJongh&Pieter SchoutenTestfase #3 verbindingssnelheid (tekst) JerremydeJongh

einDProDuctenPrototype Axure DiederikvanAalst&Pieter SchoutenEindverslag PieterSchouten

PhotoshoP/illustratorPersona schema JerremydeJonghSpeelborden DiederikvanAalstSchermen Beeldbellen DiederikvanAalstButton Templates Prototype PieterSchouten

Page 59: 30 Seconds App

59

15 plannIngweek 2

Binnen het project hebben we gebruik gemaakt van ‘Trello’ om een duidelijke planning te hanteren. Hierin hebben we elk groepslid zijn eigen taak gegeven waardoor er op ieder moment van de dag gewerkt kon worden aan het project.

We laten hiernaast en de hierop volgende pagina’s zien hoe onze ‘Trello’ pagina er per week uitzag.

Page 60: 30 Seconds App

60

week 3

Page 61: 30 Seconds App

61

week 4

Page 62: 30 Seconds App

62

week 5

Page 63: 30 Seconds App

63

week 6

Page 64: 30 Seconds App

64

week 7

Page 65: 30 Seconds App

65

week 8

Page 66: 30 Seconds App

66

week 9

Page 67: 30 Seconds App

Top Related