TREASURES. Stedelijk Museum Amsterdam. Made by Niels Stoeltie Minor UxD

Transcriptie

1 TREASURES Stedelijk Museum Amsterdam Made by Niels Stoeltie Minor UxD 19 juni 2013

2 UxD Niels Stoeltie CMD Amsterdam 19 juni 2013 Voorwoord 1 Het specificatie document bestaat uit diverse onderdelen als onderzoek, concepting, interactie ontwerpen en prototyping. Dit document is een handleiding voor het concept van de Treasure app, waarin duidelijk wordt hoe de app tot stand is gekomen. Daarnaast biedt dit document begeleiding voor het gebruik van het prototype en is het voorzien van interactie ontwerpen voor de overdracht aan het Stedelijk Museum Amsterdam.

3 Inhoud Doelgroep 3 Concept 3 High Level Flow 5 Wireframes en micro-interacties 17 Prototype 20 2 Mobiel 21

4 Doelgroep Het onderzoeken van de doelgroep is een noodzakelijke voorbereiding voor het verloop van dit project. Uit het onderzoek is gebleken dat dit project wordt gericht op VMBO leerlingen tussen de 14 en de 16 jaar. Een moeilijke doelgroep, maar wel een doelgroep die de meerderheid vormt van de Nederlandse middelbare scholieren. Het is een doelgroep waar de culturele instellingen weinig materialen voor hebben doordat de vraag naar kunst educatie voor deze groep nihil is. Toch blijkt dat cultuur een onderdeel is van de lesstof en ook VMBO scholieren kennis moeten opdoen over de kunst die Nederland te bieden heeft. De VMBO leerlingen worden gezien als concentratieloos, druk, weinig motivatie en moeilijk te paaien voor de kunst. Toch zijn dit niet de feiten, want uit onderzoek blijkt dat deze groep wel geinteresseerd is in de kunst. Het is vooral de manier waarop de stof aan deze groep gepresenteerd wordt. Een hele hoop informatie en na afloop een toets werkt bij deze groep niet. VMBO leerlingen moeten bezig gehouden worden, meegenomen worden op een avontuur en nieuwgierigheid opwekken. Concept 3 Om deze doelgroep een positieve beleving van kunst te bieden is het concept Treasures voor het Stedelijk Museum Amsterdam bedacht. Dit concept moet de VMBO leerlingen enthousiasmeren door ze mee te nemen op een avontuur, een beleving waarin ze geen idee hebben wat ze te wachten staat. Elk moment is een nieuwe ervaring. Door het gebruik van diverse seductive design elementen die de leerlingen spelenderwijs laten interacteren met de kunst in het Stedelijk Museum wordt ervoor gezorgd dat leerlingen een nieuw beeld ontwikkelen voor de kunst, met nadruk moderne kunst. Om een beter beeld te krijgen van Treasures zullen de seductive elementen uit het concept uitgelegd worden, want dit zijn de elementen die het concept maakt of kraakt. Begeleider. De begeleider van het Stedelijk Museum speelt een belangrijke rol in het concept van Treasures. De persoon in kwestie is de leidende factor tijdens de rondleiding. De begeleider is de aangewezen persoon om de werking van Treasures aan de leerlingen uit te leggen en de leerlingen te sturen waar nodig is. Daarnaast zijn zij de personen die de informatie over kunstobjecten op een enthousiaste manier zullen delen met de leerlingen. Vervolgens zullen de leerlingen met de app het avontuur voortzetten. Plattegrond. De plattegrond is één van de meest belangrijke onderdelen binnen Treasures, want hiermee zullen de leerlingen navigeren door het Stedelijk Museum en de locatie van de rondleiding ontdekken. Het doel van de plattegrond is ervoor zorgen dat de leerlingen tijdens het navigeren alleen hun focus hebben op de route en niet afgeleid worden door elementen die er op dat moment niet toe doen. De plattegrond is een volledig interactieve kaart waarmee gestures als pinch/zoom en swipe toegepast kunnen worden. Daarnaast kunnen de leerlingen eenvoudig switchen tussen de verschillende verdiepingen die het Stedelijk te bieden heeft. Er zijn drie belangrijke onderdelen in de plattegrond die gekoppeld zijn aan QPS. Met QPS kan de Ipad (leerling) getraceerd worden, zodat de leerlingen altijd kunnen waarnemen waar ze zich bevinden.

