Museumbezoek onder Studenten

Vergelijkbare documenten
Ontwerpspecificatie. Project Second Screen. Marijke Dekker V101

INTERACTIE. In de Appendix vindt u de wireframes.

M I K E R U B I O K E R N T A A K

Prototype/Usability testverslag

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

Olivier van t Hof ( ) Individuele opdracht 2 Kroller Muller. Introductie Introductie

Museumbezoek onder Studenten

Pim Broekhof. Art Media en Me. Autobiotic Selfie Verslag G&I1A Saskia Freeke Sonja van Vuure Martin Lacet John Hennequin

Einddocument project 3: Voor het goede doel!

make things ETA by Boudewijn Naaijkens

Van. naar online. minpunten van:\ QR-codes. Layar

User testing: Aan de hand van een expectation map heb ik 3 verschillende personen gevraagd om het prototype te testen.

Naam: Valérie den Besten Klas: G&I A Datum: Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14)

Dennis Wagenaar v 1.0

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

Inhoud. Ontwerpdocument 18 juni 2007

Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Testreportage. Door: Daniëlle Visser ( ) Timo van Vliet ( ) Roberto Nelissen ( ) Nina Haitsma ( ) Groepsopdracht 6

CMDIAD2Q4 INTERACTION DESIGN. Corine Vuijk CMD4b

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

Culture Shock -PIM. GROEP 7 ESRA ATESCELIK STUDENT NR: JUNI 2009 Eak500@few.vu.nl. Esra Atescelik juni

Handleiding voor het maken van je eigen webpagina op de schoolsite

BESCHRIJVING DEELONDERZOEK: USER TESTING. Joost van der Zanden /05/2016

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook?

Ontwerprapport Fietsenrek

Ontwerpdocument Beeld

Eindopdracht Product Ontwerpen 1213

DESIGN THIS 2 MEREL SCHAAP CMD3C

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Algemene regels. Stappenplan webdesign

Verslag Opdracht Artis. Andreas Vos Sidney de Vries Mehran aghazadeh Olivier van t Hof. Concept

Test-plan 2 Project Portfolio

Connect Social Business

10 FACEBOOK TIPS VOOR BEDRIJVEN

Checklist opmaken van een nieuwsbrief Sendt

d e s i g n d o c u m e n t MELK

Aan de rechterkant is een werkbalk te zien. Onderaan krijg je de instructie: Dubbelklik of sleep een bestand op een plek om iets te plaatsen.

Studiekeuzedag CMD voorbereidingswerkboek

Campagne voorstel De Financiële Coöperatie

Soft-Solutions. Stageverslag

The Arternet: Ontwerpdocumentatie

HTC you Campaign Propositie Htc belooft een telefoon die bij jou past en voldoet aan jou persoonlijke behoeftes.

Eindverslag project Nieuwe Dingen Doen INSPIRATIE DAGBOEK

Promotieplanning Darren Arendse

3. Wat betekent dat voor de manier waarop lesgegeven zou moeten worden in de - voor jou - moeilijke vakken?

HANDLEIDING Windows XP Deel 1

ONTWERPDOCUMENT NEMO. Jesse van Thijn & Tessa de Goede Project Visual Visual Essay

CASE Campagne Stad Genk

Portfolio Fiona Roos. Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual. Tel.: +31(0)

1. Inleiding Hoe wordt mijn website gemakkelijk gevonden in de verschillende zoekmachines.

CREATIEF MERKDESIGNDOCUMENT VAN MOOF

Intro Achtergrond Keuzes

Introductie. Het concept. De website

Aanspreekpunt voor studenten Informatica van Avans Hogeschool voor stage en afstuderen.

WERKVORMEN MAGAZIJN. Wat is netwerken? Landelijk Stimuleringsproject LOB in het mbo

FULL SERVICE RECLAME- EN DESIGNBUREAU

PORTFOLIO MEDIA PROFTAAK INTERACTIEF DESIGN PAPER PROTOTYPING PROTOTYPING HTML5/CSS3 BRANDING CLICKABLE PROTOTYPE

Ontwerpverslag. Mobile Concepting 16 maart Rogier Wijnands Jelle Clignet Tom Bessems

Kunst kijken met Google Art Project

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

Plan van aanpak SPNS

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof

Voorwoord. AHA! De Grafisch Vormgever Voor Communicatie en Multimedia Design studenten.

Handleiding blog-artikelen opmaken Wageningen UR Blog. Oktober 2015

CONCEPTVERSLAG. Amber van Blitterswijk Rob den Breems Mike Broere Sanne de Jager Nikita Veenhuizen

Versie 2. Opdracht deel B Inhoud. Raoul Vos Hogeschool Leiden Studentnummer:

Snuffelstage Exact. Kjell Ouwendijk Klas 2D. Stagebegeleiders : Dhr. Michael Vermeulen Dhr. Deyar Aljabbary Dhr. Olivier Deleye

Haal meer boekingen uit uw website! Meer bezoekers, meer boekingen, meer gasten Tommy Bookingsupport & TenZer

Plan van aanpak, 17 september 2014

Location Based Media

AR Technology by VEEEW - Magazine 01

Bart ter Steege The Mobile Mindmap

FOTO S EN VIDEO S MAKEN

Titanpad. Answergarden. Wordle. Tricider. Resultaten Workshop ICT & Aps

Airmax. De verpakking:

Concept document Kitesurf Spot Elyse Teerink November 15, Conceptdocument Informatie Architectuur

Een nieuw bankbiljet ontwerpen toegepaste kunst

Milledoni.nl Ontwerpdocument herontwerp zoekfunctie. Models & Processes Sanne Schouten Klas: V1-07 Docent: Koop Reynders

Naam: Huseyin Ayaz St. Nummer: Groep: imm08209 Universiteit der dromen

Transcriptie:

Museumbezoek onder Studenten Ontwerprapport CMD-Project Jelle Clignet CMD2B 1108174

Inhoudsopgave Inleiding 2 Concept 3 Beschrijving van het concept 3 Applicatie 3 Ondersteunende middelen 3 Middelen 4 Applicatie 4 Flyer(s)/Poster(s) 4 Timeline cover 4 Gerelateerde Projecten 5 Resultaten & Discussie 6 Schetsen 6 (Low-)Fidelity Prototype(n) 7 Testscenario s en tests 7 Testpersonen 7 Kernontwerpen 9 Conclusie 10 Bijlagen 11 Bijlage 1 11 Bijlage 2 12 Bijlage 3 14 Bijlage 4 15

Inleiding In deze inleiding zal kort teruggeblikt worden op wat er in de analysefase is geconcludeerd. Vervolgens zal er hier ook verteld worden hoe de ontwerpfase opgebouwd zal zijn en welke verschillende onderdelen besproken worden. Uit de analyse is gebleken dat er steeds minder jongeren naar een museum gaan. Dit komt door een gebrek aan communicatie, namelijk: jongeren hebben als mening dat musea saai en oubollig zijn, maar zijn er dus niet van op de hoogte dat musea nog andere uitdagende activiteiten hebben. De oplossing moet studenten meer betrokken laten raken met musea, en in dit geval met het Thermenmuseum. Musea moeten bezig zijn met waar jongeren mee bezig zijn, zoals social media, moderne/nieuwe media et cetera. Er moet sprake zijn van tweerichting verkeer omdat dit de normale gang van zaken is in de wereld van nieuwe media. De doelgroep moet het museum ervaren of beleven en niet slechts naar statische dingen kijken. De oplossing die gemaakt moet worden zal vernieuwend zijn. Vernieuwend in de zin dat het Thermenmuseum een dergelijk iets nog niet gedaan heeft. De oplossing gaat een soort van web campagne gecombineerd met een applicatie worden. Dit houdt in dat jongeren via social media op de hoogte gebracht worden van een verbeterd stuk technologie in het Thermenmuseum. Een applicatie die ervoor zorgt dat je het museum beleeft, en niet het gevoel wordt opgewekt dat je zelf geen interactie kunt hebben. Volledige toelichting over hoe de campagne wordt vormgegeven zal later in dit verslag in detail worden uitgelegd en uitgebeeld worden door middel van schetsen, low-fidelity prototypes en kernontwerpen. In dit verslag komen de volgende onderdelen aan bod: Inleiding Concept Gerelateerde Projecten Resultaten & Discussie Conclusie Bijlagen De Inleiding spreekt voor zich. Bij Concept wordt het concept uitgelegd, wordt er gebrainstormd over welke middelen er komen, hoe deze middelen vormgegeven moeten worden en hoe ze ingezet zullen worden. In het hoofdstuk Gerelateerde Projecten zal er gekeken worden naar soortgelijke oplossingen, en zullen hier goede en slechte punten uitgehaald worden die wel (of juist niet) gebruikt kunnen worden bij dit project. Bij Resultaten & Discussie zal ik de schetsen, prototypen et cetera tonen die ontwikkeld zijn, en toelichten waarom zij er zo uit gaan zien. De toelichting zal bestaan uit de keuzes die ik maak (denk aan kleurgebruik, plaatsing van knoppen, vormgeving et cetera). In de Conclusie zal duidelijk gemaakt worden hoe de laatste fase (Realisatiefase) van start zal gaan en zal uitgelegd wat er uit de Ontwerpfase geconcludeerd is. 2

Concept In dit hoofdstuk zal worden beschreven welke middelen ingezet zullen worden, en waarvoor ze dienen. Het concept (idee) zal als eerste worden beschreven zodat het idee erachter duidelijk wordt. Beschrijving van het concept Na brainstormen en mindmapping zijn er een aantal middelen uitgekozen die in de campagne worden gebruikt. Deze middelen ondersteunen het hoofdmiddel. De mindmap is te vinden in de bijlagen als Bijlage 1. Applicatie Het hoofdmiddel zal een applicatie zijn. Deze applicatie geeft een plattegrond weer van het museum met QR-scanpunten. Met de QR scanner in de app kun je op deze punten de QR- Code scannen en dan krijg je meer informatie over het werk waar je op dat moment naar kijkt. Verder kun je in de applicatie informatie over de tentoonstelling, het museum en de applicatie vinden. Uniek is het gastenboek, waarin mensen met een mening en een rating van 1 t/m 5 kunnen laten weten hoe het museumbezoek was voor hen. Ondersteunende middelen Ondersteunende middelen bestaan uit flyer(s)/poster(s) die op verschillende social media platformen ingezet kunnen worden, maar ook bijvoorbeeld opgehangen kunnen worden op plekken waar jongeren vaak komen. Voor Facebook zal een speciale timeline cover gemaakt worden. De ondersteunende middelen zijn er om kenbaar te maken dat de applicatie er is. Dit omdat de applicatie anders zou bestaan zonder dat iemand ervan afweet. Op de flyer en de timeline cover komt ook een QR-Code met een download link naar de applicatie. Er moet kenbaar gemaakt worden dat de applicatie bestaat en te downloaden is. 3

Middelen Ze zijn al eerder kort aangestipt, maar hieronder zullen de middelen gedetailleerd beschreven worden. Dit houdt in dat er uitgelegd zal worden wat ze bevatten en uit welke pagina s de applicatie zal bestaan. Applicatie Om de applicatie goed vorm te kunnen geven moet eerst geïnventariseerd worden welke schermen nodig zijn en wat er op die schermen te staan komt. De volgende schermen zijn nodig in de applicatie: Startscherm; Scherm met uitleg over de applicatie; Plattegrond met QR-scanpunten. Geeft ook aan waar je je bevindt in het museum; Scherm waarmee je de QR-Codes mee kunt scannen; Scherm met een gastenboek waar mensen reacties achter kunnen laten over hoe zij het museum en de tentoonstelling vinden; Scherm waar je je reactie kunt schrijven; Informatie over het kunstwerk dat gescand is; Informatie over het museum. Flyer(s)/Poster(s) De flyer moet de applicatie duidelijk overbrengen. Hij moet tonen waar de applicatie over gaat, wat gedaan wordt door één korte beschrijvende zin. Ook moet natuurlijk duidelijk zijn dat de applicatie van het Thermenmuseum is en je deze kunt downloaden. Als laatste zal er een preview van de applicatie gegeven worden. Timeline cover De timeline cover zal dezelfde structuur krijgen als de flyer, zodat deze herkenbaar en representatief is. Ook de informatie die erop komt te staan zal hetzelfde zijn als de informatie op de flyer en poster. 4

Gerelateerde Projecten In dit hoofdstuk zijn enkele gerelateerde projecten beschreven. Deze zijn gebruikt om keuzes te onderbouwen over welke elementen in het ontwerp wel of niet gebruikt gaan worden. Het Thermenmuseum is zelf momenteel ook aan het testen met een systeem dat QR-codes scant, maar dit systeem is niet verbonden aan hun eigen website. Ook maken ze niet kenbaar dat een dergelijk systeem gebruikt wordt. Dit ondersteunt dus het idee dat er een verbeterde versie moet komen en dat deze op social media onder de aandacht gebracht moet worden. Mensen moeten de verbeterde versie op hun eigen vertrouwde systeem (iphone/ipad) kunnen gebruiken. Momenteel zijn slechts enkele werken (11) voorzien van een QR-code. Door alle werken te voorzien van een QR-code kan er meer gehaald worden uit het systeem. Leonie van GruijtHuijsen heeft in 2012 voor haar scriptie een applicatie gemaakt om een game element toe te voegen aan musea. Linksboven gebruikt zij een home knop. Dit gebruiken veel applicaties zo, dus dit is een punt dat goed overgenomen kan worden. Een minder goed punt is dat er slechts een deel van het scherm gebruikt wordt. Er is veel ruimte aan de zijkanten waarvan gebruik gemakt kon worden. Sam Weckx heeft in 2012 een scriptie geschreven en een applicatie getest, ook voor musea en met een zelfde opzet als de oplossing van dit project. Een belangrijk onderdeel van mijn product zijn QR-codes, Sam Weckx gebruikt deze ook in zijn applicatie. 5

Resultaten & Discussie Na het bestuderen van de gerelateerde projecten en het opsommen van de verschillende elementen die de verschillende middelen moeten krijgen, zijn er schetsen, prototypen en een kernontwerp gemaakt. Deze worden besproken in dit hoofdstuk. Schetsen Van de drie middelen zijn allereerst schetsen gemaakt, zodat de positionering van de elementen duidelijk wordt en er een algemeen idee gevormd kan worden voor de kernontwerpen. Of alles logisch vormgegeven is moeten tests uitwijzen. De tests en de uitkomsten ervan worden later besproken. Hieronder staan de schetsen van alle de middelen. In de bijlagen (Bijlage 2) is een betere weergave te vinden. Scanned by CamScanner Figuur 1: Schetsen van de poster Scanned by CamScanner Figuur 2: Schetsen van de applicatie Scanned by CamScanner Figuur 3: Schetsen van de Timeline Cover 6

(Low-)Fidelity Prototype(n) Van de applicatie is een low-fidelity prototype gemaakt waarmee getest kan worden. Alle schermen zijn uitgewerkt zodat interactie mogelijk wordt. Figuur 4 en 5 zijn foto s van het prototype. In de bijlagen (Bijlage 3) zijn betere weergaven te vinden. Figuur 4: Prototype achterkant Testscenario s en tests Figuur 5: Prototype voorkant Om te kijken of de applicatie goed vormgegeven is, en dus ook makkelijk in gebruik is, zijn er drie testscenario s uitgewerkt. Er zijn drie representatieve mensen als testpersonen uitgekozen. Testpersonen Testpersoon #1 is een 20 jarige studente aan de Universiteit van Tilburg. Testpersoon #2 is een 19 jarige student aan de Hogeschool Zuyd en studeert CMD. Testpersoon #3 is een 17 jarige studente aan het Arcus in Heerlen. Hieronder staan de resultaten van de tests per testscenario weergegeven. 1. U wilt weten waar u bent in het museum en zoekt de plattegrond. Hoe zou u hier terecht proberen te komen? Wees zo precies mogelijk en denk hardop. 7

Resultaten bij scenario 1: Het scenario was bij alledrie de testpersonen goed uitgevoerd, er waren geen enkele problemen bij het vinden van de plattegrond. 2. U wilt meer informatie krijgen over het kunstwerk waar u op dit moment naar kijkt, maar u heeft de applicatie nog niet eerder gebruikt, daarom zoekt u eerst de gebruiksaanwijzing van de applicatie. Hoe gaat u te werk? Wees zo precies mogelijk en denk hardop. Resultaten bij scenario 2: De uitleg van de applicatie was erg makkelijk te vinden, dit omdat de testpersonen de knop voor uitleg direct vonden. Bij het scannen van een kunstwerk was er maar één onduidelijkheid, de titel QR-Scan vonden twee testpersonen nogal vaag. 3. U bent razend enthousiast over het museum en wilt mensen laten weten wat u ervan vond. Hoe gaat u te werk? Wees zo precies mogelijk en denk hardop. Resultaten bij scenario 3: Het was de testpersonen al snel duidelijk dat ze naar het gastenboek moesten gaan, het knopje reactie plaatsen was wel even zoeken, maar na enkele seconden was dit probleem ook opgelost. 8

Kernontwerpen Als laatste zijn er kernontwerpen gemaakt van de applicatie. Deze zijn gemaakt om te laten zien hoe de applicatie er in de realisatiefase uit gaat zien. Figuur 6 t/m 13 laten de kernontwerpen zien. Er is gekozen voor een modern uiterlijk. Veel websites hebben tegenwoordig een afbeelding als achtergrond en dit heb ik daarvan overgenomen. Het logo van het Thermenmuseum zorgt voor de herkenbaarheid en er is geen kleurvlak achter de tekst geplaatst. Alle pagina s hebben dezelfde layout om consistentie te creëren. De terugknop is, zoals bij veel applicaties, linksboven geplaatst omdat mensen dit gewend zijn. In de bijlagen (Bijlage 4) is een betere weergave te vinden. Figuur 6: Hoofmenu Figuur 7: Menu Figuur 8: QR-Scan Figuur 9: Over het museum Figuur 10: Over de app Figuur 11: Kunstwerk informatie Figuur 12: Gastenboek Figuur 13: Reactie plaatsen 9

Conclusie In dit hoofdstuk wordt een conclusie getrokken over alles wat in de ontwerpfase is besproken. In het hoofdstuk Concept is besproken dat het hoofdmiddel bij dit project een applicatie voor het Thermenmuseum is. Ondersteunende middelen hierbij zijn flyers, posters en een timeline cover die ervoor moeten zorgen dat de applicatie bekend wordt bij de doelgroep. Uit Gerelateerde Projecten is gebleken dat het Thermenmuseum momenteel ook QR-codes gebruikt, maar dat hier nog veel verbeterpunten bij zijn. Uit de scriptie van Leonie van GruijtHuijsen (2012) is gebleken dat de homeknop het beste linksboven geplaatst kan worden en Sam Wecks (2012) heeft het gebruik van QR-codes al eerder toegepast in een applicatie voor musea. Deze twee scripties zijn dan ook als voorbeelden gebruikt voor het ontwerp van dit project. De gemaakte schetsen hebben een duidelijke houvast betekend voor het daaropvolgende prototype en de kernontwerpen. De prototypen zijn getest met een positieve uitkomst. Tijdens het testen zijn er echter een aantal punten gevonden waar rekening mee gehouden moet worden bij het realiseren van de applicatie. Zo moet er een duidelijkere titel bedacht worden voor QR-Scan en moet de plaats reactie knop in het gastenboek duidelijker naar voren komen. 10

Bijlagen Bijlage 1 11

Bijlage 2 Scanned by CamScanner Scanned by CamScanner 12

Scanned by CamScanner 13

Bijlage 3 14

Bijlage 4 15

16