User-Centered Design
Inleiding
Voor dit project heb ik voor het eerst gewerkt met Adobe XD en Illustrator, en heb ik van alles geleerd over UI Design.
Debriefing
Voor deze opdracht gaan we een UI maken voor QuirkMind voor een serious game gericht op basisschoolleerlingen tusen de 6 en 10 jaar. Deze game gaat de kinderen leren over Engels, Nederlands, Rekenen, Geschiedenis of Aardrijkskunde. De UI moet dus niet alleen duidelijk zijn, maar ook interessant genoeg om de aandacht van de kinderen vast te houden.
Uiteindelijk gaan we (uiterlijk 12 Januari) een prototype bestaande uit 3 interactieve schermen opleveren. Dit komt dan in een procesdocument samen met deze debriefing, ons onderzoek, onze eerste wireframes, een link om het prototype te testen en zoals altijd ons denkproces, onderbouwing, en reflectie.
Het doel van deze opdracht is dat we leren te werken met Adobe XD en Illustrator, en dat ik weet wat een userflow, wireframes en een interface is, en het belang hiervan.
Onderzoek
Wat is userflow?
Userflow is een soort diagram dat alle stappen die een gebruiker onderneemt weergeeft. Hiermee wordt het makkelijker voor een vormgever om de interface zo efficiënt mogelijk te maken, zodat de gebruiker bijvoorbeeld niet door allerlei onnodige menu’s moet.
Wat zijn wireframes?
Een wireframe is (in deze context) een soort simpele schets van de UI. Meestal wordt dit heel ruw op papier gemaakt om een beeld te geven van hoe elke stap van de interface er uiteindelijk uit gaat zien.
Wat is een interface?
Een interface is de link tussen gebruiker en applicatie. Hiermee kan een gebruiker daadwerkelijk dingen doen. Denk bijvoorbeeld aan een inlogscherm, schermtoetsenbord of pauzemenu.
Bestaande voorbeelden
Als ik denk aan spellen die ik op de basisschool heb gespeeld is er één die ik me nog heel goed kan herinneren, en dat is rekentuin. Rekentuin was een spel waarbij je een tuin kon laten groeien door rekensommen op te lossen. Daarnaast is Squla vrij populair voor basisscholen.
Wireframes
Prototype
Reflectie
Deze periode heb ik voor het eerst na moeten denken over user interfaces, en heb ik voor het eerst gewerkt met Adobe XD en Illustrator. Een hoop nieuwe informatie dus. Hierdoor was ik denk ik ook een beetje overweldigd, waardoor ik niet heel goed overzicht heb kunnen houden en er op het einde pas achter kwam dat er nog een paar dingen ontbraken. Ondanks dat ben ik wel tevreden over mijn resultaat, en denk ik dat ik XD redelijk onder de knie heb.
