# Iteratie > Prototype V3 {% hint style="info" %} Link naar werkend Prototype V3: [https://xd.adobe.com/view/32ecae05-014c-4be2-a391-39db5ca87680-67bf/grid?hints=off](https://xd.adobe.com/view/32ecae05-014c-4be2-a391-39db5ca87680-67bf/flow/?hints=off) {% endhint %} ## Opname van prototype: {% embed url="" %} Omdat er in deze versie vooral kleine details zijn verwerkt heb ik een opname gemaakt van de app ná het genereren van een schema. Enkele belangrijke veranderingen zijn: * De statistiek weergave voor jaarprogressie, welke voor het hele team en per persoon te bekijken is en nu in een lijn is vormgegeven in plaats van in opstapelende tabellen. * Er zijn meer taak detailpagina's uitgewerkt (zie nu ook dweilen bijvoorbeeld) en de producten in deze detailpagina's hebben allemaal een eigen detailpagina gekregen in de shop. * De shop zelf heeft een puntenoverzicht gekregen bovenin en de weergave van producten is iets speelser aan de hand van de feedback van Joop. * De titels op de shop en score pagina's zijn naar de header verplaatst om ruimte in het scherm zelf te besparen. Onderstaand nog enkele wijzigingen die wat groter zijn uitgelicht: ## Onboarding / Tutorial Uit de [feedback van Anouk](/afstudeerproject-abigael/validatiefase/user-tests-v2-en-v2.5/design-expert-test-v2.5-anouk.md) kwam naar voren dat de onboarding video wat snel ging en dat de achterkant wat meer geblurred mag worden om de aandacht volledig te vestigen op de belangrijkste informatie. Uit de [feedback van Joop](/afstudeerproject-abigael/validatiefase/user-tests-v2-en-v2.5/design-expert-review-v2.5-joop.md) kwam naar voren dat de video zou kunnen worden opgedeeld in stappen waardoor gebruikers tussentijds een onderdeel opnieuw kunnen kijken of zelf aan kunnen geven wanneer zij het begrijpen en klaar zijn voor de volgende stap. De nieuwe versie is als volgt: {% embed url="" %} ## Shop items Zelf vond ik tot nu toe de shop het minst strak uitgewerkte scherm in mijn app, omdat ik niet zo goed wist hoe ik het verder kon pimpen omdat het vooral functioneel moest zijn. Uit de [feedback van Peet](/afstudeerproject-abigael/validatiefase/tests-v1/usability-test-v1-peet.md) haalde ik na Versie 1 al gauw de toegevoegde Moments Boxen en hoe ik deze in een interactieve slider kon zetten, maar de rest van de shop leek nog wat suf. Het was lastig om hier design feedback op te krijgen, tot ik in een [Design Expert Review met Joop](/afstudeerproject-abigael/validatiefase/user-tests-v2-en-v2.5/design-expert-review-v2.5-joop.md) een korte demonstratie kreeg over hoe hij het zou doen. Hier heb ik mee geëxperimenteerd, en onderstaand zie je de evolutie van de shop items in mijn app. ![](/files/-MaTbaEEx0-0ONAUnLBz) Uit meerdere tests kwam naar voren dat het fijn zou zijn om een puntentotaal bovenin de shop te hebben, en Joop kwam met de feedback dat het niet nodig is om het logo op iedere pagina te laten zien, maar de ruimte bovenin beter kan worden gebruikt om te laten zien op welke pagina de gebruiker zich bevindt. Onderstaand de progressie van [Versie 1](/afstudeerproject-abigael/validatiefase/prototype-v1.md) naar [Versie 2](/afstudeerproject-abigael/validatiefase/prototype-v2.md) en Versie 3. ![](/files/-MaTePX5dimWO667feab) ### De te verwerken feedback voor deze versie: * [x] Coins total bovenin shop; * [x] Progressbar op shop detailpagina's om visueel te maken hoe lang mensen nog moeten sparen; * [x] ATC knop toevoegen aan [Onboarding](/afstudeerproject-abigael/validatiefase/user-tests-v2-en-v2.5/iteraties-naar-prototype-v2.5.md) video. * [x] Puntentotaal toevoegen bovenin shop, [eerder genoemd ook](/afstudeerproject-abigael/validatiefase/user-tests-v2-en-v2.5/usability-test-v2-esmee.md). * [x] *Kijken naar de tabelweergave voor jaarprogressie in stats scherm.* * [x] Logo banner op pagina's buiten home/hub om weghalen of 'clean routine' vervangen met page name; * [x] Shopkaartjes tot leven brengen door producten er een beetje uit te laten springen; * [x] Pijlen plaatsen tussen onboarding video stappen om gebruiker meer controle te geven. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://abbyshuiswerk.gitbook.io/afstudeerproject-abigael/validatiefase/prototype-v3.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.