+ prototyping. Prototyping CMDDEV01-6. Aron Martin CMD2D

+prototyping Aron Martin 0847986 CMD2D [email protected]

Prototyping CMDDEV01-6

+prototyping Aron Martin 2

1 Inhoudsopgave Debriefing

3

Concept

4

Functioneel Onderzoek en Ontwerp

7

- User stories - Use cases

7 8

Technisch Onderzoek en Ontwerp

12

Prototyping

19

- Technisch onderzoek - Proof of concepts - Technisch Ontwerp

- Prototyping - Testing - Oplevering

19 19 21

12 17 18


Debriefing Opdracht in het kort Ik ga een concept bedenken voor een interactieve wayfinder voor de Hogeschool Rotterdam. Deze wayfinder is bedoeld voor de locatie Wijnhaven 107. De keuze op welk platform deze wayfinder komt is vrij. Het is de bedoeling dat ik een functioneel prototype van het concept realiseer. Dit doe ik zodat ik van de gebruiker feedback kan krijgen over de door mij gekozen en ontworpen interactie. Het prototype dat ik maak moet worden gemaakt met html, css en javascript. De mogelijkheden voor de interactie dient te worden onderzocht.


Concept Inleiding In dit deel van mijn document ga ik uitleggen wat mijn concept voor de interactieve wayfinder word. Hierbij gebruik ik visuele elementen om mijn concept te versterken. Doel concept Het doel van het concept is dat de gebruiker van de wayfinder makkelijk de weg kan vinden. De wayfinder moet de locatie van de gebruiker kunnen vaststellen en vervolgens de gebruiker begeleiden van Punt A naar Punt B. Hierbij is Punt A de locatie waar de gebruiker de wayfinder opent en Punt B de locatie waar de gebruiker heen wilt. Keuze Platform Uit onderzoek blijkt dat er voor elke persoon op de wereld 1,3 mobiele telefoons zijn. Voor een hogeschool waarbij communicatie en multimedia centraal staat kan je aannemen dat er een heel hoog percentage studenten en docenten een smartphone in bezit hebben en deze ook gebruiken. Ik wil mijn wayfinder ontwikkelen voor smartphone’s. Deze keuze heb ik gemaakt omdat ik van mening ben dat een mobiel makkelijker en functioneler is in gebruik. Ik zie niet dat een gebruiker van mijn wayfinder eerst zijn laptop uit zijn tas haalt om vervolgens de wayfinder applicatie te openen.

+prototyping Aron Martin 5 Uitwerking concept In mijn wayfinder applicatie wil ik gebruik maken van vier belangrijke zoekfuncties. •

Zoekfunctie 1 Als je in het startscherm komt zie je daar buttons met daarop iconen. Deze iconen vertegenwoordigen verschillende locaties binnen het gebouw. Bijvoorbeeld een icoon van het toilet. Wanneer je deze drukt laat de wayfinder zien waar het dichtstbijzijnde toilet zich bevind.

•

Zoekfunctie 2 Bij deze functie kan je het rooster van CMI bekijken. Vervolgens kan je instellen welk rooster je wilt zien. (student of docent, welke datum etc). Als je het rooster voor je hebt kan je op het tijdstip drukken en vervolgens verwijst de wayfinder je naar het bijbehorende lokaal.

•

Zoekfunctie 3 Dit is een snel zoek functie. Stel eenmalig als student je klas in of als docent je naam. Hierna druk je op go. De wayfinder kijkt naar de datum en tijd en wijst je naar het goede lokaal.

•

Zoekfunctie 4 De lokalen in het gebouw zijn genummerd. Ieder lokaal of zelfs toilet heeft zijn eigen code. Hiervan wil ik gebruik maken door een zoekknop toe te voegen aan het hoofdmenu. Hier kan je zelf een lokaal in voeren door op het toetsenbord een code van een lokaal in te voeren.


Zoekfunctie De werkelijke zoekfunctie van mijn wayfinder wil ik realiseren doormiddel van de huidige navigatie middelen en de camera van de smartphones. (augmented reality) Als de wayfinder je begeleid van punt A naar punt B kijk je als het ware door het scherm van de smartphone. (Rechts een voorbeeld) Als je door het scherm heen kijkt zie je drie belangrijke indicatoren.

