Information and Structure Dieet app. Bart Witting UvAID: MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp

Vergelijkbare documenten
Informatie en structuur

Meile Houtsma Week 3 opdracht 1: Informatie en structuur

Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

PhPlist Gebruikers Handleiding

Waar het Programma om draait!

Handleiding Back2thegym App

INTERACTIE. In de Appendix vindt u de wireframes.

Ontwerpdocument BVA app Ontwerpdocument BVA app

Handleiding CMS VOORKANT

Hier kun je evt. de handleiding van de agenda bekijken of verder gaan door de groene knop aan de klikken. De volgende pagina (4) zal verschijnen:

Stel je gezond weekmenu samen

Handleiding Berichtensysteem. Multitask ICT bv

Handleiding gebruik Scorebord-app

Aanvullende informatie voor Windows 8.1

Handleiding FOOX App. Handleiding FOOX App versie 1.1

Alexander Zeh Models & Processes september 2014 Oscar Trapman V1-06

Studieplan. Permissie toekennen Beheer studieplan formulieren

Gosnowboarding.nl Wireflow 1: Beheer accommodatie - Amber Haccou - Versie 1.0

HANDLEIDING. Emjee ICT diensten Ticketsysteem

Veiligheid van uw data

In de meeste CMS systemen wordt hier een stuk tekst mee aangeduid. Je kunt het, het best vergelijken met een nieuws artikel.

MILLEDONI.NL OP MOBIEL. Door: Sijmen Vos, , klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014

MAAK EEN VRAGENLIJSTJE MET FORMS IN OFFICE 365

INHOUD. Handleiding AgriPlace_1.6.0.docx 1 20

SANDER VAN DE RIJT ONDERZOEK PROTOTYPE

Ontwerptechnieken. MyTV

HANDLEIDING scoolfolio OUDER

Budget mailer DOCUMENTATIE

Studieplan. Permissie toekennen Beheer studieplan formulieren

Aanbevolen apps/hulpmiddelen gericht op voeding en beweging

Divergent thinking. Gavin Schipper

Handleiding portal voor invoeren verplichte gegevens voor ANBI s.

Gebruikersinstructie Spam- & Virusfilter QNS Quality Network Services

Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie

User testing: Aan de hand van een expectation map heb ik 3 verschillende personen gevraagd om het prototype te testen.

Handleiding NBB Basketball app

Hand-outs. Een succesvolle website in het mobiele tijdperk

Introductie. Bitsboard

Basishandleiding WordPress

In dit document wordt uitleg gegeven over de inrichting van formulieren binnen Trajectplanner voor

Ontwerprapport Fietsenrek

SAP Mobile Documents SP 05 Hoe het werken met de nieuwste versie nog makkelijker is geworden.

Aanvullende informatie voor Windows 8.1

Handleiding irunning+ Applicatie Download de irunning+ Applicatie. Verbind uw tablet met de loopband. Standaard programma s

UitmetFruit Groepsopdracht 1

Diversive thinking naar desired outcome

Grafisch ontwerp. Referenties.

Handleiding inlenersportaal. Direct Payrolling BV

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

1.1 Het downloaden van de applicatie Om de ehealth applicatie te downloaden zoekt u in ofwel de Google Play Store of de App Store naar ehealth.

Milledoni.nl Ontwerpdocument herontwerp zoekfunctie. Models & Processes Sanne Schouten Klas: V1-07 Docent: Koop Reynders

Handleiding bijlage: KALENDER. digital4u.nl effectief op internet. telefoon:

Aanvullende informatie voor Windows 8.1

Globale kennismaking

Aanvullende informatie voor Windows 8.1

Erratum Foto s, video s en muziek in

0 INHOUDSOPGAVE. 1. Leerlingen-programma Inloggen Programma kiezen 2. Docenten-programma Inloggen en hoofdmenu Algemene instellingen 0-1

De Top 10 Dieet Mythen

HRM-Reviews in the Cloud Handleiding voor PZ

Instructie voor het (start)gebruik van FeedMe in het onderwijs voor niet onderwijsgevende medewerkers November 2016

Microsoft OneNote 365

4. Contacten, agenda en widgets beheren

Gebruikers Toevoegen. EasySecure International B.V. +31(0) Support.EasySecure.nl. v1.

Belangrijke Informatie

INRICHTEN VAN DAXIS CLOUD

Down The Rabbit Hole. Samantha van Heusden Informatie Architectuur Peter Boogaards Blok 4 7 juni 2017

Je kan het Wandelboekje terugvinden via of via de website van Wandelsport Vlaanderen vzw.

Google Drive Deel 1 bestanden uploaden en delen met anderen

Handleiding website GCB

1Password: Meer dan alleen een wachtwoordmanager

4.4 Voeg ruimtes toe Hoe ga jij te werk? 1. Over LEVIY. 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 2. Algemene definities. 3.

Tips en tricks. Hoe te werken met Qualtrics. Ilonka van Meenen

Handleiding agendaitem

Handleiding weblog: Bagage voor je stage!

Handleiding NotFound CMS

Handleiding korte instructie gebruik LommOnline voor verenigingen. Stap 1. Vooraf:

HANDLEIDING Q1600 Fashion

Installatie app. voor Android en IOS

Interactieontwerp Groepsopdracht Week 2, Opdracht 16

Handleiding inschrijfsysteem - Admin

Hunter CRM. POS Documentatie

Mobile Self Service Android DeBlessurePraktijk

EXCLUSIEVE FITNESSCLUB IN EINDHOVEN

handleiding Siilo Messenger. iphone Nederlands

Introductie logboek: Introductie tentoonstelling: t onste l Gelukkig Gezond! laat zien welke dingen

NoFoodWasted Helftheuvelweg AV s Hertogenbosch

Inhoudsopgave Voorwoord 7 Nieuwsbrief 7 Introductie Visual Steps 8 Wat heeft u nodig? 8 De website bij het boek 9 Hoe werkt u met dit boek?

Download DIGIPRAAT in de Google playstore! Zoek naar eu.desmidt om DIGIPRAAT en DIGITAAL te vinden!

Basis handleiding CMS

Cursus Onderwijs en ICT. Remediëren met ICT

Wordpress Handleiding Woocommerce

Google Drive: uw bestanden openen en ordenen

Handleiding. Voedingsversie Evry Hanzehogeschool Groningen november 2011

EERSTE INSTRUCTIE DIRECTEUREN RADARSCHOLEN.

Handleiding Op Maat Wizard

Eindgebruikershandleiding Jira

Product Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen.

Transcriptie:

Information and Structure Dieet app Bart Witting UvAID: 11003952 MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp

De app Voor deze opdracht moesten we een app maken die je helpt bij je dieet. Ik ben meteen gaan brainstormen. Ik kwam op het idee om de hoofdfunctie de dag zelf te maken waar je je eten kan toevoegen en dan de tweede functie waar je alle dagen kan zien en voor elke dag je resultaten kan bekijken. Hier moet ook nog een inlog-functie bij om de data op te slaan en een back-up te maken voor als de app verwijderd wordt. Met mijn app wilde ik me focussen op iemand die zijn app gebruikt voor sport. Dit stelt hij in bij zijn doel tijdens het regristreren en zo kan zien wat hij nog aan calorien kwijt moet en hoe veel eiwitten hij nog moet eten. Hier is een kleine persona voor zo n persoon: Hans Pang Leeftijd: 25 jaar. Gewicht: Lengte: Beroep: Topsporter Badminton Woonplaats: Amsterdam Over Hans Hans is 25 jaar oud en speelt al 8 jaar aan de top van Nederlands Badminton. Hij traint twee keer per dag en heeft daarvoor een speciaal dieet. Door de drukte vergeet hij vaak wat hij gegeten heeft en hoe het gaat met zijn dieet. Dit wil hij op een makkelijke manier in een overzicht hebben. Zijn doelen: nog minimaal 2 jaar aan de top blijven nog beter dieet volgen beter bijhouden hoe zijn calorieën in de gaten houden. Motivaties: Hij wil mee doen aan het WK in 2017 en het liefst ook een titel halen. Hij is nog niet heel veel bezig met zijn calorieën. Pijnpunten: Concurrentie is groot. Dieet moet zijn kracht niet wegnemen. Met dit persoon in mijn achterhoofd ben ik aan de slag gegaan met de wireflow. Ik heb eerst een reeks wireframes gemaakt voor de verschillende onderdelen. Deze heb ik daarna zo veel mogelijk in wireflow gezet, zie afbeelding 1. Deze afbeelding is ook nog eens groot te bekijken in de Appendix. Wat opvalt is dat door loopt tot het home-screen. Vanaf daar kan de persoon namelijk alle kanten op. Hij kan zijn dag gaan vullen met items die hij gegeten heeft, zijn voortgang bekijken of iets doen in het menu. Dit is volledig open aan de gebruiker. Hans specefiek zal zijn dagen bij houden en continu vullen wat hij eet en wanneer hij een bepaalde workout doet. Zijn voortgang kan hij daarna met zijn trainer bekijken.

