Ontwerpopgave 


Hoe kunnen we de applicatie van een slimme voerbak voor katten zo ontwerpen dat drukke baasjes die veel werken op afstand hun kat kunnen voeren, de band versterken en gerustgesteld worden over het welzijn van hun kat?
Project Start
Mijn ontwerp tijdens dit teamproject richtte zich op de gebruikerservaring, waarbij ik werkte aan het inlog- en registratieproces, account- en kattenprofielbeheer, het delen en beheren van toegang en meldingen
Ik paste een iteratief proces toe met snelle prototype ontwikkeling van low naar high Fidelity met tussentijdse testmomenten. Dit proces begon met opstellen van een wireframe en flowchart op basis van de briefing.  
We focusten vooral op het versterken van de band tussen baasje en kat. Door dit concept tijdens de eindexpositie tastbaar te maken, wonnen we de award voor "Beste Expo".
Respondent test registratieproces
Low Fidelity
In de eerste iteratie maakte ik een low fidelity paper prototype op basis van de flowchart en wireframes. Ik testte dit met drie gebruikers om de flow en logica van het registratieproces te bekijken. 
Met losse papieren als interacties kon ik snel inspelen op hun acties en meteen aanpassingen maken.
Start scherm
Start scherm
Registratieproces
Registratieproces
Registratieproces
Registratieproces
Code invoeren
Code invoeren
Code invoeren
Code invoeren
Code invoeren
Code invoeren
Meldingen
Meldingen
Meldingen
Meldingen

Mid Fidelity
In de tweede iteratie werkte ik aan het wijzigen van het kattenprofiel met een mid fidelity prototype in Figma. 
De focus lag op het opwekken van empathie bij de gebruiker, om de band tussen baas en kat te versterken. Meerdere respondenten gaven aan dit te zien in de vorm van customization binnen de app. Daarom bouwde ik een custom Avatar systeem in het prototype.
Ook kwam er uit deze testen dat de Tone of Voice casual moet zijn, in tegenstelling tot het drukke leven van de gebruiker. Dit had invloed op de kleuren en manier van aanspreken in het volgende prototype.
Respondent test avatar systeem
Respondent test avatar systeem
Avatar systeem
Avatar systeem
Wireframes Iteratie 2
Wireframes Iteratie 2
Instellingen
Instellingen
Profiel Kat
Profiel Kat
Profiel Kat Wijzigen
Profiel Kat Wijzigen
Final High Fidelity Prototype
Opening App
Opening App
Registratieproces
Registratieproces
Registratieproces
Registratieproces
Instellingen
Instellingen
Toegang beheren
Toegang beheren
Toegang tot app delen
Toegang tot app delen
Kat profiel beheren
Kat profiel beheren
Kat profiel wijzigen
Kat profiel wijzigen
Avatar aanpassen
Avatar aanpassen
Kat profiel Avatar
Kat profiel Avatar
Profielfoto kiezen
Profielfoto kiezen
Kat profiel met foto
Kat profiel met foto

Wacht, er is meer! Blijf je nog even hangen?

Back to Top