•

Een 3d pijl die je een indicatie geeft welke kant je op moet. Deze werkt als een kompas maar dan staat de punt van de pijl ingesteld op de eindbestemming in plaats van dat de punt naar het noorden staat gewezen.

•

Een radar die je een indicatie geeft welke kant en hoe ver je ongeveer nog moet.

•

Omdat het gebouw een verschillende verdiepingen heeft een indicator die je verteld op welke verdieping je moet zijn.

De combinatie van deze drie indicatoren zouden de gebruiker bij het eind doel moeten brengen.


User stories Inleiding In dit deel van mijn document staan user stories. Dit onderdeel word gebruikt zodat er een beeld is wat de gebruikers van het product voor doelen hebben en waarom ze die doelen hebben.

Als

Wil ik

Zodat

Prioriteit

Student Student Student

Zien in welk lokaal ik les heb Zien naar welke verdieping ik toe moet Zien op welke verdieping ik me bevind

Belangrijk Belangrijk Belangrijk

Student

Weten welke richting ik op moet lopen

Student

Zien of ik dichtbij mijn doel ben

Student Student

Zien waar de voorzieningen zich bevinden Zien waar een docent les geeft

Student

Zien wanneer ik de locatie heb bereikt

Ik weet naar welk lokaal ik toe moet Ik weet of ik de trap of lift moet nemen Ik weet of ik me op de juiste verdieping bevind Ik weet dat ik bij de juiste locatie aankom Ik een indicatie heb hoe ver mijn doel nog is Zodat ik snel mijn doel kan vinden Ik me naar de locatie van de docent kan navigeren Ik zeker weet dat ik me naar de juiste locatie heb genavigeerd.

Als

Wil ik

Zodat

Prioriteit

Docent Docent Docent

Zien in welk lokaal ik les geef Zien naar welke verdieping ik toe moet Zien op welke verdieping ik me bevind

Belangrijk Belangrijk Belangrijk

Docent

Weten welke richting ik op moet lopen

Docent

Zien of ik dichtbij mijn doel ben

Docent Docent

Zien waar de voorzieningen zich bevinden Zien waar een andere docent les geeft

Docent

Zien wanneer ik de locatie heb bereikt

Ik weet naar welk lokaal ik toe moet Ik weet of ik de trap of lift moet nemen Ik weet of ik me op de juiste verdieping bevind Ik weet dat ik bij de juiste locatie aankom Ik een indicatie heb hoe ver mijn doel nog is Zodat ik snel mijn doel kan vinden Ik me naar de locatie van de docent kan navigeren Ik zeker weet dat ik me naar de juiste locatie heb genavigeerd.

Belangrijk Normaal Minder Minder Belangrijk

Belangrijk Normaal Minder Minder Belangrijk


Use Cases Inleiding In dit deel van mijn document staan de use cases. User story Functionaliteit

Als student/docent wil ik zien in welk lokaal ik les heb/geef. Zodat ik weet naar welk lokaal ik toe moet. Het Hro Rooster

Actor

Student/Docent

Scenario

1) Gebruiker kiest in het hoofdmenu het item om het rooster te zien. 2) Controleren of de gebruiker zich heeft ingelogd met zijn student(docent)nummer. a. Als de gebruiker heeft ingelogd het rooster van de gebruiker laten zien b. Als de gebruiker zich niet heeft ingelogd een melding tonen en verwijzen naar de inlog pagina. 3) Bepalen welk rooster bij de gebruiker en de huidige datum hoort en deze aan de gebruiker laten zien. 4) De gebruiker een overzicht geven van de locaties waar hij eventueel heen wilt navigeren. 5) Een snelkoppeling bij elke locatie tonen. 6) Gebruiker klikt op een snelkoppeling die bij een specifieke locatie staat. 7) Starten van het navigeren naar de specifiek gekozen locatie.

Resultaat

De gebruiker kan zien in welk lokaal hij les heeft of geeft en weet nu naar welk lokaal hij heen moet navigeren.

Uitzonderingen

Gebruiker kan niet inloggen door omstandigheden

+prototyping Aron Martin 9 User story Functionaliteit

