INTERACTIE. In de Appendix vindt u de wireframes.

Vergelijkbare documenten
Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Interactieontwerp Groepsopdracht Week 2, Opdracht 16

1. Over LEVIY 5. Openen van de activiteit 2. Algemene definities 6. Inloggen op het LEVIY dashboard 3. Inloggen 6.1 Overzichtspagina 3.

Inhoud. Ontwerpdocument 18 juni 2007

Grafisch ontwerp. Referenties.

Hoofdstuk 4: Eenvoudige opmaak van alinea s

Event menu Minigids event app

Museumbezoek onder Studenten

AN0017-NL. Hoe plattegronden gebruiken. Overzicht. Bediening 2D/3D

1. Het Online platform

MMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?

vliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven

1.0 - Inleiding Onderzoek Resultaten Probleemstelling Bronnen Doelgroep Persona 7

Handleiding FOOX App. Handleiding FOOX App versie 1.1

Project Ontwerp Specificatie Het Zwarte Schaap Team 13 Klas Wit

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

Menu Door op de menuknop te klikken kunt u het hoofdmenu sluiten of openen. De menuknop is het icoon met drie streepjes vlak onder elkaar.

LL365. Lowlands 365! Ontwerpdocument! het ontwerp van de LL365 app

Information and Structure Dieet app. Bart Witting UvAID: MMIO, Informatiekunde UvA Amsterdam Sander Wehkamp

Beginners Handleiding Eerste versie. Ronnie Schuurbiers Stijn Vermeulen

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

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 )

Updatebrief Gastgemak App versie 1.4.5

Interactieontwerp Groepsopdracht Week 3, Opdracht 2

HANDLEIDING Windows XP Deel 1

Studiekeuzedag CMD voorbereidingswerkboek

Instore Handleiding. Handleiding voor de Crossretail instore zuil

Tekstverwerking. Wat gaan we leren? Opdracht: Geavanceerde opmaak. Jen Kegels, Eveline De Wilde, Inge Platteaux, Tamara Van Marcke

Gebruiksaanwijzing QRB CODE scanner app. voor Android

Stappenplan. Pro-Find. Does it for you

Down the rabbit hole. Marianne ter Braake studentnummer: Datum: Informatiearchitectuur

Simple-Simon Academy: Starten met Simon 2.0

Ontwerptechnieken. MyTV

Eocortex handleiding voor eindgebruikers

iphone app - Timesheet

Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts

POSTNL opdracht - pakketautomaat

Bouw snel en eenvoudig een eigen mobile Virtual Reality app

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

Hierbij ontvangt u het instore pakket van Crossretail. Middels deze handleiding kunt u

Gebruikershandleiding

Minigids Event Registration

Gebruikershandleiding mail en agenda in Outlook Web App

Summa Cutter Tools. 1 Cutter tools. Met dit programma kunnen twee dingen geïnstalleerd worden:

Een H.R. oplossing voor het beheer van planners, aan- en afwezigheden, volledige interactieve met interne communicatie, simpel en efficiënt

Hunter Retail (POS) Documentatie v1.1. Documentatie Hunter-Retail (POS) Handleiding 1.1

Handleiding Mijn Golfpagina

De Voedselmachine. Gemaakt door: Alles over de darmen, een onderschat orgaan

handleiding Sparen met de scan r app

rabb-it applicatie Ontwerpdocument avv5 Eindopdracht

Deze rijschool is een van de bekendste rijscholen in Barendrecht. Dit maakt het deze rijschool een directe concurrent van de opdrachtgever.

Handleiding Website beheersysteem

5. Documenten Wat kan ik met Documenten? 1. Over LEVIY. 5.1 Documenten terugvinden Uitleg over vinden van documenten.

Zuil. Montage plaatwerk zuil. Montage scherm. Montage houder op zuil

ISY2CONNECT. Handleiding HET BESTE VOOR UW ORGANISATIE

Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie

Nedap healthcare Een mobiele app aan het medewerkeraccount koppelen

Individuele opdracht: Anh Nguyen Embodied Learning

CoolDing software. Versie 2.0

1. Over LEVIY. 5. Meldingen Wat zijn meldingen? 5.1 Technische melding toevoegen Hoe voeg ik een melding toe?

Nieuwe- en bijkomende functionaliteiten app V5.0

Stappenplan App maken

4.4 Voeg ruimtes toe Hoe ga jij te werk? 1. Over LEVIY. 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 2. Algemene definities. 3.

Les 2 De basis (deel 1)

Bewerk uw eigen Digibordbij boek

iphone app - Rapporten

Testrapport IpMEDT3 project

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

QUICK START GUIDE. Met de Excel kalender tool kun je eenvoudig lessen inroosteren voor het schooljaar.

Ontwerpen van een niet-web beleving

Ict-puzzel voor het onderwijs

1.9.9 Release Notes 28 oktober 2014

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

Start Onze doelen Het nieuwe itslearning Wanneer Wat Wie Waarom

Handleiding CareAssist Online