Afbeelding 1 De test Om te kijken of de app goed werkt heb ik een kleine user-test gedaan. Helaas heb ik niet de kans gehad om echte topsporters te bereiken. Daarom heb ik 5 competitie genoten bij mij op de badmintonvereniging zitten gevraagd om te helpen. Ik heb een test gedaan waar vier mensen al een dieet volgen en een persoon dieet willen beginnen en een start wil maken met behulp van de app. Ik heb de test afgenomen doormiddel van de POP-app. In deze app heb ik foto s van de wireframes gemaakt en plekken toegevoegd welke zullen dienen als knoppen. Deze knoppen verwijzen naar de bijhorende wireframe. Uit de test zijn verschillende dingen gekomen: Eerste ervaring zijn goed. Het openen van de app en inloggen/regristreren gaat snel en soepel. De app werkt simpel en overzichtelijk. Er is geen plek om nieuwe artikelen toe te voegen wat elke testpersoon vervelend vond. Er is geen optie om Favorieten te maken en deze vaak te hergebruiken of producten te kopieren. Er is geen optie om naar andere dagen te gaan dan Vandaag. De manier van data bekijken in het overzicht is minimalistisch. Alle testpersonen zouden daar graag variatie inbrengen. Iemand kwam met vergelijken over langere periode. Een extra feature aanvraag was een mogelijkheid om makkelijker dingen te meten zoals de workout of het gewicht. Er zijn verschillende apps die dit al meten en nu alles internet krijgt, dacht ik aan een manier om deze data binnen te halen via andere apps, of deze data direcht binnen te halen vanaf het apparaat.

De verbeteringen Na de test ben ik de verschillende dingen gaan verwerken in mijn oude wireflows. Hier uit is een verbeterde gekomen die te zien is in afbeelding 2. De afbeelding is ook weer groot te zien in de Appendix. De verbeteringen die ik heb gedaan staan aangegeven met rode pijlen en een nummer. Hier is wat elk nummer betekent en welk probleem hij oplost: 1. Bij deze verbetering is de optie om een product wat niet bij het zoeken naar voren komt toe te voegen door de barcode van het product te scannen. Daarna zijn overige gegevens toe te voegen die porties aangeven. Hierdoor is het toe voegen van producten op een simpele manier mogelijk gemaakt. 2. Hier zijn filterknoppen toegevoegd die de keuze geeft uit alle producten die te vinden zijn of alleen de producten die zijn opgeslagen als favorieten. Dit maakt het zoeken van producten een stuk gemakkelijker. 3. Bij deze verbetering is een favorieten knop toegevoegd op de product pagina. Op deze manier is het product makkelijk vaker te gebruiken. Bij het opslaan neemt hij ook de portie mee die eventueel bij het hergebruiken wel te veranderen is. 4. Bij deze verbetering zijn knoppen toegevoegd die de periode van de data laten zijn. Door de periode te veranderen is het mogelijk om over langere periode de data te vergelijken. De verschillende knoppen zullen de data op de x-as veranderen. 5. Bij deze verandering is een knop geplaatst waar de apps beheert kunnen worden die data synchroniseren met deze app. Dit gaat dan over data die de andere apps al bezitten en van toepassing kunnen zijn bij de data die in het overzicht getoond worden. Denk aan gewicht, workout data etc. 6. Hier geld hetzelfde als bij verbetering 5 alleen gaat het hier over apparaten. Denk aan weegschalen, fitnessbandjes etc. die verbonden zijn met het internet of bluetooth en data door kunnen geven aan de telefoon en die weer naar de app. Hierdoor is het compleet maken van de data over een bepaalde dag minder belastend. 7. Bij deze verbetering zijn knoppen toegevoegd om naar de vorige of volgende dag te gaan. Als je bijvoorbeeld data wil kopieren van de vorige dag kan dat nu veel sneller. De volgende dag is handig voor als je al weet wat je eet en dit alvast kan invullen waardoor de volgende dag de belasting van het invullen weer minder wordt. 8. Tenslotte is bij deze verandering een knop toegevoegd per item in de lijst die het mogelijk maakt dit item te kopieren naar een andere dag. Hierbij wordt wel een optie gegeven om de portie te veranderen. Afbeelding 2:

Afbeelding 1: Appendix

Afbeelding 2: