Meile Houtsma Week 3 opdracht 1: Informatie en structuur
4a
Wireflow 1
4b
2
Er kan ook handmatig een product toegevoegd Ik heb ervoor gekozen om de app te baseren op de schijf van vijf. De homepagina heeft daarom vijf ballonnen aan de hand van de schijf van vijf. De streepjes geven de voortgang van de dag van de gebruiker aan. Het is de bedoeling dat de ballonnen gevuld worden tot de streepjes. Linksonderin is een Mijn profiel-knop, die linkt naar wireframe 5. Na het klikken op de Groente & Fruit-knop op de homepagina komt de gebruiker in het toevoegscherm van Groente & Fruit terecht, wireframe 2. Hier staat een lijst van producten op volgorde van de meest toegevoegde. Voor de andere categorieën werkt dit hetzelfde. 3a
worden met de grote plusknop in wireframe 2. Deze knop leidt naar wireframe 4a. Hier wordt de voedingswaarde van het product ingevoerd. Er kan gekozen worden om dit per stuk of per 25 gram te doen. Als de gebruiker op klaar drukt, komt hij weer terug in de productenlijst van, in dit geval, Groente & Fruit.
4c
5
3b
x3
Na het klikken op “1 stuk” verandert dit in “25 gram”. Het plusje telt er steeds 25 gram bij op.
Na het handmatig toevoegen van een product aan de productenlijst, komt deze eenmalig bovenaan de lijst. Dan kan er nog een bepaalde hoeveelheid van het product aan het dagboek toegevoegd worden. Op de profielpagina, wireframe 5, kan een gebruiker zijn of haar geslacht, leeftijd, lengte en gewicht inzien en aanpassen. Een BMI wordt voor hem of haar berekend. Op het onderste deel van het scherm is een grafiek te zien van de afgelopen 7 dagen. De volheid van de icoontjes geeft aan in hoeverre de gebruiker aan zijn of haar dagelijkse hoeveelheid is gekomen.
Testscript Introductie Hoi, ik ben Meile. Ik ben het ontwerp van een app aan het testen, zodat ik deze kan verbeteren. We gaan straks naar deze app kijken om hem te testen. Hierbij staat centraal hoe het gebruik voor jou als gebruiker is. Het is belangrijk om hierbij op te merken dat we de app testen, niet jou. Je kan in deze test geen fouten maken. Ik heb de app niet gemaakt, dus je mag eerlijk zijn. Je mag zeggen wat je denkt, dat is precies wat ik wil horen. Je mag vragen stellen wanneer je wilt. Het kan zijn dat ik geen antwoord kan geven tijdens de test, omdat ik een beeld wil krijgen van iemand die de website zonder hulp gebruikt. Na afloop kan ik, als je nog met vragen zit, op alles antwoord geven. De test zal ongeveer 5 minuten duren. Tijdens de test zal ik dingen opschrijven. Ook wil ik je vragen of je het goed vindt als ik opneem wat we tijdens de test zeggen. Dit zal me helpen om zoveel mogelijk aan de website te kunnen verbeteren. Heb je nog vragen?
Oké, laten we naar de app kijken. Het is dus de bedoeling dat je zoveel mogelijk hardop denkt. Dit is de homepagina. Wat valt je als eerste op? Wat denk je dat dit voor app is? (Als de testpersoon nu weinig zegt, vragen wat hij of zij denkt.) Waar zou je op klikken? Oké. Stel je voor dat je net 75 gram wortel hebt gegeten. Probeer 75 gram wortel toe te voegen. Oké, je mag weer naar de homepagina gaan. Stel je nu voor dat je net 25 gram peterselie hebt gegeten. Probeer nu eens 25 gram peterselie toe te voegen. Oké, en je mag weer naar de homepagina. Stel je nu voor dat je je BMI en je eetgedrag van de afgelopen tijd wilt inzien. Probeer dat eens te ontdekken.
Afsluiting Dat was het. (Beantwoord eventuele eerdere vragen.) Dit wordt een dieetdagboek-app waarin je aan de hand van de schijf van vijf kan aangeven wat je gegeten hebt en kan zien hoe je gegeten hebt. Heb je verder nog vragen?
Vragen en taken Voordat we beginnen, heb ik nog wel wat korte vragen voor jou. Wat voor werk doe je? Wat is het leukste werk dat je gedaan hebt? Wat vind je leuk om in je vrije tijd te doen? Gebruik je het internet vaak? Wat zijn je favoriete websites?
Resultaten De test is bij 1 persoon afgenomen. Het was de testpersoon niet duidelijk op wanneer de vraag “wat heb je gegeten?” duidde. Ook was het niet duidelijk wat de functie van de streepjes in de ballonnen was. Wat ook te verwachten viel, aangezien het de bedoeling
was dat de ballonnen tot de streepjes gevuld zouden
uct handmatig toegevoegd zou zijn, en vervolgens
zijn. Helaas kreeg ik dat niet voor elkaar in Pencil.
een bepaalde hoeveelheid daarvan aan het dagboek
Het was wel duidelijk dat het een app was om te
toegevoegd zou worden, zal de voedingswaarde natu-
kijken of je gezond eet. Verder viel op dat vetten en
urlijk optellen bij de voortgang op de homepagina en
olie niet echt onder voedsel valt, in tegenstelling tot
op de profielpagina. Om de voortgang op de home-
de andere vier opties. Omdat die overal in kunnen
pagina consequent te houden, zou de voortgang-
zitten.
sindicatie in de ballonnen geschrapt kunnen worden.
De eerste taak ging goed. In de tweede taak was het
In plaats hiervan zouden er onderaan de pagina
verwarrend dat er eerst gekozen moest worden voor
icoontjes geplaatst kunnen worden die de voortgang
de voedingswaarde per stuk of per 25 gram. Maar
aangeven.
dit was redelijk makkelijk opgelost. Voor de laatste taak was het de testpersoon meteen duidelijk dat hij waarschijnlijk naar een profiel zou moeten gaan, en
Aangepaste wireflow 1
2
de knop was snel gevonden.
Conclusies Het doel van de app is door alleen de homepagina al duidelijk. Het lijkt er echter op dat de keuze voor een dieetdagboek gebaseerd op de schijf van vijf ook een nadeel heeft. Zoals verwacht viel het namelijk meteen op dat Vetten & olie niet echt onder voedsel valt. Ook de voortgangsindicaties hebben nog wat aandacht nodig. Verder zijn de kerntaken van de app goed uit te voeren, alhoewel de keuze tussen per stuk en per 25 gram wat verwarrend lijkt te zijn. Ter verbetering zou de Vetten & Olie-knop verwijderd kunnen worden. Om nog steeds bepaalde producten, zoals snoep toe te kunnen voegen, zou er een Anders-knop op de homepagina geplaatst kunnen worden. Deze knop zou linken naar een pagina zonder producten, die dan zelf handmatig toegevoegd zouden kunnen worden. Nadat een prod-
In wireframe 1 is de Anders-knop op de plaats van de Vetten & Olie-knop geplaatst. De voortgang in de ballonnen is vervangen door icoontjes onderaan de pagina, die net als de icoontjes op de profielpagina de voortgang aangeven. Als er op een van de ballonnen gedrukt wordt, heeft dat hetzelfde resultaat. Ook het drukken op de Mijn profiel-knop heeft hetzelfde resultaat. De Anders-pagina heb ik ook uitgewerkt in wireframe 6 (zie volgende pagina).
3a
3b
6
x3
Het toevoegen van een product aan het dagboek
Zo zou de Anders-pagina eruit zien nadat een geb-
werkt nog hetzelfde, net zoals het handmatig toevoe-
ruiker de producten Haribobeer en Mars aan de
gen van een product aan de productenlijst. 4a 4b
productenlijst toegevoegd zou hebben.
4c
5