Meile Houtsma Week 3 opdracht 1: Informatie en structuur

Transcriptie

1 Meile Houtsma Week 3 opdracht 1: Informatie en structuur

2 Wireflow 1 2 4a 4b 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. Er kan ook handmatig een product toegevoegd 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 3a 3b x 3 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.

3 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

4 was dat de ballonnen tot de streepjes gevuld zouden zijn. Helaas kreeg ik dat niet voor elkaar in Pencil. Het was wel duidelijk dat het een app was om te kijken of je gezond eet. Verder viel op dat vetten en olie niet echt onder voedsel valt, in tegenstelling tot de andere vier opties. Omdat die overal in kunnen zitten. De eerste taak ging goed. In de tweede taak was het verwarrend dat er eerst gekozen moest worden voor de voedingswaarde per stuk of per 25 gram. Maar 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 de knop was snel gevonden. 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 product handmatig toegevoegd zou zijn, en vervolgens een bepaalde hoeveelheid daarvan aan het dagboek toegevoegd zou worden, zal de voedingswaarde natuurlijk optellen bij de voortgang op de homepagina en op de profielpagina. Om de voortgang op de homepagina consequent te houden, zou de voortgangsindicatie in de ballonnen geschrapt kunnen worden. In plaats hiervan zouden er onderaan de pagina icoontjes geplaatst kunnen worden die de voortgang aangeven. Aangepaste wireflow 1 2 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 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).

5 3a 3b 6 x 3 Het toevoegen van een product aan het dagboek werkt nog hetzelfde, net zoals het handmatig toevoegen van een product aan de productenlijst. 4a 4b Zo zou de Anders-pagina eruit zien nadat een gebruiker de producten Haribobeer en Mars aan de productenlijst toegevoegd zou hebben. 4c 5