Jan 2017 - Nov 2018

One Future Play

In een notendop

One Future Play heeft de 'Sustainability Games'-app ontwikkeld, een ervaring die het bewustzijn, de kennis, vaardigheden en waarden van de gebruiker op het gebied van duurzaamheid test.

Tijdens mijn tijd bij One Future Play was ik verantwoordelijk voor:

  • Ontwerp van de app door middel van onderzoek, wireframes en flowcharts. 
  • Productie van content voor nieuwe klanten, zodat elk project resulteerde in een beleving op maat voor elke doelgroep.
  • Animeren van een motion graphic, om te helpen bij de marketing van One Future Play.
  • Bijwonen van speelsessies, observeren en leren van eindgebruikers.

Details

  • 7 spellen gemaakt (e.g. Nordwin College, Gemeente Utrecht, Gemeente Haarlemmermeer, Rijkswaterstaat, ProRail, Aventus, Stedin)
  • 500+ spelers (ten tijde van mijn werkzaamheden)
  • Bezoek de website →

Motion graphic die ik in opdracht van One Future Play ter promotie van het organisatie.

Achtergrond

Ik kwam op het juiste moment bij One Future Play; toen de app 'Sustainability Games' net aan de eerste ontwerpsessie begon. Ze hadden een verzameling minigames voor ogen die elk bijdroegen aan een duurzaamheidsprofiel. Aan het einde van de ervaring krijgt de gebruiker een beter zicht op zijn bewustzijn, kennis, vaardigheden en waarden met betrekking tot duurzaamheid. Het framework moest zeer modulair zijn, zodat klanten konden kiezen welke modules hun medewerkers/studenten zouden spelen.

Foto van een vroege design sessie, waarbij het team definieerde hoe de app modulair opgebouwd moet worden.

Onderzoek

Ik hielp bij het uitvoeren van vroege test-sessies en maakte wireframes om voorgestelde ‘flows’ met het team te bespreken. Ik deed onderzoek naar concurrerende oplossingen, verkende huisstijlen en hielp bij het interviewen van veld experts bij elke nieuwe klant.

Overzicht van een vroege Photoshop layout, waarin ik de algemene inhoudelijke opzet en flow schetsmatig opzette.

Productie

One Future Play had verschillende klanten, elk met de wens om het raamwerk 'Sustainability Games' te laten vullen met inhoud op maat. Dit betekende dat onze copywriters met vragen moesten komen die dicht bij de expertise van de gebruiker lagen. Maar ook dat de huisstijlgids van de klant werd gebruikt om een ​​ervaring te creëren waar gebruikers zich meteen thuis voelden.

Iteratie van een vroeg prototype, gemaakt in Photoshop.
Screenshot van een vroeg Invision project, die ik samen met mijn team gebouwd heb.

Grafisch ontwerp

Samen met mijn Creative Director en Art Director hebben we een beeldtaal geformuleerd die ons de vrijheid gaf om nieuwe grafische elementen te creëren én ons te houden aan de originele huisstijlgids. 

Ik heb deze beeldtaal gebruikt om een ​​reeks iconen, illustraties en variaties van UI-elementen te produceren.

Screenshot van een Illustrator werkbestand, waarin ik diverse illustraties en iconen maakte voor het spel.
Opmerking: deze mockups zijn het werk van het creatieve OFP team. Mijn rol: illustraties, iconen en vroeg UX/UI.

Animatie

De 'Sustainability Games' bestaan ​​uit verschillende modules, waarbij de gebruiker telkens een bepaalde uitdaging moet volbrengen. Om een ​​soepele ervaring te garanderen, heb ik voor elke uitdaging de basishandelingen geanimeerd. Dit hielp gebruikers te begrijpen wat er van hen werd verwacht en zorgde ervoor dat de app door een breed scala aan gebruikers kon worden gebruikt. 

Ook animeerde ik visuele feedback die gebruikers ontvangen bij het scoren van punten. Deze animatie vestigde hun aandacht op het feit dat ze punten konden verdienen en het konden opnemen tegen hun collega's.

Schetsen van personages voor de Utrechtse spelmodule. Ik experimenteerde met simpele vormen voor makkelijk herkenbare figuren.
Volgende iteratie van de Utrechtse personages, waarbij ik experimenteerde met diverse kleuren. Hierbij zocht ik hoe de personages passen binnen de huisstijl van de app.

Ook maakte ik verhalende animaties genaamd 'Natural Steps', met behulp van After Effects en 'Lottie'. Voor spelers was het de uitdaging om unieke elementen van iedere animatie te identificeren. Later werd de speler gevraagd deze elementen te identificeren:

Om de thematiek van de 'Sustainability Games' modules op een boeiende manier te introduceren, heb ik een reeks van video's geanimeerd/bewerkt:

Nordwin College – intro cutscene

Gemeente Utrecht – intro cutscene

Hieronder volgt een zogenaamde 'animatic', een reeks van schetsen die op een tijdverloop staan. Hiermee kregen we een beter gevoel voor het eindproduct (te zien bovenaan deze pagina), zeker met de toevoeging van tekst uit het vroege script.

Implementatie

Nadat de aangepaste app was gevuld met nieuwe inhoud, werd de hele ervaring intern en extern getest voor een grote release. De release ging in de meeste gevallen gepaard met een evenement, waarbij meerdere medewerkers/studenten werden uitgedaagd om de modules te voltooien en hun resultaten te vergelijken.

Foto's van een Rijkswaterstaat speelsessie, waarbij het dashboard liet zien wat ieders prestaties zijn.

Conclusie

Werken voor One Future Play was een geweldige kans om veel verschillende zakelijke/educatieve omgevingen te ontmoeten, elk met een uniek publiek. Hierdoor leerde ik om snel kernbehoeften in te schatten en een beleving te creëren die nauw aansluit bij de eigen omgeving van de doelgroep.

Enkele belangrijke leerpunten:

  • Breed publiek = eenvoudige interacties; als je voor veel verschillende doelgroepen moet ontwerpen, kun je interactiepatronen het beste zo eenvoudig mogelijk houden. Zo hoef je minder uit te leggen en kunnen gebruikers sneller aan de slag. Ontdek waar gebruikers over het algemeen al bekend mee zijn en profiteer van die bestaande kennis.
  • Verminder complexiteit zonder de gebruiker te verliezen; het is een hele uitdaging om complexe materie te versimpelen tot een A/B-vraag met een strenge karakterlimiet. En toch zal het moeten gebeuren, als je wil dat gebruikers de volledige ervaring voltooien. Het laatste wat je wilt, is dat een gebruiker vroegtijdig afhaakt vanwege een gebrek aan enthousiasme of aandacht.
  • Creativiteit kweekt enthousiasme; door creatieve speelruimte te vinden (zelfs in strikte bedrijfsomgevingen), zijn gebruikers veel sneller betrokken en delen ze hun ervaringen. Met name het uitlokken van competitief gedrag (en humor) werkte heel goed om het onderlinge enthousiasme aan te wakkeren.

 

Interesse? Stuur een berichtje!

nl_NLNL