Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Transcriptie

1 Groepsopdracht 2 Zuilen voor in het Rijksmuseum Interactie ontwerper: Andrea Pineda Calderon ( ) Grafisch ontwerper: Abe Sweep ( ) Technisch ontwerper: Dennis Wiersma ( ) Facilitator: Bart Witting ( ) MMIO Informatiekunde

2 Het concept Het rijksmuseum wil multimedia interactieve zuilen plaatsen in de foyer. Voor week 2 hebben wij gekozen om deze vijf zuilen te ontwerpen en de interactie te maken. Wij hebben ervoor gekozen dat van de vijf pilaren er 3 soorten zijn. 2 maal een pilaar waar de klant zijn eigen route kan creëren. 2 maal een pilaar met zoek functionaliteiten en een pilaar die uitgelicht heet, dit concept wordt nog uitgelegd. Afbeelding 1 laat een schets zien hoe de pilaar er ongeveer uit gaat zien. De pilaar heeft een oud Nederlandse stijl, wat goed bij de buitenkant van het gebouw past. De pilaren zijn vierkant en aan twee zijden is er een multi-touchscherm(b) geplaatst. De kubus boven op(a) heeft aan elke kant een logo, wat de soort aan geeft. In afbeelding 2 zijn de verschillende logo s te zien die bij de soorten pilaren horen. Afbeelding 2 In de appendix zijn alle afbeeldingen uit dit verslag vergroot tezien. Afbeelding 1 Het concept van creëer je eigen route ontstond door dat we erachter kwamen dat er alleen maar vaste rondleidingen zijn of je wordt volledig vrijgelaten. Als een gebruiker zelf een aantal interesses op een rij zet, wordt er een route uit gezet. De interface wordt duidelijk, zodat van jong tot oud zonder begeleiding een route uit kan zetten. Opties voor verschillende talen en grotere knoppen/lettertype zijn ook aanwezig voor buitenlandse en oudere gebruikers. Als je route is opgeslagen kan deze uitgeprint worden of door middel van een QR-code naar de telefoon worden overgezet. Het concept voor de pilaar met de zoekfunctie is ontstaan toen er gedacht werd aan de beste manier van informatie verkrijgen over alles in het museum. Er kan op allerlei manieren gezocht worden. Per periode, collectie, soort kunst etc. Hierdoor is de gebruiker niet afhankelijk van het rondlopend personeel of het misschien niet complete/correcte internet. Net als bij vorige concept is gedacht aan de verschillende gebruikers qua opties en interactie. De zoekfunctie is zo gemaakt dat het om kan gaan met kinderlijke zoektermen, maar ook geschikt is voor een diepgaande zoekactie. Het laatste concept is ontstaan uit het idee dat het rijksmuseum veel geheimen bevat als het gaat om kunstwerken. Deze pilaar zal deze museumstukken boven water brengen. Het concept laat kunstwerken zien die wat met die dag of maand te maken hebben en het geeft informatie over de nieuwe collecties. In dit concept is de interactie heel speels. Het roept om aangeraakt te worden. De verschillende objecten worden in mozaïekvlakken op het scherm gepresenteerd, wat een duidelijk overzicht moet geven. Ook hier weer is de optie voor verschillende talen en grotere knoppen zijn ook aanwezig. We hebben voor maar 3 soorten pilaren gekozen, zodat de twee populairste, wat in onze ogen het creëren van een eigen routen en zoeken zijn, 2 maal geplaatst konden worden om het publiek te verdelen. Elk concept is zo ontworpen dat de handeling in maximaal 3 minuten afgerond kan zijn, hierdoor kan de gebruiker snel het museum in en zijn de wachtrijen bij de pilaren minder lang.

3 Het interactieontwerp Interactieontwerp staat voor het definiëren van een concept, de functionaliteit, interactie en de informatie architectuur op basis van kennis over de gebruiker en de wensen van de klant. Om dit te kunnen definiëren was het noodzakelijk om gebruik te maken van een variant van Formative testing. Dit is door gebrek aan tijd aan twee personen van twee doelgroepen voorgelegd, dus in totaal vier. De drie doelgroepen van het Rijksmuseum zijn: 1. De cultuurtoeristen in Amsterdam 2. De Potentials (Nederlanders die wel eens naar een museum gaan maar niet frequent). 3. De Liefhebbers (Nederlanders die regelmatig naar musea gaan). De twee geteste doelgroepen waren de Potentials en Liefhebbers. Na het brainstormen heeft ons groepje de doelstellingen van de interactie vastgesteld voor de zuilen en hierbij dus ook de wireframes. De test ging zo dat het concept en doel van elke gemaakte wireframe werd toegelicht aan de testpersonen (individueel). Daarnaast werd er aan de testpersonen gevraagd om te beschrijven wat ze zagen en te expliciteren wat voor functie ze dachten dat deze wireframes hadden door midden van het Thinking aloud protocol. Hiermee werd de Usability van de interactieve zuilen getest. Het was voornamelijk ons doel dat de wireframes als gebruiksvriendelijk werden gezien. Na de feedback te hebben doorgenomen werden er drie aanpassingen gemaakt aan de wireframes en zo is het uiteindelijk interactieontwerp ontstaan. Wireframe nummer 1 werd het Creëer je eigen route zuilen, wij verwachten dat deze zeer populair zal worden waardoor er twee hiervan zullen ontstaan. Deze heeft als functie dat aan de hand van zelf gekozen kunstwerken men een eigen looproute kan creëren door het museum. Men doet dit door midden van een naam te typen/ zoeken bij de searchbalk en dan de gewenste kunstwerk te klikken. Nadat deze is geklikt verschijnt er een vinkje naast de gekozen kunstwerk waardoor men aan toe is welke kunstwerken hij/zij heeft gekozen. Het vinkje bestond nog niet in de originele wireframe, deze is dankzij feedback ontstaan. Verder kan men de gegeven looproute van de applicatie ook nog eens aanpassen, dit houdt in dat je zelf als gebruiker kan instellen wanneer je welke kunstwerken wilt zien. Tenslotte bestaat er de mogelijkheid om de taal aan te passen voor de cultuurtoeristen. Wireframe 2 Wireframe nummer 3 werd het Zoeken naar een schilderij zuil. Hier kan men expliciet schilderijen zoeken en informatie zoals waar het ligt en door wie het geschilderd is vinden. Dit doet men door het in de searchbalk in te typen, de mogelijke opties verschijnen dan in beeld en kan men op de klikken om te selecteren. Men weet dat deze klikbaar zijn door de ok? tekst onder de schilderij. Dit bestond ook niet op de originele wireframe, dankzij feedback is dit ontstaan. Tenslotte bestaat er uiteraard weer de mogelijkheid om de taal aan te passen voor de cultuurtoeristen. Wireframe 1 Wireframe nummer 2 werd het Uitgelicht zuil. Hier worden expliciet de minder bekende kunstwerken van het museum uitgelicht. Deze worden in het zonnetje gezet zodat men ze ook kan ontdekken. Op deze zuil kan op de uitgelichte kunstwerken klikken en zal er hiervan meer informatie verschijnen zoals bijvoorbeeld waar je deze kan vinden of door wie het gemaakt is. Dit kan men vernemen uit het weergegeven tekstje Meer info onderin de kunst. Dit bestond ook niet op de originele wireframe, dankzij feedback is dit ontstaan. Tenslotte bestaat er uiteraard weer de mogelijkheid om de taal aan te passen voor de cultuurtoeristen. Wireframe 3

