# Iteratie > Prototype V2

Na feedback te hebben verzameld op Versie 2 ben ik opnieuw gaan schetsen en designen.

{% hint style="info" %}
Link naar werkend Prototype V2:\
[https://xd.adobe.com/view/0db0af1e-94a1-4709-8d41-30fe4777c74b-58e3/grid](https://xd.adobe.com/view/0db0af1e-94a1-4709-8d41-30fe4777c74b-58e3/grid)
{% endhint %}

## Schermen:

### Onboarding V2

In deze vernieuwde onboarding heb ik vooral designs ge-update om de app er moderner uit te laten zien. Ik probeerde eerst de mix tussen layered blauw en gradient blauw te vermijden omdat me dat te druk leek, en nu probeer ik deze langzaam te introduceren met een subtieler laadscherm.

![Onboarding V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_Qtd6cccY7it4aLLN0%2F-M_QwPF2y-D1puYm31f_%2FV2%20Onboarding.png?alt=media\&token=3cac80e7-863e-4ee5-a9f4-25363d31f2f2)

### Signup / Login

Uit de [feedback](tests-v1/peer-review-v1-folkert-jan) van Folkert gehaald dat Facebook/Google voor zowel inloggen als een account aanmaken kan en handig is, dus bijgevoegd. Gijs gaf in zijn feedback aan de toggle tussen login en signup heel mooi te vinden dus deze heb ik verder zo gelaten.&#x20;

![Signup / Login V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_QyRpExclXRj9FqLb8%2F-M_Qy_HGOaf-eR6OozSZ%2FV2%20Login.png?alt=media\&token=7b208de0-dfe7-426a-9d0d-a78ada82d44a)

### Clean team aanmaken

De achtergrond is nu wit in plaats van grijs, dit oogt 'cleaner'. De pagina indicator bolletjes bovenin zijn subtieler gemaakt, wederom voor een modernere uitstraling. Ook zijn de illustraties bovenin nu toegespitst op het woongezelschap (er komt een poppetje bij als er een extra huisgenoot wordt uitgenodigd en deze komt overeen met het gekozen icoon van die huisgenoot).

![Stel jouw Cleaning Team samen (Generate Schedule Step 1) V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_QyRpExclXRj9FqLb8%2F-M_QykKYJGx9cmVLQ71C%2FV2%20Generate%20-%20Team.png?alt=media\&token=be1cac93-902c-4f42-b81d-a28037ab68e3)

### Generating the cleaning schedule

Ook deze schermen zijn nu wit in de basis voor een betere uitstraling. De knoppen hebben een gradient overlay wanneer geselecteerd voor een modernere look. De radiobuttons zijn vervangen voor gewone buttons omdat dit beter bij de rest van het design past.

![Your home - your clean routine - how clean should it be (Generate Schedule Step 2, 3, 4) V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_QyRpExclXRj9FqLb8%2F-M_Qyt1uGXd41xauZ_i1%2FV2%20Generate%20-%20Rest.png?alt=media\&token=392a050a-8ea6-4cb2-af26-f9319c66cd70)

### Home / Dashboard

Wat voorheen tasks en home los van elkaar was, is nu samengevoegd aan de hand van de [feedback](tests-v1/usability-test-v1-peet) van Peet. Dit zorgt ervoor dat er makkelijker en sneller door de app genavigeerd kan worden en alleen de belangrijkste elementen in de navigatie bar staan. 'Ask Team Clean', voorheen 'Tips' wat via in een in-app browser de live site van het platform opende, is nu verplaatst naar de topbar. \
\
De gebruiker ziet nu bovenaan hoeveel taken hij deze week heeft, hoe lang zijn streak al duur en hoeveel coins hij al heeft verzameld door taken te voltooien. Steals en overdue tasks zijn hier verdwenen. Streak is nieuw toegevoegd en linkt naar de achievements op de Score pagina, waar Coins (voorheen punten, wat verwarrend was voor testpersonen) linkt naar de Shop pagina.

**Nieuw toegevoegd is het filteren op eigen taken, alle taken van alle medebewoners, en steals**. Onder steals komen taken te staan die 24 uur lang niet voltooid zijn, zoals al bepaald was.

![Home / To-do's V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_RfjQlD2-xxxUhd9xP%2F-M_RhJ3E6RhLRlvLoWqb%2FV2%20To-do's.png?alt=media\&token=a511df92-975f-4897-a729-640991375a3e)

De taak detailpagina wordt nu direct geopend door op het takenkaartje te klikken. Aan de taak detailpagina zijn informatieve illustraties toegevoegd om deze aantrekkelijker en duidelijker te maken. Taken worden nu voltooid door deze naar rechts te swipen. Om taken te verplaatsen worden de kaartjes direct naar de volgende dag gedragged en gedropped.&#x20;

![Home / To-do's V2 - Taken voltooien met gestures + Visuele feedback](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_RfjQlD2-xxxUhd9xP%2F-M_RhOX8vb2JiEGMm-yL%2FV2%20To-do's%202.png?alt=media\&token=792fe5fc-3c7b-4be3-82ed-fd2827262e7e)

### Score

Op de score pagina zien gebruikers hoeveel dagen streak zij hebben opgebouwd; hoeveel coins zij hebben; hoeveel taken zij in totaal voltooid hebben en hoeveel steals zij in totaal voltooid hebben. Dit geeft ze inzicht in waar hun coins vandaan komen en kan extra competitie veroorzaken door bijvoorbeeld meer steals dan huisgenoten te willen behalen. Ook kunnen gebruikers nu meerdere statistieken bekijken van de voortgang, er kan gefilterd worden op week - maand en jaar.&#x20;

Uit feedback kwam naar voren dat de vorige chart niet zo duidelijk was, en dus heb ik nu verschillende charts ingezet die goed duidelijk maken om welke gebruiker het gaat, hoeveel coins deze heeft én hoe dit zich uit in verschillende visuele overzichten. Bij de week chart wordt het voor gebruikers ook duidelijk hoeveel coins zij per week kunnen verdienen. Onderaan zijn de achievement badges nog steeds te vinden. Deze zijn nu grijs zolang deze niet ontgrendeld zijn, ook iets wat uit de [test met Peet](tests-v1/usability-test-v1-peet) kwam.

![Score / Charts + Achievements V2](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_R09nIuUTx3kYLBHHi%2F-M_R2SsFxSkWsNhxvnFl%2FV2%20Score.png?alt=media\&token=fd7e79f1-b481-408c-b975-a445bf765276)

### Shop

De shop heeft nu een kleurrijkere, interactieve carroussel met moments boxen bovenin. Ook zijn de filter en sorteer dropdowns vervangen voor klikbare filter knoppen op coins aantallen. Dit omdat er naar verwachting (en die haal ik uit de randvoorwaarde vanuit de opdrachtgever dat de app makkelijk en binnen korte periode te realiseren moet zijn) geen honderden producten komen, en dus is sorteren per ruimte of filteren op bijzonderheden overbodig geworden.&#x20;

![](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_RiyIp0bnOyF2TSRe-%2F-M_Rk-o-2Em53DNxtRRb%2FV2%20Shop.png?alt=media\&token=b51cbd2a-045e-42a3-aec2-c2d2f87a7439)

## Nader uit te werken: Settings&#x20;

Verder gedefinieerd na de [V2 Tests](user-tests-v2-en-v2.5)

![Schetsen en notes van het nog uit te werken account / settings screen.](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_RiyIp0bnOyF2TSRe-%2F-M_RkwlMA7_wMGIy07fd%2FIMG_3051.JPG?alt=media\&token=0967bbd6-f08a-4841-9684-a507e41ac14d)

![Improvements/Additions in MoSCoW: Settings - Notifications en Onboarding](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-M_X86XtqVT8rPivUzxq%2F-M_XRn8ySRZdSHBcHU14%2FIMG_3075.JPG?alt=media\&token=d28b55d6-5ba4-477e-81c8-6bb2b04c824f)

## Eerdere schetsen voor deze iteratie:

![](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZxHzrjMgwLryE-P-qt%2F-M_0DAcJbevGO-I2S0ct%2FIMG_2980.JPG?alt=media\&token=cc8ece70-57a6-4279-95c7-0d30b5270331)

[Bekijk hier de uitgewerkte aanvullingen / iteraties naar V2.5](user-tests-v2-en-v2.5/iteraties-naar-prototype-v2.5)
