Digitale brugergrænseflader
Opgave: Design og programmer en digital brugergrænseflade for Abtion. Med løsningen skal vi lære børn at læse og forstå vejret på en sjov og lærende måde.
Løsning: Produktet er en prototype webapp kodet i HTML, CSS og JavaScript. GitHub blev brugt til versionsstyring. Det er et drag n drop spil, hvor målet er at klæde en figur korrekt på efter vejret.
I appen er der et forældreområde, en loginside, et spilleområde og et belønningsområde. Jeg har udviklet en animeret prototype i XD, som blev testet på udvalgte i målgruppen.
Derudover var jeg med til at lave loginsiden til forældreafsnittet og brugte JavaScript til en talkode-verifikation. En gennemgang af appens funktionaliteter kan ses herunder:
Indsigt og læring
Ved at udpensle brugergrænsefladens user flow fik vi styr på, hvordan spillets komponenter hang sammen, før vi gik i gang med at kode indholdet.
I løbet af projektet fik jeg praktisk erfaring med, hvordan man tilrettelægger arbejdet i GitHub, når flere sidder inde over samme kode.
Derudover fik jeg mulighed for at arbejde med grundlæggende JavaScript koncepter og termer.
Metoder og værktøjer:
Webudvikling: HTML, CSS, JavaScript.
Design: Illustrator.
Prototype: Adobe XD.
Versionsstyring: GitHub.
Designproces: Design Thinking.
Projektledelse: SCRUM.