User-Centered design, Module 1.6

MODULE SKILL 1.6

User- centered Design

Luuk Schaeffer

DDM2A

09-01-2024

Voor deze module hebben we moeten leren wat een UI (user interface) inhoud, en hoe je dit op een effectieve manier ontwerpt. De opdracht was om een UI voor een mobiele app voor school kinderen van de 6 to 10 jaar te ontwerpen. Deze app zou dan dus te maken moeten hebben met de onderwerpen die deze leeftijdsgroep op school zou behandelen.

Opdracht 1: Debriefing

Hierbij hebben we alle inhoudelijke punten moeten samenvatten voor onszelf. Dit heb ik op papier gedaan:

Opdracht 2: Onderzoek en test

Ik ben gaan kijken naar wat ik zou willen maken als app. Hierbij heb ik inspiratie genomen van verschillende mobiele apps die mij o.a passend leken bij het onderwerp en doelgroep.

Ik dacht meteen aan een leerzame app met een bijbehorende amusement functie. Ik weer dat jongere kinderen vaak snel aangetrokken tot "mascotte" of "skin" games, dus games waar je je eigen karaktertje kan kiezen of samenstellen. Een leerzame game met een punten systeem waarmee je outfits of skins kan kopen leek mij passend bij de opdracht en doelgroep.

Inspiratie hiervoor was voor mij: Duolingo voor het spel systeem zelf (hieronder de UI referenties daarvoor)

en Studyflow: een web-based reken game die ik op de middelbare school moest spelen, waarbij je doormiddel van rekensommen maken je eigen vis avatar kon customizen. Dit vond ik toen der tijd een leuke manier van rekenen, omdat je een soort extra motivatie kreeg om de sommen goed te maken, en je kon de skin van iedereen in je klas zien (die vaak expres grappig/ lelijk waren). Hieronder de UI referenties daarvoor.

Opdracht 3: Schetsen UI

Opdracht 4: Uitwerking

Ik ben hierna mijn idee gaan uitwerken. Ik heb geprobeerd een kinderlijke maar rustige stijl aan te houden. Ik wou dat de app aantrekkelijk kon zijn voor jongens en meisjes, dus heb het zo neutraal mogelijk gehouden. Ook vond ik het belangrijk dat het er nog een beetje professioneel uit zag, ook al was het voor kinderen gemaakt, omdat het nog steeds een school applicatie zou zijn.

Ik heb alleen de mascotte in photoshop gemaakt, dit lukte mij niet goed in illustrator. Het was ook de bedoeling om de shop een groter aspect te maken in het prototype maar hier heb ik uiteindelijk de tijd niet voor gevonden.

Wireframes: