CinéPicker

Achtergrond

Dit project is een opdracht vanuit mijn CMD studie. Het doel hiervan was het maken van verschillende opeenvolgende prototypes gericht op de casus 'filmavond'. De volgende probleemstelling, ontwerpvraag en user need statements waren al opgesteld en dit project bevat verder ook geen voorgaand onderzoek. Met deze gegevens ben ik gelijk aan de slag gegaan met het maken van mijn eerste prototypes, deze zijn tussendoor wel getest en geavalueerd.

Probleemstelling

Je wilt samen met je vrienden een leuke avondfilm kijken. Je start daarom een app groep. Het lukt meestal vrij snel een geschikte avond te vinden waarop iedereen kan, maar het kiezen van een film blijkt iedere keer weer ‘rocket science’.

Ontwerpvraag

Hoe kun je samen met je vrienden een filmavond organiseren met een filmkeuze die naar ieders wens is?

User Need Statements

Task Flows

Taskflows helpen mij om ervoor te zorgen dat elke actie logisch, efficiënt en intuïtief aanvoelt.

Elke flow geeft de stappen aan die de gebruiker moet doorlopen om het doel van de drie verschillende user need statements te bereiken. Deze zijn kort samengevat gericht op: het uitnodigen van gebruikers, het maken van een keuzelijst en het uitbrengen van je stem.

Wire Flows

Hierin voeg ik alle taskflows, oftewel alle user need statements samen tot één uitwerking in de vorm van een app lay-out. Deze schetsen richten zich vooral op de interactie en navigatie binnen de verschillende schermen en hoe dit het soepelst zou kunnen verlopen voor de gebruiker.

Door het maken van deze wireflows kan ik snel itereren op de logica van de interacties en de navigatie testen met gebruikers.

Films kiezen, stemmen en resultaat bekijken

Films kiezen in meerdere stappen

Films kiezen en stemmen

Nieuwe filmavond aanmaken en vrienden uitnodigen

Alternatief overzicht inplannen filmavonden

Filmavond aanmaken eindversie

Wireflow van de gehele app V1

Wireflow van de gehele app V2, eindversie

Feedback

Een belangrijk feedback punt was gericht op de uitnodiging. Daar zou ik gebruikers ook de optie moeten geven om een uitnodigen af te wijzen of aan te geven dat zij ‘misschien’ kunnen. Daarnaast mis ik nog wat terug opties waardoor gebruikers vast komen te zitten op een aantal schermen. Ook kreeg ik de feedback om bij het kiezen van de films aan te geven wat het genre is, zodat de gebruiker dit niet zelf hoeft te onthouden.

Mid-Fidelity

Het doel van dit mid-fidelity prototype is om de wireflows een stap verder uit te werken en hierbij opnieuw te kijken naar de alternatieven. Dit prototype is volledig navigeerbaar, wat het ook weer gemakkelijker maakt voor een usability-test. Hiermee wil ik kijken hoe de gebruiker zo snel en gemakkelijk mogelijk zijn filmavonden in kan plannen. Wanneer ik dit weet kan ik mij gaan richten op de visuele opmaak van de app.

Usability Testing

Nog toevoegen.

Kleurenpalet

Ik heb gekozen voor een redelijk monochromatisch kleurenpalet om te zorgen voor een cohesief, maar vooral ook rustige basis. Dit leek mij van belang omdat de filmposters al zorgen voor een hoop visualisatie. Er is gekozen voor een nachtblauwe basis, omdat dit goed past bij het thema van een filmavond en daarnaast opnieuw rust uitstraalt.

High-Fidelity

Het doel van dit high-fidelity prototype is om de app zoveel mogelijk op een ‘echte’ app te laten lijken, zodat deze daarna opnieuw getest kan worden voordat hij ook echt gemaakt zou worden. Dit prototype moet volledig werken en gebruiksvriendelijk zijn.

Nieuwe filmavonden kunnen worden aangemaakt binnen 3 stappen. Je kiest eerst een datum, tijd en locatie, hierbij kan je kiezen uit een thuis adres of een bioscoop (wat zorgt voor een andere manier van kiezen en stemmen). Daarna kan je wat korte extra informatie toevoegen en als laatst nodig je vrienden uit.

Het samenstellen van je eigen keuzelijst bestaat voor (thuis) films altijd uit 3 stappen; je geeft 3 films op die je graag wilt zien, optioneel maximaal 3 films en acteurs die je niet wilt zien en als laatst krijg je een overzicht te zien van jouw keuzes die je dan kan bevestigen of eventueel nog kan aanpassen. Nadat iedereen zijn keuzes heeft opgegeven kan je verder naar de stemronde. Hier wordt een lijst weergeven met ieders gekozen films waar je door heen kan scrollen en aan kan geven of je deze wel of niet wilt zien.

Nadat iedereen heeft gestemd wordt de resultaten pagina beschikbaar. Hierbij wordt de top 3 films weergeven, zodat je altijd nog een andere beslissing kan maken om wat voor reden dan ook. Daarnaast kan je op de films klikken voor meer informatie over de inhoud, genre en lengte van de films.