DEVELOPMENT
PICOO
DEVELOPMENT
Dit project sluit aan op het vorige project CREATE-THAT-UX. Ik
werk in dit project nog steeds met dezelfde cliënt. De groep
waarmee ik werkte is echter opgesplitst: in plaats van een team
van vijf werk ik nu samen met Sonya, omdat wij ongeveer hetzelfde
niveau hebben op het gebied van coderen.
Het doel van dit project is om het visuele prototype uit CREATE-THAT-UX om te zetten naar een werkend prototype. Hiervoor heb ik HTML, CSS en JavaScript gebruikt. Sonya en ik hadden allebei nog nooit met een database gewerkt, dus heb ik ervoor gekozen om alles wat opgeslagen moest worden lokaal op te slaan met JavaScript (localStorage).
Het was een lastig project, vooral omdat ik nog niet veel wist van JavaScript. Daarom heb ik gebruikgemaakt van Copilot om mij te ondersteunen. Dankzij deze hulp ben ik de code/Js beter gaan begrijpen. Ik vind het nog steeds lastig om te beginnen met JavaScript, dus ik wil hier zeker nog meer over leren. Ondanks de uitdagingen heb ik in korte tijd veel geleerd.
Het doel van dit project is om het visuele prototype uit CREATE-THAT-UX om te zetten naar een werkend prototype. Hiervoor heb ik HTML, CSS en JavaScript gebruikt. Sonya en ik hadden allebei nog nooit met een database gewerkt, dus heb ik ervoor gekozen om alles wat opgeslagen moest worden lokaal op te slaan met JavaScript (localStorage).
Het was een lastig project, vooral omdat ik nog niet veel wist van JavaScript. Daarom heb ik gebruikgemaakt van Copilot om mij te ondersteunen. Dankzij deze hulp ben ik de code/Js beter gaan begrijpen. Ik vind het nog steeds lastig om te beginnen met JavaScript, dus ik wil hier zeker nog meer over leren. Ondanks de uitdagingen heb ik in korte tijd veel geleerd.
PROTOTYPE
EIGEN PROJECT
Ik ben begonnen met een card-sorting om zeker te weten of mijn
prototype een goed volgorde en goede UX. Daarna heb ik begonnen
met coderen van pagina’s waar de quiz js nog niet voor nodig
was. Sonya en ik hebben de pagina’s verdeeld zodat we allebei
ongeveer even veel maken. Zodra de meeste html en css af was ben
ik gaan onderzoek hoe LocalStorage werkt. Dat heb ik gevonden op
W3schools. Data in de storages te zetten doe je met;
localStorage.setItem(key, value). Data uit de storages te halen;
let lastname = localStorage.getItem(key). Als je een quiz wilt
verwijderen moet het removeItem zijn. Daarna heb ik nog een
aantal filmpjes gekeken van hoe je een quiz maakt met html, css
en js.
QUIZSTAFETTE
De quiz applicatie begon er steeds meer op te lijken. Je merkt
dat er toch meer nodig is dan je van te voren verwacht bij de
opdracht; quiz aanmaken, bewerken en verwijderen. Hier mee
bedoel ik bijvoorbeeld dat het beeld omlaag scrolled als je op
het plusje klikt bij vraag toevoegen. Het zijn kleinen dingetjes
waar ik me een beetje op heb verkeken. opgegeven moment moesten
we er een stop opzetten omdat er nog meer moest gebeuren dan
coderen. Dus hebben we veel buttons niet toegevoegd aan het
werkende prototype zoals concepten opslaan. Daar hadden we niet
genoeg tijd voor gehad.
TESTEN EN ADVIES
Ik heb met het prototype usertesten gedaan bij de doelgroep. We
hebben goede resultaten gekregen. positieve en nuttige feedback.
Zoals in plaats van onderwerp; vak. Daarnaast hebben we onze
cliënt geadviseerd om kunstmatige intelligentie (AI) toe te
voegen aan het genereren van quizzen. Ons advies gaat als volgt:
“Leerkrachten zijn geïnteresseerd in het automatisch laten genereren van quizzen met behulp van AI. Als je deze functionaliteit wilt implementeren in je app of website, raden we aan om duidelijk te vermelden dat het om AI-gegenereerde inhoud gaat. Gebruik bijvoorbeeld een herkenbaar AI-icoon met daarbij de tekst: ‘Controleer de quizvragen en -antwoorden goed; AI kan ook fouten maken.’”
“Leerkrachten zijn geïnteresseerd in het automatisch laten genereren van quizzen met behulp van AI. Als je deze functionaliteit wilt implementeren in je app of website, raden we aan om duidelijk te vermelden dat het om AI-gegenereerde inhoud gaat. Gebruik bijvoorbeeld een herkenbaar AI-icoon met daarbij de tekst: ‘Controleer de quizvragen en -antwoorden goed; AI kan ook fouten maken.’”
ONTWIKKELPROCES EN RESULTATEN | PROJECT PICOO
Kies een processtap
Werkend prototype
Card-sorting
Usertesten (Youtube Shorts)
Coderen
Advies client