Bouwstenen. Handleiding. In deze handleiding vindt u informatie over de 12 verschillende bouwstenen waaruit u kunt kiezen, om uw app op te bouwen.

Intramed mobiel instellen en gebruiken

Docentenhandleiding. Project Storesafari

Installatie/gebruikershandleiding MTD V1.2. Medical Transformer Data Applicatie voor mobiele Android toestellen. Install_UserGuide_MTD_V1.2.

Handleiding ITS Driver App VOM, CV, PW

Transcriptie:

Het concept Het grootste en belangrijkste museum van Nederland, het Rijksmuseum, heeft de plaatsing van vijf grote mediazuilen in de foyer op de planning staan. Om deze reden hebben zij ons ingeschakeld voor het ontwerpen van deze zuilen. In dit verslag presenteren we de functionaliteiten en de interactie van ons ontwerp. Om het zo gebruiksvriendelijk mogelijk te houden is ons concept gebaseerd op het gebruik van touchscreen technologie. Een groot, met de hand te bedienen, scherm staat centraal voor de interactie tussen de bezoeker het museum. De zuilen kunnen op deze wijze de bezoeker een goed beeld geven over de mogelijkheden van het Rijksmuseum op dat tijdstip. Het Rijksmuseum wordt niet alleen door Nederlanders bezocht, maar ook door buitenlanders. Om dit feit te kunnen ondersteunen, heeft de bezoeker bij het welkomst-scherm de keuze om de juiste taal in te stellen. Vervolgens krijgen de bezoekers verschillende opties te zien op het scherm, waaruit zij kunnen kiezen: Kalender Bezoekers kunnen ervoor kiezen om de kalender te bekijken. Met behulp van de kalender is het makkelijk om te zien wat voor activiteiten er beschikbaar zijn op dat moment en/of in de toekomst. Plattegrond Met behulp van een plattegrond krijgt de bezoeker een goed idee hoe het Rijksmuseum in elkaar zit. Belangrijke faciliteiten zoals EHBO, het toilet en de nooduitgangen worden zo ook snel gevonden. Rondleidingen In het Rijksmuseum zijn er verschillende rondleidingen mogelijk. Met een rondleiding kunnen de bezoekers collecties beter leren kennen of objecten vanuit nieuwe, verrassende invalshoeken bekijken. Reserveren Bezoekers krijgen de mogelijkheid om een rondleiding te reserveren. Het is niet alleen mogelijk om groepsrondledingen te reserveren, maar ook persoonlijke. Routes De bezoekers kunnen gepersonaliseerde routes overzetten op hun mobiele toestel. Zo zien bezoekers alles wat ze willen zien op hun eigen tempo. Informatie Algemene informatie over het Rijksmuseum is snel te vinden met de optie Informatie. Informatie over zaken als de openingstijden, prijzen en adres worden zo efficient uitgewisseld.

INTERACTIE Details Om een goede interactie te krijgen met onze gebruikers, de gasten van het Rijksmuseum, hebben we gekozen voor een groot scherm. Het museum wordt bezocht door jong en oud. Het is hierbij belangrijk dat iedereen de informatie snapt en ook kan lezen. Dit is de reden dat er gekozen is voor een groot aantal talen. In het beginscherm kunnen deze worden gekozen. Het zijn grote vlaggen met in hun eigen taal kies uw taal. Dit maakt het voor iesereen duidelijk wat ze moeten kiezen. Naast het feit dat het in hun eigen taal staat met eigen vlag, zijn alle iconen en is alle tekst dermate groot uitgevoerd dat het voor jong en oud te lezen is. Op elk icoon kan worden gedrukt. Alle knoppen zijn extra groot. Er is met simpele symbolen gewerkt om het voor iedereen begrijpelijk te houden. We hebben gekozen, met als belangrijkste reden de drukte in het museum, om vijf gelijke zuilen te maken. Dit moet de doorstroming ten goede komen. Het medium Er is gekozen voor grote touchscreens. Deze zijn goed te verwerken in de zuilen. Daarnaast is het voor iedereen duidelijk en ook voor ouderen is het goed te gebruiken. Er hoeft geen gebruik gemaakt te worden van onduidelijke knoppen die buiten het scherm staan, er kan intuïtief gebruik gemaakt worden van de afbeeldingen op het scherm. De gebruikerstest Om het plan van de interactieve zuilen beter uit te kunnen werken is er een gebruikerstest ontworpen. Deze test bestaat uit een aantal onderdelen. Alle uitgewerkte wireframes zijn op A4 geprint. Allereerst is aan een aantal mensen de homepagina getoond. Er zijn 5 personen getest. Het gaat om verschillende leeftijden, 12, 32, 48, 60, 82. Deze leeftijden zijn gekozen om er voor te zorgen dat alle groepen leeftijden aan bod zijn gekomen. Er is eerst een lijst gemaakt met welke leeftijdscategorieen aan bod moesten komen. Vervolgens zijn mensen random geselecteert. De eerste vraag over de homepagina werd gesteld in de vorm van een opdracht. De mensen werd gevraagd wat ze hier zagen en of ze naar het volgende scherm konden gaan zonder verdere uitleg. Iedereen wist de, in deze gevallen, Nederlandse vlag aan te raken. De homepagina is dus duidelijk genoeg. Deze test is met alle pagina s gedaan, en alle werden goed bevonden. Er werd wel een opmerking gemaakt dat de tekst niet goed leesbaar was. Dit is te verklaren door het feit dat de pagina s op A4 zijn gedrukt. In werkelijkheid is dit een 40+ inch scherm, waar alles veel duidelijker is. Al laatste onderdeel zijn taken gegeven, bestaande uit opdrachten om een route te plannen. Iedereen wist er goed mee om te gaan. De 82-jarige mevrouw had helaas geen smartphone. Er kon dus geen gepersonaliseerde route op haar telefoon verschijnen. Dit had eerder in het scherm moeten staan, dat voor een route een smartphone is vereist, kwam als tip. De test is geslaagd, of eigenlijk het product. Afgezien van het feit dat er een smartphone vereist is, is er niets negatiefs naar voren gekomen. In de Appendix vindt u de wireframes.

Technisch Rapport Er is bij het ontwerp van de informatiezuilen gekozen voor een reeks toepassingen die het bezoek aan het museum voor de gasten efficiënter zouden moeten maken. Zo is er gekozen voor een optie die een gepersonaliseerde route uitstippelt voor de gasten. Deze wordt samengesteld door voorkeuren die iemand kan geven per zaal. Dit wordt niet per schilder of schilderij gedaan maar per zaal omdat het anders te specifiek is en mensen te lang bij de zuil bezig zijn, dit is slecht voor de doorstroom van de mensen. Wel kan men aangeven slecht ter been te zijn waardoor trappen worden vermeden of slechtziend waardoor het lettertype van de route vergroot wordt. Als men de route heeft laten berekenen is deze met een code of de nfc-scanner over te zetten naar de Rijksmuseum app. Er zit ook een reserveer functie op de informatiezuilen waarmee een klant een rondleiding of een plekje in het café kan reserveren. De agenda in de informatiezuil geeft weer wanneer er een nieuwe expositie plaatsvindt of een groot evenement. Kleinere gebeurtenissen als lezingen worden niet weergeven om ook in dit geval de mensen stroom door te laten lopen. Als er iemand aan komt lopen wordt met pictogrammen van vlaggen en in de bijbehorende taal gevraagd met welke taal iemand verder wilt werken. Eenmaal gekozen verschijnen er zes grote pictogrammen waarmee men kan kiezen tussen de functionaliteiten: kalender, plattegrond, routes, rondleidingen, reserveren en info. De pictogrammen blijven constant groot voor eventuele slechtziende gasten en er wordt vanuit gegaan dat iedereen zonder ernstige oogafwijking deze kan lezen. Nog niet elke telefoon of tablet is al uitgerust met een nfc-scanner. Om deze reden is er gekozen om ook met een code te werken die correspondeert aan de verschillende routes. De zuil genereert een code en de app herkent deze en zet hem om in een route. Alle routes zijn digitaal en niet ter plaatse uit te printen uit milieuoverwegingen. Er is gekozen voor een rond design van de zuil met een ingezonken scherm zodat deze gewoon recht kan blijven om de kosten nog ietwat te drukken en het makkelijker te maken de schermen te vervangen bij eventuele storingen. Ook is er de keuze gemaakt om alle zuilen identiek aan elkaar te maken. De reden hiervoor is dat mensen dan niet langs vijf verschillende zuilen te hoeven gaan en mensen sneller klaar zullen zijn met het proces, dit ook om de doorstroom van de bezoekers te verbeteren.

Grafisch ontwerp Aan de hand van de wireframes is het grafisch ontwerp van de multimediazuil-interface gemaakt. Er zijn meerdere wireframes uitgewerkt. Het eerste scherm dat te zien is, is het menuscherm dat in beeld komt nadat er een taal gekozen is. Het tweede scherm in het scherm dat in beeld komt als er in het menu op de knop routes gedrukt wordt. Voor het maken van het grafisch ontwerp is voornamelijk gekeken naar de website van het Rijksmuseum. Het kleurenschema dat daar gebruikt wordt is overgenomen in de interface van de multimediazuilen. Verder lijkt het lettertype dat gebruikt is ook erg op het lettertype dat gebruikt wordt op de website. Hierdoor past de interface goed bij de stijl van het museum. Dat er veel overeenkomsten zijn is te zien in het screenshot van de website. Er is gebruik gemaakt van grote, duidelijke teksten en buttons waar dit nodig is, zodat de multimediazuilen voor iedereen toegankelijk zijn. Vooral in het menu ondersteunen de illustraties ook de tekst die erboven staat. Om ervoor te zorgen dat sommige pagina s, zoals de menupagina met 6 simpele knoppen, niet te saai werd, is er bijvoorbeeld in de achtergrond van alle pagina s een subtiel, maar klassiek patroon gebruikt, dat ook weer past bij de stijl van het museum. Dit is echter op de kleine afbeeldingen helaas niet goed te zien.

Appendix Wireframes: