Corné Voorwinden
TeamWork
UX/UI design
Tijdens mijn CMD opleiding moesten we in tweetallen voor het vak behavioral design een app ontwerpen die voor gedragsverandering zou zorgen. Tijdens dit project heb ik samengewerkt met Domeyko Valderama.
Om meer over het product te weten te komen kan je de Design Rationale bekijken. In de Design rationale worden onderdelen meer toegelicht en wordt het proces in kaart gebracht. Verder is ook hele hele proces te lezen in de product biografie.
Mijn rol in het project:
Bij mij lag de focus tijdens dit project op het UX design, Domeyko had meer ervaring met visual design daarom was hij ook verantwoordelijk voor het UI design. Echter hebben we gedurende het proces wel constant samengewerkt en ook samen gebrainstormd. Wij hebben aan het einde van het project samen de usability testen gehouden.
Ik was tijdens het project verantwoordelijk voor: onderzoek, concepting, het maken van userflows, flowcharts, schetsen etc.
Huidige situatie
In dit project gaat het over hva studenten en wat voor invloed hun vele telefoongebruik op ze heeft. “nuttige” tijd is voor iedereen anders. In dit project bedoelen we “nuttige” tijd, tijd die studenten aan huiswerk en leerwerk voor school besteden. Wat veel voor kwam waren studenten die probeerden te leren en daarvoor naar de medialounge gingen. Hier leggen zij hun spullen klaar om aan het werk te gaan, maar vervolgens pakken ze hun telefoon erbij. Het telefoongebruikvan de studenten zorgt er dus voor dat ze heel snel afgeleid worden tijdens het leren. Daarnaast werden ze ook onderbroken door mede-studenten.
Probleemstelling:
Hoe kan een interactieve app er voor zorgen dat hva studenten die snel worden afgeleid in de medialounge zich beter kunnen concentreren door middel van een spel waarin je beloningen en straffen kan toevoegen?
Concept:
TeamWork is en app waar je door middel van een spel samen geconcentreerd kan werken aan je doelen. Waneer je een sessie begint dan kan de winnaar aan het einde van de sessie een beloning krijgen en de verliezer kan een straf krijgen.
TeamWork is er voor studenten in de medialounge, het helpt om de doelen van deze studenten te verwezenlijken. De doelen van deze studenten zijn dat ze niet afgeleid worden en productief kunnen zijn. TeamWork zorgt er voor dat studenten samenwerken en gemotiveerd zijn om geconcentreerd te werken.
Research:
Omdat we aan het begin van het project een heleboel aannames hadden wilden we alvast op wat antwoorden komen. Hiervoor hebben we een enquete opgesteld en rondgestuurd naar een aantal medestudenten van CMD. Uit de enquete kwamen een aantal opvallende uitkomsten. In totaal bestond de enquete uit 7 vragen.
User flow:
Het toekomstige gewenste gedrag wordt op dit moment niet vertoond omdat de studenten nog te veel getriggered worden om hun telefoon op te pakken en met vrienden te praten.
Flowchart:
Bij de screen flowchart ging het vooral om de flow. Wat er gebeurt als je interactie hebt met de app. Onder de flow zijn er voor sommige schermen een beschrijving te zien wat er op die pagina gebeurt of wat de gebruiker moet doen.
Schetsen:
Verder begonnen we te schetsen om te kijken of de flow in orde was, als we dan al veel naar de visuals zouden kijken zouden de visuals te veel afleiden en hadden wij niet de gewenste testresultaten weten te behalen.
We hebben ons geïnspireerd van de apple music app voor het maken van de schermen. Waarbij de features die het heeft duidelijk te begrijpen zijn.
Iteraties:
Na de connecting fase was het van belang om het ontwerp visueel te maken, dit door middel van meerdere iteraties. De iteraties begonnen met schetsen eindigde in een visueel prototype (zie onderste afbeelding).
​
Tijdens het itereren is ook regelmatig getest om zo ook te verifiëren dat het design de gewenste werking heeft en dat alle functies duidelijk zijn.
Usability testing:
Het doel van de usability test was voor ons om te kijken of de gebruikers de flow van de app begrepen. D.m.v. de usability testen waren wij ook in staat om dit visueel zichtbaar te maken plus de feedback van de testpersonen zorgde ervoor dat wij ons product gericht konden verbeteren.
Wat ons opviel aan het testen was dat de testpersonen de flow snapte, ze wisten hoe ze iets moesten bereiken maar dachten soms ook dat er meerdere wegen waren om bij een bepaald punt te komen.
​
Waarom werkt het?
- Teamwork geeft in het begin aan een duidelijk uitleg over de werking van de app, door de eenvoudigheid is voor de gebruiker makkelijk en vooral snel te begrijpen
- TeamWork helpt de gebruiker door middel van een spel zich te focussen op zijn taken
- Het product is mogelijk te spelen met meerdere mensen
- Teamwork geeft je de mogelijkheid om per sessie je resultaten te bekijken zodat je erop kan reflecteren
- Teamwork zet de stoorzenders (mensen om je heen en je telefoon) om in middelen om gefocust te blijven.