Als student/docent wil ik zien naar welke verdieping moet gaan om mijn locatie te bereiken. Zodat ik weet of ik naar me een andere verdieping moet navigeren met de lift of de trap. Verdieping aanwijzing

Actor

Student/Docent

Scenario

1) Gebruiker start het navigeren naar specifieke locatie via het hoofdscherm of het ‘Rooster’. 2) Controleren wat de locatie is waar de gebruiker zich heen wilt navigeren en op welke verdieping deze locatie zich bevind. 3) De verdieping waar de gebruiker zich heen wilt navigeren laten zien in het scherm die de hij gebruikt met navigeren naar de specifieke locatie.

Resultaat

De gebruiker kan zien op welke verdieping de locatie zich bevind waar hij zich heen wilt navigeren. Nu weet de gebruiker of hij de trap of de lift moet nemen om zich naar zijn doel te komen. De gebruiker weet of hij op de juiste verdieping is.

Uitzonderingen

Als de gebruiker geen internet heeft verliest deze functionaliteit zijn waarde

User story Functionaliteit

Als student/docent wil ik zien op welke verdieping ik me bevind. Zodat ik weet of ik me op dezelfde verdieping bevind als de locatie waar ik heen wil. Verdieping aanwijzer

Actor

Student/Docent

Scenario

1) Gebruiker start het navigeren naar specifieke locatie via het hoofdscherm of het ‘Rooster’. 2) De gebruiker opent een venster in het scherm die hij gebruikt om te navigeren. 3) Controleren op welke verdieping de gebruiker zich momenteel bevind. 4) In het venster laten zien op welke locatie de gebruiker zich momenteel bevind 5) Controleren of de verdieping waar de gebruiker zich bevind gelijk is aan de verdieping waar de locatie zich bevind 5) Een indicatie tonen in het scherm

Resultaat

De gebruiker kan zien op welke verdieping hij zich bevind. Hierdoor kan de gebruiker zien of hij zich op de verdieping bevind waar de locatie ook zit.

Uitzonderingen


+prototyping Aron Martin User story Functionaliteit

Als student/docent wil ik zien of ik in de juiste richting loop. Zodat ik weet dat ik uiteindelijk mijn doel vind. De richtingwijzer

Actor

Student/Docent

Scenario

1) Gebruiker start het navigeren naar specifieke locatie via het hoofdscherm of het ‘Rooster’.

10

2) Controleren waar de locatie zich bevind waar de gebruiker zich heen wilt navigeren 3) Controleren waar de gebruiker zich momenteel bevind (continu) 4) Een pijl tonen in het scherm die de gebruiker gebruikt met het navigeren. 5) Met behulp van de pijl de richting aanwijzen die de gebruiker op moet lopen om zijn locatie te vinden Resultaat

De gebruiker kan zien welke richting hij moet oplopen. Zodat hij uiteindelijk zijn doel vind.

Uitzonderingen



Als student/docent wil ik zien of ik dicht bij mijn doel ben. Zodat ik een indicatie heb hoever mijn doel nog is. De thermometer

Actor

Student/Docent

Scenario

1) Gebruiker start het navigeren naar specifieke locatie via het hoofdscherm of het ‘Rooster’. 2) De gebruiker opent een venster in het scherm die hij gebruikt om te navigeren. 3) Controleren waar de locatie zich bevind waar de gebruiker naar toe wilt navigeren 4) Controleren waar de gebruiker zich momenteel bevind (continu) 5) Een indicatie tonen in het venster doormiddel van een thermometer (affordance) a. Als de gebruiker zich naar de goede richting verplaatst toont de indicator dat door de balk te vullen in de thermometer. b. Als de gebruiker de gebruiker zich naar de verkeerde richting verplaatst dan toont de indicator dat door de balk te verminderen.

Resultaat Uitzonderingen

De gebruiker kan zien of hij dichter bij zijn doel komt en heeft hierdoor een indicatie hoever zijn doel nog is. De balk van de thermometer start wanneer de gebruiker in het scherm komt die hij gebruikt om te navigeren. Als hij de verkeerde richting op loopt vanaf dat punt toont de funcite dit niet.



