# Prototype V1

## Digitaal interactief prototype (V1)

{% hint style="info" %}
Link naar werkend Prototype V1:\
[https://xd.adobe.com/view/7a5568ea-a1b6-4ccd-8db0-a0785057e79b-2f06/grid](https://xd.adobe.com/view/7a5568ea-a1b6-4ccd-8db0-a0785057e79b-2f06/grid)
{% endhint %}

## Schermen:

## Onboarding V1

Zodra de app opent ziet men enkele seconden een laad scherm, zoals gebruikelijk is.\
Hierna opent de onboarding wanneer het het eerste gebruik betreft, hier wordt in vier schermen met korte teksten en illustraties uitgelegd wat de belofte van de app is en wat de gebruiker van de app kan verwachten.

![V1: Onboarding](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2W8LK93RtMaDU5yf%2FV1%20Onboarding.png?alt=media\&token=82ab51e4-e922-4842-897f-1f5c5310f093)

## Sign-up / Login

Wederom bij het eerste gebruik wordt er aan de gebruiker gevraagd om een account aan te maken of in te loggen. Er is een account vereist omdat gebruikers punten sparen met de app die in te wisselen zijn voor fysieke producten.&#x20;

![V1: Sign-up / Login.](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2Z7uBvKfEfY80Xcr%2FV1%20Login.png?alt=media\&token=3c108253-c9a3-41d6-a1d0-bae3f86a1855)

### _**Waarom een account?**_&#x20;

Niet alleen moeten deze punten beschermd worden en is het voor gebruikers fijn als deze meegenomen kunnen worden naar een extra of nieuw device, ook is het belangrijk dat Henkel deze klanten kan bereiken wanneer zij hun punten inwisselen. Het is nu namelijk de bedoeling dat het inwisselen van punten een coupon genereert per email welke gebruikers op bepaalde locaties kunnen innen voor de producten die zij verkozen hebben.

## Generating Schedule: Team

Na te zijn ingelogd laat de gebruiker bij het eerste gebruik zijn cleaning schedule genereren. Hiervoor heeft het systeem uiteraard wel de nodige informatie van de gebruiker nodig.

![V1: Uitnodigen medegebruikers.](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2cD8B90RVq5407zv%2FV1%20Generate%20-%20Team.png?alt=media\&token=c4f29ff2-13c5-4aa5-a185-89873d658b98)

De eerste stap in het genereren van het schoonmaakschema is het samenstellen van het huishouden. Gebruikers kunnen alleen doorgaan, of hun huisgenoten uitnodigen. De hoofdgebruiker vult hun naam en mailadres in, en kiest een icoon voor ze uit. De uitgenodigde huisgenoot ontvangt een email met een deeplink waarmee de genodigde direct deel kan nemen aan dit rooster. De genodigde gebruiker kan via deze link een wachtwoord aanmaken en zijn naam / icoon aanpassen. Pas na acceptatie gaat het rooster in voor de uitgenodigde gebruiker.&#x20;

### _Icoon wel, kleur niet wijzigen?_

Kleuren kunnen niet worden aangepast, omdat uit de [proof of concept](../proof-of-concept) bleek dat het van belang is dat gebruikers een eigen vaste kleur hebben die ver genoeg weg ligt van die van andere gebruikers. Het icoon speelt een minder grote rol, maar is wel persoonlijker en de testpersonen vonden het leuk dat hun iconen op hen leken. Daarom heb ik het mogelijk gemaakt om het icoon aan te passen, en staat de kleur vast. Zo kunnen er geen kleuren worden gekozen die teveel op elkaar lijken en voor verwarring zorgen. In grotere huishoudens is dit uitdagender, en daarom is er een vast palet van 9 kleuren. Omdat deze kleuren onderdeel uitmaken van een bestaande stijl, kan ik deze niet zomaar aanpassen of aan de kant zetten. Ik heb mijn best gedaan om dit ook voor kleurenblinden gebruiksvriendelijk te maken. Er zijn echter verschillende vormen van kleurenblindheid een erg uiteenliggend effect op het zicht hebben. Daarom zijn de iconen voor mensen met kleurenblindheid wel van belang, en moet hier dus ook in grafieken rekening mee worden gehouden, zo bleek ook uit de [feedback](tests-v1).

![](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZx4nQ0_2eF_cXpf-nv%2F-MZx9pHOxUEVl2rfSpV6%2FColorblind.jpg?alt=media\&token=9f05adb6-4a08-4365-9dd1-d8491b61e8fb)

## Generating Schedule: De rest

Na het aanmaken van een team wordt de gebruiker in het proces van het aanmaken van een schoonmaakschema gevraagd om eerst het aantal en de soorten kamers in zijn/haar huis aan te geven. \
\
Hierna wordt de gebruiker gevraagd op welke dagen hij/zij niet beschikbaar is om schoon te maken (of gewoon vrij wil). Dit kunnen er maximaal drie zijn, en betekent natuurlijk ook dat er op de andere dagen meer taken zullen staan voor de gebruiker. De hoofdgebruiker bepaald dit voor zichzelf. De andere gebruikers zullen alle dagen ingevuld krijgen tot zij dit later aanpassen in hun eigen account.

Tenslotte wordt er om een leven van schoonheid gevraagd, waarbij 'Casually Clean' staat voor redelijk schoon, 'Super Clean' voor gewoon schoon en netjes, en 'Extremely Clean' voor spik en span at all times. Natuurlijk kunnen gebruikers hier een eigen invulling aan geven, en zijn de details hier niet zo belangrijk. De reden om dit te gebruiken is omdat ik persoonlijk heb gemerkt dat de opvatting van 'schoon' per persoon heel verschillend is. Zo stofzuig ikzelf om de dag, en maak ik dagelijks mijn wasbak en spiegel schoon en droog, waar mijn testpersonen dit eens of twee keer per week doen. Zij zijn hierin een level minder dan ik, en ik zou mijzelf op 'Super Clean' zetten omdat ik ook weer niet zo erg ben dat alles continue direct terug op zijn plek moet en wordt schoongemaakt na gebruik. Zodoende.&#x20;

![V1: De vervolgstappen in het genereren van een schoonmaakschema.](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2fG_M-W7oe3UXPnx%2FV1%20Generate%20-%20Rest.png?alt=media\&token=56042504-6b6d-4032-bd06-cb8e4910e352)

## Actual Cleaning Schedule

Na de eenmalige onboarding en generatie te hebben voltooid start de gebruiker op het takenscherm, waar zijn schoonmaaktaken te zien zijn. Rechtsboven op het scherm verschijnt kort een popup naar een info button die uitlegt wat er allemaal mogelijk is op dit scherm.

Taken kunnen worden aangeklikt waarna ze de optie 'DONE' 'EDIT' en 'MOVE' hebben, aangegeven in iconen. Door 'Done' in te drukken wordt de taak voltooid en verdwijnt deze van het schema. De gebruiker krijgt vervolgens de punten die op de taak stonden bijgeschreven. \
\
Door op 'EDIT' te drukken opent de taak-detailpagina. Hierop kunnen gebruikers informatie vinden over hoe een taak moet worden uitgevoerd, welke producten hierbij van pas kunnen komen (met een link naar het product in de reward shop) en waar zij zelf notities toe kunnen voegen voor huisgenoten. Uit mijn [proof of concept](../proof-of-concept) bleek namelijk ook dat het gewenst is om regels toe te voegen.\
\
De 'SWAP' button maakt het mogelijk om de taak de drag-en-droppen naar morgen. Iedere taak kan namelijk eenmalig een dag worden opgeschoven voor als gebruikers verhinderd raken, doordat ze bijvoorbeeld later thuis komen dan verwacht of helemaal niet meer thuiskomen.&#x20;

Als de gebruiker dit 24 uur lang vergeet aan te geven verplaatst de taak zich naar een mapje genaamd 'STEALS'. Hierin komen alle taken van alle nalatige huisgenoten samen en kunnen gebruikers taken stelen van anderen, waarmee ze dus ook hun punten stelen. Wanneer taken in de STEALS map staan maar ook alweer een tweede keer op het to-do lijstje van een gebruiker verschijnen, zijn deze roodgekleurd of met een waarschuwing icoon (NTB) in het schema van gebruikers, de taak krijgt dan een punt aftrek. Dit heb ik toegepast om ervoor te zorgen dat gebruikers zich bewust worden van hoe vaak taken worden vergeten en hen extra te ondersteunen in het opbouwen van een routine en het schoonhouden van het huis. &#x20;

![V1: Het schoonmaakrooster / takenlijst](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2i84sJnk0zzW-j7T%2FV1%20To-do's.png?alt=media\&token=14550599-3c1c-4094-ae7e-172adc06b18c)

## Tips

Naast de takenlijst vinden gebruikers de 'Ask Team Clean' knop in de bottom navigation bar. Wanneer gebruikers deze aanklikken opent het [Ask Team Clean live platform](https://www.askteamclean.com) zich via een in-app browser en kunnen gebruikers antwoorden op specifiekere schoonmaakvragen of dilemma's vinden. Ik heb voor een in-app browser oplossing gekozen omdat een [randvoorwaarde van mijn opdrachtgever](../definitiefase/programma-van-eisen) luid dat mijn oplossing gemakkelijk te realiseren moet zijn.

## Home

Op de home pagina vinden gebruikers een overzicht van hoe zij ervoor staan. Zo staat er bovenaan hoeveel taken zij deze week te doen hebben en hoeveel hiervan er al zijn voltooid. En staan hieronder vier call to actions die leiden naar taken van vandaag, naar vergeten taken, naar de steals map en naar het leaderboard. Hieronder staat het team, gevolgd door de totalen per persoon voor deze week.

## Reward Shop

Dan is er nog de rewardshop. Hier kunnen gebruikers hun verzamelde punten inwisselen voor prijs. Bovenaan staan de grote bijzondere prijzen in een caroussel, dit zijn de [Moments Boxen zoals ik bij 'definitief concept' al schreef,](../definitief-concept) maar ook bijvoorbeeld partner deals van Henkel of bijzondere aanbiedingen die onderdeel uit kunnen maken van een stunt om meer gebruikers te werven en bestaande gebruikers te motiveren, zo werd er meermaals een robotstofzuiger genoemd als motivator in mijn [survey](../definitiefase/survey-en-context-mapping).

Wanneer gebruikers punten inwisselen voor prijs ontvangen ze een duidelijke melding, en krijgen zij een bewijsje per mail waarmee zij tevens hun product ergens kosteloos kunnen bestellen of ophalen. Dit is iets dat buiten mijn app gebeurt, waarvoor ik wel een systeem heb bedacht maar niet de oplossing zal gaan designen en vormgeven.

![V1: ATC - Home - Shop](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2mJnxbDM8-oxevAz%2FV1%20Info%20-%20Dash%20-%20Shop.png?alt=media\&token=6515c7a4-2d0c-4767-b27a-e34919927eb7)

## Leaderboard en Achievements

Tenslotte zit er tussen de homescreen en de shop nog het leaderboard in. Hierop kunnen gebruikers zien hoeveel punten zij totaal hebben, hoeveel taken zij totaal hebben voldaan en hoeveel taken zij gestolen hebben in totaal. Ook zien ze een weekoverzicht met wie er hoeveel punten heeft verdient op welke dag, en staan er op deze pagina een stel achievements waar gebruikers zich extra voor in kunnen zetten.

De achievements kennen verschillende gradaties in moeilijkheid en leveren ook verschillende aantallen punten op. Zo is de level 1 clean streak al unlocked bij 7 dagen achter elkaar schoonmaken en krijgt de gebruiker hier 5 punten voor. Wanneer het om level 10 gaat zijn dit natuurlijk meer punten.

![V1: Leaderboard](https://1590625246-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOB9JOGpDFzw4sFBMzG%2F-MZwdfEXQY5ArfY6SjaE%2F-MZx2p94SNE5pGPOUXYJ%2FV1%20Leaderboard%20-%20Achievements.png?alt=media\&token=f674c48f-af2c-4ce2-a022-1995c92d2ca0)