5 De pinpoints die aangeven waar de leerlingen naartoe moeten navigeren en de call to action buttons die de leerlingen triggeren om een opdracht uit te voeren. Kompas. Het kompas is een element die de leerling ondersteund bij het vinden van diverse locaties en is gekoppeld aan zowel de plattegrond als de clues. Ook het kompas is een belangrijk onderdeel tijdens de route navigatie, want het element zorgt voor de juiste feedback die de leerlingen nodig zullen hebben tijdens hun zoektocht. Clues. Ieder Kunstobject uit de rondleiding heeft een set aan clues, zodat leerlingen een zoektocht kunnen starten om het betreffende kunstwerk te vinden. Daarom zijn de clues de leidraad van het navigeren naar de juiste locatie, want met behulp van de clues wordt het kompas en de pinpoints geactiveerd. De clues bieden de leerlingen het avontuur wat dit concept zo sterk maakt, want de leerlingen komen met deze aanwijzingen stap voor stap dichter bij de kunstobjecten waar het in de rondleiding uiteindelijk om draait. De kracht van deze clues zijn de ervaringen die de leerlingen meemaken, waarin hun nieuwgierigheid wordt ontwikkeld om meer clues te verzamelen. Daarnaast bieden de clues leuke locatie onderdelen als het vinden van de meest vreemde deur in één van de zalen (er zijn namelijk geen deuren in de zalen) of het vinden mooiste raam. Iedere clue dient geregistreerd te worden met een foto, want alle clues samen zullen uiteindelijk de sleutel zijn om de schat te kunnen openen. Kennisvragen en impressie opdrachten. De kennisvragen en impressie opdrachten behoren tot de kunstobjecten uit de rondleiding en zijn dan ook de laatste clue uit een set. De kennisvragen moeten ervoor zorgen dat de leerlingen zich spelenderwijs verdiepen in de moderne kunst door gerelateerde kunstwerken te zoeken of het materiaal te verzamelen waar een schilderij van Karel Appel is gemaakt. Op deze manier zullen de leerlingen zonder dat het een verplichting wordt leren van van de kunst die in de spellen worden verwerkt en kan de docent na afloop inzien wat de leerlingen hebben opgestoken. In tegenstelling tot de kennisvragen hebben de impressie opdrachten het doel om de leerlingen met elkaar te laten samenwerken en hen het plezier van kunst te laten beleven. Met deze opdrachten hebben de leerlingen een keuze uit drie mogelijkheden, namelijk tekenen, schrijven en fotograferen. Nadat er een keuze is gemaakt kunnen de leerlingen in teams van twee hun creativiteit uiten, waardoor er de meest grappige, diepgaande, kunstzinnige werken ontstaan. Naast plezier maken hebben de impressie opdracht ook een ander doeleinden, namelijk het verzamelen van werken die gebruikt worden na het openen van de schat. 4 Puzzelkaart. Aan het einde van de rondleiding zullen de leerlingen zich verplaatsen naar een verzamel plaatst dat overigens de laatste clue is. Op het moment dat ze hier aankomen zal de puzzelkaart automatisch worden geopend. Het doel van de puzzelkaart is het in de juiste volgorde leggen van alle foto s, zodat de de schat geopend kan worden. Nu wordt het voor de leerlingen eindelijk duidelijk waar de puzzelkaart daadwerkelijk voor dient en waarom ze al die clues hebben moeten fotograferen. Treasure (schat). Het einddoel van het concept. De leerlingen mogen een collage maken van alle impressie opdrachten die ze tijdens de rondleiding hebben verzameld. Om deze collage samen te stellen krijgen de leerlingen diverse design tools om de opmaak naar hun eigen wensen te ontwerpen. Met het maken van een collage zullen de leerlingen hun beleving tijdens de rondleiding in beeld over te brengen en maken ze hun eigen kunstwerk die ze kunnen uploaden op de website van het Stedelijk Museum en ontvangen ze de collage op poster formaat die ze toe kunnen voegen aan hun CKV-dossier. Het idee achter dit einddoel van Treasures is de leerlingen laten inzien hoe mooi en avontuurlijk kunst kan zijn. En hen de kans geven om deze beleving te visualiseren en te delen met andere.

6 High Level Flow ondersteuning prototype Treasures is zo opgebouwd dat de leerlingen op ontdekking gaan naar de schat en de onderliggende clues. Hierbij worden ze stap voor stap langs de verschillende onderdelen in de rondleiding geleid. In de flow zijn de vervolg stappen onbebekent, want de leerlingen moeten deze stappen vrijspelen om verder te komen in het spel. Hierdoor wordt het onmogelijk om clues of opdrachten over te slaan, maar dat maakt de vorm van de interactie met Treasures zo krachtig. De leerlingen zijn op avontuur en die ervaring moet de app bieden. In de High Level Flow zijn de edge cases van de app zichtbaar gemaakt. Helaas zijn deze edge cases niet verwerkt in het prototype. Het goede aan de interactie in de edge cases heeft te maken met het feit dat de primaire flow niet op een vervelende manier wordt onderbroken. Met een simpele en vooral korte navigatie kan de gebruiker kiezen voor diverse secundaire flows als het vinden van toiletten en het vragen om hulp. Annotaties De leerling dient zich aan te melden met de volledige naam, klas en school. Dit moet gebeuren ter controle van de gegevens die de docent aan het Stedelijk museum heeft doorgegeven. 2. De leerling krijgt een overzicht van medestudenten en de begeleider, zodat de leerling weet bij wie zich te voegen en de begeleider kan controleren of iedereen er is. 3. De leerlingen uit het team krijgen een mondelinge uitleg van de begeleider over wat hen te gebeuren staat en hoe de app Treasures gebruikt dient te worden. Vervolgens geeft de begeleider toestemming aan de leerlingen om te starten met de app en de rondleiding zal beginnen. Het is belangrijk dat de begeleider een band kan creëren met de leerlingen, zodat de app niet alle aandacht opeist. 4. Een loop in de app die herhaald wordt aan de hand van de hoeveelheid clues en kunstobject en die zijn toegevoegd door de educatieve dient en docenten. 5. De leerling moet een actieve clue tappen om ervoor te zorgen dat de interactieve plattegrond in werking wordt gesteld, zodat er een locatie pinpoint zichtbaar wordt en de leerlingen het punt kunnen waarnemen en kunnen navigeren. 6. Het kompas zal de leerling begeleiden totdat de clue is gevonden. Dit gebeurd doormiddel van QPS en kleuren die aangeven of de leerling de goede richting op loopt, zodat de leerlingen continu feedback krijgen van de app. 7. Het kompas zal de leerling begeleiden totdat de clue is gevonden. Dit gebeurd doormiddel van QPS en kleuren die aangeven of de leerling de goede richting op loopt, zodat de leerlingen continu feedback krijgen van de app. 8. De leerling dient bij de gevonden clues een foto te maken dat wordt opgeslagen in de puzzelkaart, zodat deze tijdens en aan het einde van de rondleiding gebruikt kunnen worden om de puzzel te voltooien. De leerling heeft een vrije keuze in wat voor een foto er gemaakt wordt, maar er is een foto nodig om de rondleiding voort te zetten. 9. De leerling wordt na de clue opdracht automatisch naar de puzzelkaart genavigeerd, waar eventueel puzzelstukje op zijn plaatst gezet kunnen worden. De interactie gebeurd automatisch, zodat de aandacht van de leerling op dit element gericht wordt. 10. De leerling wordt na het behalen van een aantal clues (het aantal wordt bepaald door de educatieve dienst) naar één van de kunstobjecten genavigeerd, zodat leerlingen stap voor stap hun bestemming bereiken en oog hebben voor wat er om hen heen getoond wordt.