Als student/docent wil ik zien wanneer ik mijn doel heb bereikt. Zodat ik zeker weet dat ik me naar de juiste locatie heb genavigeerd. Doel bereikt notificatie

Actor

Student/Docent

Scenario

1) Gebruiker start het navigeren naar specifieke locatie via het hoofdscherm of het ‘Rooster’. 2) De gebruiker opent een venster in het scherm die hij gebruikt om te navigeren. 3) Controleren waar de locatie zich bevind waar de gebruiker naar toe wilt navigeren 4) Controleren of de gebruiker is bij de locatie waar hij moet zijn 5) Een notificatie tonen dat de gebruiker zijn doel heeft bereikt.

Resultaat Uitzonderingen

De gebruiker kan zien wanneer hij zijn doel heeft bereikt. Nu weet de gebruiker dat hij de juiste locatie heeft bereikt. Als de gebruiker een verkeerde locatie heeft ingevoerd navigeert de applicatie de gebruiker naar de verkeerde locatie


Technisch Onderzoek Inleiding In dit deel van mijn document staat het technisch onderzoek met de daarbij behorende bronnen. USE CASE : DE RICHTINGWIJZER Welke problemen signaleer ik?

! !

Controleren waar de gebruiker zich momenteel bevind Controleren waar de gebruiker naar toe moet

USE CASE : DE THERMOMETER Welke problemen signaleer ik?

!

Hoe maak ik een thermometer die zich langzaam vult tot hij vol zit?

USE CASE : DOEL BEREIKT Welke problemen signaleer ik?

!

Hoe zorg ik dat de gebruiker een notificatie krijgt als hij het doel heeft bereikt?


Vraagstelling: Hoe controleer ik waar de gebruiker zich bevind? We willen doormiddel van de applicatie laten zien aan de gebruiker hoe hij van punt A naar punt B komt. Om dit te doen moet de applicatie eerst weten waar de gebruiker zich bevind dus punt A. Omdat de applicatie op een smartphone draait en de gebruiker de smartphone vast heeft kunnen we bepalen waar de gebruiker zich bevind. Methode: Ik wil kijken hoe huidige navigatie applicaties bepalen waar de gebruiker zich bevind. Deze vergelijken en kijken welke het best toe te passen is op onze applicatie of prototype. Gebruikte bronnen: !

http://html5demos.com/geo

!

http://diveintohtml5.info/geolocation.html

!

http://www.w3schools.com/html/html5_geolocation.asp

Resultaten: Ik weet nu dat veel websites gebruik maken van een geolocation API. Dit word gebruikt om de geografische postitie van de gebruiker te krijgen. Het is veel gebruikt omdat het op veel browsers werkt maar voor mij nog veel belangrijker. De geografische locatie voor smartphones is nog preciezer omdat smartphones al een GPS hebben ingebouwd. Conclusie en aanbevelingen: De html5 geolocation API is een prima optie voor mijn applicatie omdat het makkelijk toepasbaar is voor mijn prototype, ik kan het gebruiken wanneer ik een webapp maak met html css javascript. Eventueel probleem is dat voor privacy redenen de browser een notificatie geeft. Als de gebruiker deze notificatie niet accepteert werkt de wayfinder niet. Zie: Proof 1


Vraagstelling: Hoe controleer ik naar welke locatie de gebruiker heen moet? Als we Punt A weten moeten natuurlijk ook weten waar Punt B is om de gebruiker er naar toe te leiden. De gebruiker bepaald zelf waar Punt B is door een keuze te maken in het hoofdmenu. Hoe zorgen we ervoor dat de keuze die de gebruiker heeft gemaakt een unieke handeling oproept. Als voorbeeld: De gebruiker heeft gekozen voor lokaal 1012, hoe zorgen we dat deze data word gebruikt zodat een nieuwe actie word uitgevoerd die zorgt dat de applicatie navigeert naar dit specifieke doel (lokaal). Methode: Ik wil kijken hoe ik met een html input de keuze van de gebruiker kan krijgen en deze omzetten in een daarbij horende specifieke actie. In wezen is dit wat er gebeurd wanneer de gebruiker een lokaal heeft gekozen. Gebruikte bronnen: !

http://stackoverflow.com/questions/18752331/run-function-based-on-input-value-jquery

!

http://api.jquery.com/

Resultaten: Ik weet nu dat ik met html css javascript (jquery) een waarde uit een tekstveld kan halen en die waarde gebruiken om een actie op te roepen. Conclusie en aanbevelingen: De html5 geolocation API is een prima optie voor mijn applicatie omdat het makkelijk toepasbaar is voor mijn prototype, ik kan het gebruiken met wanneer ik een webapp maak. Zie: Proof 2


Vraagstelling: Hoe maak ik een thermometer die zich langzaam vult tot hij vol zit? Als de gebruiker aan het navigeren is wil ik dat de applicatie een indicatie geeft wanneer de gebruiker dichterbij het doel komt of verder weg van het doel verwijderd raakt. Dit leek mij handig om te doen met een thermometer hoe dichterbij je bent hoe heter dus hoe voller de thermometer word en visa versa . Hoe maak ik een thermometer die zich vult? Methode: Ik zou graag onderzoeken hoe ik dit kan doen met html, css en javascript. Gebruikte bronnen: http://www.spiralpixelthemes.co.uk/flati/blue/about.html Resultaten: Ik heb in een html template een werkende horizontale balk gevonden die zich vult doormiddel van html, css en javascript. Ik heb deze gebruikt en vervolgens aangepast om een verticale balk te maken die zich vult. Conclusie en aanbevelingen: De thermometer kan zich langzaam vullen doormiddel van waardes die ik in javascript heb aangegeven maar om dit werkelijk te integreren in het uiteindelijk product is afhankelijk van de data uit de Geolocation API. Er moet een startpunt en een doel (eindpunt) worden doorgegeven. Aan de hand van deze data zou je de thermometer dynamisch kunnen laten vullen of legen. Het eindpunt en het startpunt staat hierbij vast maar je zou gedurende het navigeren steeds de precieze locatie van de gebruiker door moeten krijgen en deze weer moeten omzetten in afstand tot het doel. Als de app van te voren weet dat de afstand van het startpunt tot het einddoel 100 meter is zou je dan kunnen zien als 100%. Wanneer de gebruiker 20 meter dichter bij het doel is en nog 80 meter zou moeten afleggen zou het 80% zijn. Aan de hand van de percentages (afstand tot doel) zou je de thermometer met javascript dynamisch waardes kunnen geven. Dit zou resulteren in een thermometer die vult wanneer de gebruiker dichterbij het doel komt. Je zou moeten onderzoeken of het mogelijk is of je continue de positie van een Smartphone door de browser kan krijgen. Als dit mogelijk is zou je weer moeten onderzoeken of de browser niet steeds om toestemming vraagt om je positie door te geven en of deze optie niet een te zwaar is voor het werkgeheugen van de Smartphone. Als dit allemaal goed zit dan is het in principe mogelijk om een werkende thermometer te realiseren met html, css javascript.

Zie: Proof 3


Vraagstelling: Hoe zorg ik dat de gebruiker een notificatie krijgt als hij het doel heeft bereikt? Om de gebruiker van het begin tot het eind goed te helpen navigeren is het van belang dat je bevestigd dat de gebruiker bij het punt van bestemming is aangekomen. De applicatie zou dit alleen kunnen doen als deze de huidige positie van de gebruiker en de eindbestemming van de gebruiker overeenkomen. Hiervoor heb je dus weer de Geolocation API nodig Methode: Ik wil onderzoeken hoe ik html, css en javascript een notificatie kan geven wanneer een bepaald punt is bereikt. Als de thermometer functie zou werken zou ik kunnen kijken of ik een functie kan laten werken wanneer de thermometer vol is. Gebruikte bronnen: http://www.w3schools.com/js/js_if_else.asp

(1)

