Food Court
Gemaakt door: 11040785 Luna de Veer 10983783 Mikail Çoban 10778934 Bozana Miletic 11058900 Kennet Botan
Facilitator Tegenwoordig is het steeds lastiger om gezond te eten. De meeste producten worden in fabrieken gemaakt en vol gestopt met suiker en andere slechte stoffen (zoals E-nummers). Weinig belangrijke ingrediënten, zoals vitaminen en mineralen, blijven over. Daarbij weten veel mensen niet wat wel en niet gezond is en voor kinderen is dit zelfs nog lastiger om te weten en te ontdekken wat er in welk product zit. Om kinderen bewust te maken van gezonde en minder gezonde producten, hebben wij een applicatie bedacht waarin kinderen dit spelende wijze leren. Ieder kind kan een profiel beginnen waarin hij of zij een avatar kan aanmaken. Deze avatar kan het kind zelf opmaken en de bedoeling is dat de avatar op het kind zelf zal gaan lijken. Elke keer als het kind een tussendoortje of een maaltijd eet, kan hij dit op de app aangeven. De app zal dan kort en krachtig terug geven aan het kind wat wel of niet goed was aan dit product. Naar aanleiding daarvan krijgt het kind een tip over wat hij of zij die dag nog zou kunnen eten om wel aan de voedingseisen per dag te voldoen of een compliment met daarin de reden waarom dit een goede keuze was. Bovendien zal het kind naar aanleiding van de ingevulde gegevens aan het eind elke week en maand een korte samenvatting krijgen met enkele complimenten en een tips. Wij beschrijven de meldingen die de kinderen krijgen als ‘kort en krachtig’, omdat kinderen minder graag lezen en wij van mening zijn dat zij het bericht weg zullen klikken als dit te lang wordt. Onze doelgroep is kinderen van 7 tot en met 12 jaar, want op deze leeftijd worden kinderen bewuster van wat zij eten en hun schrijf- en leesvaardigheden zijn vanaf die leeftijd voldoende om de app te gebruiken. Persona Sander is 12 jaar en voetbalt al sinds zijn vierde. Na de zomervakantie wil hij graag in het selectieteam spelen, maar daarvoor zal eerst fitter moeten worden. Sander wil zijn eetgewoontes verbeteren, maar hij vindt het lastig wat hij wel en niet mag eten en om zijn doel te behalen, wil hij daar dus graag meer kennis over opdoen. Sander gaat naar de Apple Store op zijn iPhone en voegt de Food Court app toe. Hij kiest een avatar en maakt deze op. Vandaag heeft hij een chocoladereep en een appel gegeten. Dit vult hij in op de app en meteen krijgt hij feedback over deze twee producten. Aan het eind van zijn dag krijgt hij nog eens een korte samenvatting van zijn eetgedrag die dag met enkele tips. Sander is hier erg blij mee. Het profiel van Sander is te zien in de bijlage A.
Interactieontwerper
User Story: Als 12 jarige jongen wil ik een applicatie die mij spelenderwijs opdrachten geeft met betrekking tot gezond eten zodat ik gezonder ga eten en fitter wordt voor mijn voetbalcarrière, die ik voor ogen heb. Bovenstaande en soortgelijke User Story’s hebben ons op verscheidene ideeën voor deze applicatie
(en naar aanleiding van de mini brief) gebracht. De avatar van de gebruiker komt gelijk in beeld bij het openen van de applicatie en is dus de home pagina van onze app, omdat de avatar het belangrijkste aspect van de gebruiker is en onze doelgroep het meest benieuwd is naar de status van hun persoonlijke avatar. De gezondheidsstatus van de avatar wordt weergegeven met kleurtjes, omdat onze doelgroep jonge kinderen (tussen 7 en 12 jaar) zijn. De speelse kleuren maken het aantrekkelijk voor hun om terug te komen op de app. Wanneer de statusbalk vol is richting rechts, betekent het dat het kind die dag heel gezond heeft gegeten. Wanneer de statusbalk minder vol is, dan heeft hij of zij niet of minder gezond gegeten. De rode kleur nodigt uit tot beter eten en de groene nodigt uit om het eetpatroon vast te houden. De iconen binnen de app zijn speels en uitnodigend opgesteld. De iconen nodigen uit tot klikken en het spelen van uitdagingen. Waar op de wireframe “Shop” staat komt een icoon voor een winkel, “Home” komt een huisje, “Games” komt een dobbelsteen, en “Instellingen” een tandwiel. Het icoon voor bijvoorbeeld de winkel waar dingen aangeschaft kunnen worden voor de persoonlijke avatar, is duidelijk ingesteld als een winkeltje. Het is dus erg duidelijk dat de gebruiker van onze applicatie hier objecten kan aanschaffen. De punten die verdiend kunnen worden door middel van het voltooien van spelletjes/uitdagingen, nodigen de gebruiker op spelende wijze uit om meer punten te verdienen en op die manier meer en leukere dingen te kunnen aanschaffen in de winkel. Dit is een interactieve manier van geven en nemen met de gebruiker. De gebruiker voltooit een uitdaging, waar onze applicatie weer leukere en extra mogelijkheden voor teruggeeft. Een voorbeeld van een van de spelletjes staat in de afbeelding rechts. Er vallen objecten uit de lucht (gezond en ongezond eten). De bedoeling is dat de gebruiker beseft dat hij alleen de gezonde dingen zoals fruit en groenten moet opvangen, dit is een virtuele manier om gezond te leren eten. Dat kan bijvoorbeeld een goede invloed hebben in het echte leven van de gebruiker van de applicatie. De bedoeling is dat in de winkel spullen gekocht kunnen worden om de avatar van de gebruiker completer en mooier te maken. Dit moet zorgen voor een uitdaging voor de gebruiker om spellen te voltooien en punten te gaan verdienen. Wanneer de gebruiker eenmaal spullen koopt, zal hij/ zij meer en duurdere dingen willen kopen, dat zorgt er voor dat de gebruiker blijft spelen. Ook zal onze doelgroep gezonder willen blijven, omdat het nuttigen van gezond voedsel ook zorgt voor meer punten. Dit allemaal bij elkaar moet er uiteindelijk voor zorgen dat kinderen die het spel Food Court spelen, spelenderwijs gezonder gaan leren eten en dit uiteindelijk ook als levenspatroon aan-
houden. Want jong geleerd, is oud gedaan. De Wireframes zijn te vinden in de bijlage B.
Technisch
Naar verwachting is er gekozen om een realistische app te maken. Deze app kan namelijk vergeleken worden met applicaties zoals “Pou”, waarbij een gebruiker een buitenaards huisdier kan verzorgen. In beide apps staat de avatar van het spel centraal en is het ook mogelijk om de avatar te veranderen door bijvoorbeeld kleding te kopen met de verdiende punten. Ook heeft deze app zogenaamde mini-games. De app zal makkelijk te navigeren zijn. Om de app ook daadwerkelijk te programmeren is het een optie om een programmeur in te huren met een minimum bedrag van 25 euro per uur. Tegenwoordig zijn er echter ook genoeg programma’s waarbij apps gemaakt kunnen worden zonder zelf echt te programmeren. Dit zijn programma’s als GameSalad Creator en Stencyl. Dit soort programma’s zijn gratis te downloaden en makkelijk te leren via tutorials. Daarnaast is het aan ons, om ons aan te melden als developers bij Google Play en Apple, zodat het product op beide markten aangeboden kan worden. Windows laten we hier achterwegen, omdat Android en Apple de grootste markten zijn en er vanuit gaan dat de meeste jonge kinderen toch op een apparaat van die giganten het spel zal spelen. Uit het boek Computers and Education (Liu et all., 2011), blijkt dat leerlingen vaak sneller leren door een simulatie spel, dan door de traditionele colleges. In dit soort spelletjes hebben de leerlingen namelijk de gelegenheid om zelf te ontdekken en de grenzen op te zoeken. Hierdoor zou het spel dus zijn doel moeten behalen. Op de site “How to do simulation Games” staan de valkuilen voor simulatie spellen. Een daarvan is dat het doel van een spel niet duidelijk kan zijn. Ons doel is om kinderen bewuster te maken over gezonde etenskeuzes. Dit zal dus centraal moeten staan in het spel. Daarom is er ook voor gekozen om bij ongezonde keuzes de avatar minder gezond te laten worden. Daarnaast zullen alle mini-games draaien om eten. Een ander gevaar is om het te versimpelen of juist te ingewikkeld maken. De gebruikers zullen dan bijvoorbeeld langer bezig zijn met het leren van de spelregels dan met het spelen van het spel. Hier is het belangrijk om rekening te houden met onze doelgroep: kinderen vanaf 7jaar. Vanwege onze doelgroep zal de game dus vrij simpel zijn, zonder te veel uitleg over de spelregels. De bedoeling is
dat ze er zelf achter komen door het spel te spelen.
Grafisch De ontwerpen zijn in Photoshop uitgewerkt en zijn in Bijlage C te vinden. De uitlijning van de objecten en teksten binnen de wireframes zijn volgens het grid gedaan, en allemaal op 1 gezamenlijke lijn uitgezet met dezelfde pixelafstanden. Er is gekozen voor een rustige blauwe achtergrond in plaats van een speelse drukke achtergrond, aangezien deze app toch enigszins serieus genomen moet worden. Vaak ziet een app er toch wat professioneler uit als er wordt gekozen voor lichte rustige kleuren. Op elke pagina zijn een paar onderdelen terug te zien, zo blijft de titel altijd bovenaan staan. Naast de titel staat de toevoegknop, hierdoor is altijd mogelijk om snel eten toe te voegen aan het dagboek, er is hierbij gekozen voor een groene kleur zodat deze erg opvalt op de lichte achtergrond. Ook wordt de gezondheidsbar standaard weergegeven, zo kan de gebruiker altijd snel zien hoe het ervoor staat met zijn avatar. Tot slot, staat de navigatiebar onderin en aangezien de achtergrond van donker naar licht vervaagt, vallen de lichte navigatiebar icons op op de nog lichtere achtergrond. Bij de navigatiebalk is gebruik gemaakt van speelse iconen die goed te begrijpen zijn, zo zullen de kinderen snel begrijpen dat de dobbelsteen verwijst naar het pagina met spelletjes. Er is voor gekozen om in de navigatiebar iconen groen te laten kleuren die in relatie staan met de pagina waar de gebruiker zich op dat moment bevindt. Dit zorgt ervoor dat de gebruiker weet op welke pagina hij/zij zich op dat moment bevindt, wat er voor zorgt dat verder navigeren binnen de applicatie makkelijker wordt. Er is gebruik gemaakt van het Myriad Pro Regular lettertype, omdat deze erg goed leesbaar is. De titel is bewerkt met de effecten gloed buiten en slagschaduw en de tekst is onbewerkt op lettertype 60 en 55. In het design is afwisselend gebruik gemaakt van een witte en turquoise lettertypekleur, zo is de tekst wit op een turquoise achtergrond en turquoise op een witte achtergrond. Er is hier juist gekozen voor een net lettertype, omdat we vaak zien dat de populaire en verslavende gameapps gebruik maken van een abstract design en niet een kinderachtig ontwerp. Er moest daarnaast rekening worden gehouden met op de verschillende besturingssystemen. Zo heeft Android standaard een terugknop op het schermzelf of als fysieke knop, maar heeft IOS alleen een homeknop. Op de pagina Dagboek moet de gebruiker namelijk terug kunnen naar de pa-
gina Eten toevoegen, dit kan op Android door simpel op de standaard terugbutton te drukken, maar op IOS niet. In ons design (IOS) is er nu wel sprake van een terugbutton, maar op de Android versie zal deze niet terugkomen.
Bronnen Lui C.C., Cheng Y.B., Huang C.W., (2011). “Computers & Education” “How to do simulation games”- https://sites.google.com/site/howtodosimulationgames/examples-of-simulations/a-simulation-of-simulation
Bijlage A
Bijlage B
Bijlages
Bijlage C