7 11. De leerlingen krijgen bij het betreffende kunstobject een kennisvraag. De vraag wordt zo gevormd dat leerlingen informatie moeten verzamelen om de vraag te kunnen beantwoorden. Ze kunnen elkaar hierbij helpen, de begeleider om hulp vragen en hulp vragen aan de app. De leerlingen kunnen verder als de vraag volledig is ingevuld. 12. De leerlingen krijgen een melding nadat de kennisvraag is gemaakt, hierin wordt vermeld of de vraag volledig is ingevuld. Zo niet dan moet de leerling de vraag opnieuw maken. Hiermee willen ervoor zorgen dat de leerlingen aan dacht besteden aan de kennisvragen. 13. De leerling krijgt de keuze uit schrijven, tekenen en fotograferen om te bepalen hoe de impressie opdracht gemaakt dient te worden. Dit element is er in verwerkt, omdat we de leerlingen een eigen keuze willen laten maken. 14. De leerling heeft een keuze gemaakt en krijgt een melding hoe de impressie opdracht gemaakt moet worden, daar naast wordt de leerling gekoppeld aan één van de teamgenoten. Het moet ervoor zorgen dat de leerlingen samen werken en van elkaar kunnen leren, daarnaast biedt het een seductive element waarmee de leerlingen getriggerd worden. 15. De leerlingen kunnen nu de impressie opdracht maken. De impressie opdracht is volledig vrij, zodat leerlingen hun eigen creativiteit kunnen tonen. De gemaakte kunstwerken worden vervolgens opgeslagen om later in de collage geraadpleegd te worden. 16. Na het behalen van alle clues en kunstopdrachten, wordt de leerling met één laatste clue naar een verzamel locatie genavigeerd. Deze implementatie is van belang, zodat alle leerlingen in een rustige omgeving kunnen werken aan de collage. 17. De leerling krijgt de puzzelkaart te zien waarin alle verzamelde clue foto te zien zijn op willekeurige volgorde. Om de schat te kunnen open moeten de leerlingen de foto s in de juiste volgorde draggen van de gelopen rondleiding. Dit onderdeel is van belang, zodat de spanning die tijdens de rondleiding is opgebouwd aan de hand van een seductive element opgelost kan worden. 18. De leerling krijgt feedback of de puzzel correct is ingevuld, zodat de leerling op de hoogte wordt gehouden over de status van de gemaakte puzzel. 19. De leerling heeft de schat geopend en mag zijn/haar collage samenstellen met de opgeslagen impressie opdrachten en de aangeboden design tools. Het maken van hun eigen collage moet de ervaring van de rondleiding weergeven, daarnaast is het een beloning voor de aandacht die ze hebben gehad tijdens het bezoek. 20. De leerling moet al het gemaakte werk opslaan dat dient als naslag werk voor de docent. 21. De leerling kan zijn/haar collage uploaden op de website van het Stedelijk Museum en krijgt een uitgeprinte versie thuis gestuurd. Deze mogelijkheid staat volledig in het teken van de waardering die het Stedelijk Museum naar de leerlingen heeft en willen dit dan ook graag delen. 22. De leerling dient zijn/haar gegevens correct in te vullen, zodat de print en het uploaden voltooid kan worden. 23. De leerlingen worden na afloop door de begeleider meegenomen naar de verzamelplaats waar de Ipads ingeleverd worden, zodat de leerlingen niet gaan rondzwerven in het museum. 6

8 7 High Level Flow Treasures Versie_v

9 High Level Flow Treasures Versie_v

10 9 High Level Flow Treasures Versie_v

11 High Level Flow Treasures Versie_v

12 11 High Level Flow Treasures Versie_v

13 High Level Flow Treasures Versie_v

14 13 High Level Flow Treasures Versie_v

15 High Level Flow Treasures Versie_v

16 15 High Level Flow Treasures Versie_v

17 High Level Flow Treasures Versie_v

18 Wireframes en Micro-interacties ondersteuning prototype v De wireframes laten de exacte grid indeling van het hoofdscherm zien. Hierin wordt duidelijk waar de diverse elementen gepositioneerd worden, waar de micro-interacties plaatsvinden en welke feedback aan de gebruiker wordt getoond. In de wireframes kan gelezen worden hoe de interactie tussen de elementen werkt en welke statussen de micro-interacties hebben. De wijze waarop de diverse interacties werken heeft te maken met de game-interface dat Treasure wilt uitstralen en dat de leerlingen stap voor stap verder komen in de rondleiding. Om die redenen is het van belang dat de app de correcte feedback op het juiste moment geeft en de micro-interacties op een visuele manier zichtbaar worden gemaakt voor de leerlingen. 17

19 v

20 19 v

21 Prototype Om de werking van Treasures te kunnen ervaren is er een prototype ontwikkeld dat belangrijke interacties weergeeft over het gebruik van het hoofdscherm. Het prototype is te vinden op het volgende adres: In het prototype is een deel van de happy flow verwerkt, waarin de gebruiker de eerste clue van de rondleiding dient op te lossen. Deze clue wordt gezien als een oefening, zodat de leerlingen de interactie leren begrijpen tussen de clues, de plattegrond en de opdrachten. Deze seductive interactie is een loop en wordt aan de hand van het aantal clues continu herhaald. Happy flow. 1. De leerling onderzoekt de interface en valt op dat er een menu open geswipt kan worden. 2. De leerling bekijkt de plattegrond en ziet zichzelf verschijnen op de kaart. 3. De leerling interacteerd met de plattegrond en merkt op dat er een pinch/zoom in verwerkt is. 4. De leerling ziet in het clue menu de eerste clue staan, waarin een taak omschreven staat die de leerling moet uitvoeren. 5. De leerling tapt op de clue. 6. De app toont een nieuwe clue status geselecteerd. 7. De app toont een locatie pinpoint waar de leerling naartoe moet navigeren. 8. De app zet het kompas in werking, zodat de leerling kan waarnemen welke richting hij/zij op moet lopen. 9. De leerling navigeert naar de locatie toe en ziet zichzelf in de plattegrond verplaatsen. Tijdens het lopen veranderd de wijzer van het kompas en met behulp van kleuren geeft het kompas feedback aan de leerling. 10. De leerling komt binnen een ratio van drie meter van de locatie, waardoor de app een call to action button naar de opdracht toont en de clue de status gevonden krijgt. 11. De leerling tapt op de call to action button opdracht. 12. De app opent een camera interface. 13. De app geeft een melding waarin een opdrachtomschrijving staat vermeld (elke clue heeft een andere opdracht omschrijving). 14. De leerling tapt op de button om de opdracht uit te voeren. 15. De leerling maakt een foto van de gegeven opdracht. 16. De app toont een animatie waarin de foto zich verplaatst naar de daarvoor bestemde locatie. 17. De leerling is tevreden met de foto en tapt op de button klaar. 18. De app keert terug naar het hoofdscherm waarin de volledige clue en puzzelkaart menu automatisch wordt geopend. 19. De app toont de clue status behaald. 20. De gevonden clues toont de foto die voorafgaand is gemaakt. 21. De leerling kan doormiddel van drag and drop de foto verplaatsen naar de daarvoor bestemde locatie. 22. De leerling tapt op de button klaar. 23. De app schuift het menu weer in, waardoor het hoofdscherm haar default weer aanneemt. 24. De app toont op de plattegrond de locatie die behaald is. 25. De app geeft een melding dat er nieuwe clues beschikbaar zijn. 26. De leerling kan door de nieuwe clues swipen en merkt op dat de voorafgaande clues er tussen staan met de status behaald. 27. De leerling tapt op de eerst volgende actieve clue button. 28. De app toont een nieuwe pin point locatie en zet het kompas weer in werking. 20

22 Mobiel Op mobiel is Treasures niet veel anders dan op de Ipad. Er zijn kleine veranderingen aangebracht in de interface elementen, maar het doel is om de app op beide devices zo consistent mogelijk te houden. Op mobiel is ervoor gekozen om de gehele plattegrond in landscap te tonen, met daarin dezelfde animaties, gestures en micro-interactie die ook te vinden zijn op de Ipad. Het menu is veranderd, want op mobiel zal dit een slide in menu zijn. Dit zorgt ervoor dat de gebruikers zich concentreren op de belangrijkste interactie elementen, zoals het navigeren in de plattegrond. Zowel de clues als de puzzelkaart hebben een eigen interface op mobiel. De twee interfaces zijn wel doormiddel van een animatie aan elkaar gekoppeld en er kan tussen de twee genavigeerd worden met behulp van een swipe gesture en de daarvoor bestemde buttons. Er is gekozen voor deze grid indeling, omdat het duidelijk moet zijn hoe de flow van de app gebruikt moet worden. Zoals eerder is vermeld worden de gebruikers stap voor stap begeleid langs de diverse elementen in de app. Vandaar dat het erg belangrijk is dat deze flow op een duidelijke manier overgebracht moet worden, aangezien de ruimte op mobiel nihil is. 21

23 Mobiel: Hoofdscherm v

24 23 Mobiel: Clues en puzzelkaart v

25 v