4 Het grafisch ontwerp Bij ons grafisch ontwerp hebben we één van onze drie wireframes uitgewerkt. De zuil met creëer je eigen route hebben we uitgewerkt omdat we dit het leukste concept vonden. Met het ontwerp wilden we een aantal aspecten verwezenlijken. Ten eerste moet het programma makkelijk te begrijpen zijn. Om deze reden hebben we de opties met het programma zo beknopt mogelijk gehouden. Daarnaast werkt het programma net als een applicatie op een smartphone. Er wordt door middel van touchscreen een route berekend voor de bezoeker van het museum. De bezoeker kan zelf aangeven welke onderwerpen, kunstenaars en kunststukken hij of zij wilt zien. Deze opties zouden veranderd kunnen worden naar andere filteropties maar we hebben deze ter illustratie gebruikt. Als er op een filter wordt geklikt komen de opties die bij die filter behoren in beeld. Nadat een selectie is bepaald en een route is berekend, kan de bezoeker de plattegrond die voor hem is gemaakt uitprinten met de optie print uit. Als achtergrond van het programma hebben we het rijksmuseum gedaan om de lay-out zo aantrekkelijker te maken. Het grafisch ontwerp

5 Het technisch ontwerp Voor onze interactieve zuilen hebben wij gekozen voor het gebruik van een scherm waarop mensen verschillende activiteiten uit kunnen voeren. Er is ervoor gekozen om niet elke zuil hetzelfde te laten uitvoeren. Zo zijn er 2 zuilen waarop bezoekers informatie op kunnen zoeken over alle stukken in het museum. Verder zijn er 2 zuilen waar bezoekers hun eigen route uit kunnen stippelen. En bij de laatste zuil kunnen mensen kijken welk stukken in het museum over het algemeen minder aandacht krijgen. Doordat er meerdere soorten zuilen zijn, komen we ook verschillende soorten problemen tegen. Bij de zuilen waar bezoekers informatie op kunnen zoeken, moet de zoekfunctie ten alle tijden goed functioneren. Als deze niet werkt, is deze zuil geheel overbodig geworden. Er moet rekening gehouden worden dat de informatie over stukken goed in een database terechtkomen. Vervolgens moet deze informatie weer teruggegeven worden door de interactieve zuil op het moment dat een bezoeker naar één bepaald schilderij zoekt. Om dit mogelijk te maken moet er goed nagedacht worden over het ontwerp van de database. De zuilen waar bezoekers zelf hun route mogen maken, brengen weer andere problemen met zich mee. Zodra bezoekers aangeven wat zij het liefst bezoeken in het museum, moet meteen de beste route voor deze bezoeker berekend worden. Dit betekent dat de zuil de indeling van het museum moet weten. Vervolgens moeten wij ervoor zorgen dat het scherm de juiste route zo snel mogelijk weergeeft. Doordat wij allemaal nog redelijk onervaren programmeurs zijn, kan een probleem opleveren. De haalbaarheid van deze zuil zal dus ook wat lager zijn dan de rest van de zuilen. Het positieve aan deze zuilen is dat ze beide 2 keer voorkomen. Hierdoor hoeven wij deze zuilen maar één keer te ontwerpen en de interface te bouwen. De andere zuil kunnen we dan gewoon kopiëren om ervoor te zorgen dat deze ook werken is. Dit maakt de haalbaarheid van het gehele project wel weer een stuk beter, ondanks dat we tegen problemen aan kunnen lopen dankzij onze onervarenheid. Bij de laatste zuil is het vooral belangrijk dat de getoonde informatie op een regelmatige basis wordt bijgewerkt. Het is dus de bedoeling dat wij ook regelmatig de code aanpassen om de juiste informatie te laten zien of dat wij zo coderen dat de informatie op bepaalde datums wordt aangepast.

6 Appendix De afbeeldingen bij het concept

7 Afbeeldingen bij het interactieontwerp

8 Afbeelding bij het grafisch ontwerp