Resultaten: Ik heb gekeken naar de if statement in javascript. “executes some code only if a specified condition is true” (1) Dit zou een bepaalde functie uitvoeren wanneer een specifieke toestand waar is. Dus ik heb gekeken naar mijn thermometer en gezegd als de thermometer vol is dan wil ik dat de notificatie uitgevoerd word. setTimeout(function(){ $('.verticaal .vul').each(function() { var me = $(this); var perc = me.attr("data-percentage"); var current_perc = 100; var voortgang = setInterval(function() { if (current_perc<=perc) {

//Als de data-percentage (0) gelijk is aan de currunt_perc (100) voer dan de volgende functie uit.

clearInterval(voortgang); alert("Doel bereikt!"); } else { current_perc -=1; me.css('height', (current_perc)+'%');

}

me.text((current_perc)+'%'); }, 100); }); },300);

Conclusie en aanbevelingen: Ik denk niet dat het handig is om deze belangrijke notificatie af te laten hangen van het stukje script wat zorgt dat de thermometer werkt want dit zou onnauwkeurig kunnen zijn. Ik zou het aanbevelen om hier een aparte functie van te maken die controleert waar de gebruiker zich bevind en waar het eindpunt zich bevind. Als deze overeenkomen de functie uitvoeren die een notificatie stuurt naar de gebruiker dat hij op het punt van bestemming is.

Zie: Proof 3


Proof of concepts In dit onderdeel staat de documentatie van de experimenten gedaan om te kijken of de onderzochte technieken bruikbaar zijn. Experiment 1 Hoofdvraag: Hoe controleer ik waar de gebruiker zich bevind? Methode: Hoe ik de Geolocation API kan gebruiken?. Ik heb gekozen om dit te doen in combinatie met Googlemaps. Hierdoor kan ik weergegeven waar de gebruiker zich bevind. Resultaat: Ik kan doormiddel van googlemaps en geolocation API de gebruiker op een redelijk precieze positie bepalen. Zie proof1 Experiment 2 Hoofdvraag: Hoe controleer ik waar de gebruiker zich bevind? Methode: Ik wil kijken hoe ik met een html input de keuze van de gebruiker kan krijgen en deze omzetten in een daarbij horende specifieke actie. In wezen is dit wat er gebeurd wanneer de gebruiker een lokaal heeft gekozen. Ik heb gekozen om de waarde van een input form te koppelen aan een specifieke js functie. Resultaat: Ik kan met javascript een bepaalde specifieke functie oproepen nadat de gebruiker iets heeft ingevuld. Zie proof2 Experiment 3 Hoofdvraag:Hoe maak ik een thermometer die zich langzaam vult tot hij vol zit? Methode: Html, css en javascript. + bestaande code van iemand anders en deze aangepast. Resultaat: De thermometer vult zoals gewenst. Zie proof3


Technisch ontwerp In dit onderdeel staat de onderbouwing van mijn technische ontwerpkeuze ‘s. Aangezien ik een prototype voor een augmented reality app maak vind ik het belangrijk dat dit goed naar voren komt. De applicatie is enkel voor Smartphones en dat moet duidelijk worden voor de testpersoon anders snapt deze de relevantie niet van de richtingaanwijzer, de verdiepingsaanwijzer en de thermometer. Ik zou mijn prototype in html, css javascript kunnen maken maar aangezien ik in het prototype duidelijk wil maken dat het om augmend reality gaat en mijn javascript skills hierbij te beperkt zijn om een duidelijke functionele uitwerking te maken van de app heb ik gekozen om de uitwerking van het prototype in Tumult Hype te maken. Tumult Hype is een programma waarbij je animaties kan omzetten in html, css javascript. Ik heb hier een tijd mee geworsteld en gekeken of ik hier mijn prototype mee kon realiseren. Ik heb ook gekeken naar andere soort gelijke programma’s zoals Adobe Edge Animate en Google Webdesigner. Uiteindelijk heb ik besloten om in Tumult Hype verder te gaan omdat deze verre weg het meest gebruikersvriendelijk was.

Prototype: staat op home (klikmij.html)


Testing Inleiding In dit deel van mijn document staat de opzet en de resultaten van de test van het prototype. Hieronder zie je een uitwerking van de stappen die worden genomen tijdens de test en de vragen die na elk onderdeel gesteld zijn met de daarbij horende antwoorden Rooster • Wat vind je van de rooster functie? “Erg handig ik kan zien” • Wat vind ervan dat het rooster op de juiste datum staat als je een lokaal zoekt? “Als ik een lokaal zoek kan ik me inleven dat ik het doe op de dag zelf, vlak voordat ik les heb.” • Weet je nu in welk lokaal je les hebt zodat je weet naar welk lokaal je toe moet? “Ik kan zien in welk lokaal ik les heb en als ik op de zoek button druk gaat de applicatie direct zoeken” Verdieping aanwijzing • • •

• •

Is het duidelijk door de aanwijzingen die je krijgt dat je naar een andere verdieping moet? “Ja dit is duidelijk” Is het duidelijk naar welke verdieping je heen moet? “Ja ik zie door het cijfer in het scherm dat ik naar de 4e etage moet” Is het duidelijk wanneer je op de juiste verdieping bent? “Ja als de cijfers gelijk zijn en ik zag dat het rode cijfer groen werd toen ik op de juiste verdieping kwam” Wat vind je van de indicatie? “Overzichtelijk” Wat zou ik kunnen toevoegen voor deze functie? “Je zou misschien wat ondersteunende tekst kunnen toevoegen”

Verdieping aanwijzer •

• • • • •

Wat vind je van het venster dat je moet openklappen? “Ja handig als je niet te veel in beeld wil hebben maar het stuk wat de verdieping aangeeft dat mag wel in beeld blijven van mij” Wat vind je van de indicatie die je de app geeft van op welke je verdieping je bent? “Dit is duidelijk” Wat zou ik kunnen toevoegen voor deze functie? “Weet ik niet” Is het duidelijk op welke verdieping jij je bevind door de aanwijzingen? “Dit is duidelijk” Is het duidelijk wanneer je op dezelfde verdieping bent als de locatie waar je heen wilt? “Ja dit is voor mij helemaal duidelijk”


Richting wijzer • Is het duidelijk wat die indicator doet? “Ja door de pijl is het duidelijk welke richting ik op moet alleen hij is niet erg nauwkeurig? • Wat zou ik kunnen toevoegen voor deze functie? “Een duidelijkere pijl” • Is het duidelijk welke richting je moet oplopen? “Ja dit is wel duidelijk voor mij” • Kan jij zo je doel vinden denk je? “Ik denk het wel maar ik moet wel weten welke verdieping ik moet zijn” Thermometer • Wat zou ik kunnen verbeteren voor deze functie? “Weet ik niet” • Is het duidelijk wat er gebeurd als je dichterbij komt? “Ik zie dat als ik dichter in de buurt kom van het lokaal dat deze balk vol loopt” Doel bereikt • Is het duidelijk wanneer jij je doel bereikt? “Ja dan krijg ik een schermpje” • Wat vind je van deze functie? “Handig dit is een bevestiging dat ik goed zit”

Test film: http://www.youtube.com/watch?v=ZAbbp-z1iCM


Oplevering Conclusie Ik ben van mening dat de testpersoon niet kritisch genoeg was. Hij was erg onder de indruk van de visuals waardoor hij misschien minder kritisch was over de functionaliteit. Achteraf zou ik graag willen testen hoe het is om bijvoorbeeld alleen met je camera op je scherm door de school te lopen. Ik zou ook graag willen testen hoe makkelijk het is om een snel een lokaal te selecteren waarheen je wilt navigeren. Ook zou ik juist eerder kleine onderdelen van de applicatie los willen testen zodat ze niet op gaan in het geheel. Ik wil weten of alle onderdelen voldoen en een relevante waarde hebben voor de applicatie en of deze niet beter zouden kunnen. Is de applicatie contextueel wel goed? Stel je voor je hebt haast is het dan handig om een lokaal te zoeken met de zogenaamde scroll op de hoofdpagina. Achteraf zou dit ook iets zijn wat ik zou willen testen.

Welke use cases hebben prioriteit? -

Het inloggen met het hro rooster. Hier moet goed onderzocht worden hoe je de data van het rooster in de applicatie kan laden. Is er een API beschikbaar of moet dit om een andere manier? De verdieping indicator: Het is belangrijk om te onderzoeken of het mogelijk is om te zien op welke verdieping de gebruiker is. Is de applicatie contextueel


:

+ prototyping. Prototyping CMDDEV01-6. Aron Martin CMD2D

Recommend Documents