1

DatawildcardCheryl Powel, Marije Wielinga & Soraya Cosaert

2

Inhoudsopgaven

Team 3Planning 4Debriefing 5Brainstorm sessies 6Brainstorm Wildcard 7Brainstorm Concept 8Concept uitwerking 9Brainstorm Online 10Conceptmap 11Touchpoints 13Mediaplan 14Persona 's 15Scenario 's 16Schetsen uitleg 17Schetsen Internet 18Schetsen Mobiel 20Schetsen Bord 22Kleurkeuze 24Wireframes Mobiel 25Wireframes Bord 31Wireframes Internet 33Testplan 34Schetsen Iconen 37Digitaal iconen 38Testen iconen 39Visuals 40Conclusie Project 43Bijlagen 1; 44

3

Team

Ons team bestaan uit Marije Wielinga, Cheryl Powel & Soraya Cosaert. Wij zijn alle drie CMD studenten aan de HRO.

Wij richten ons in dit project vooral op concepting, interaction en de visuele uitstraling. Dit doen wij omdat hierbij onze specialiteiten het best naar boven komen.

4

Planning

Week 47Briefing

Week 48 Brainstorm sessies; Wat kunnen we met het onderwerp? Welke richting kiezen we?

Week 49 Brainstorm Concept; - Duidelijk verwoorden Concept - Schetsen – Concept - Conceptmap

Week 50Kleine visualisatie Conceptpresentatie - Conceptpresentatie maken - Concept presentatie - Aan-passen concept indien nodig

Week 51Schetsen - Scenario - Persona’s - Concept map volledig

Week 52Interaction design

Week 1 Bespreken scenario,persona, interaction - Visuals - Paperprototype - Testplan

Week 2Testen

Week 3Feedback bespoken - Feedback veranderen concept & visual

Week 4Documentatie af - Eindpresentatie

Week 5Einde kwartaal!!!!!

5

Debriefing

Opdracht Titel: Verkeer & Vervoer – Rotterdam Open Data

Opdrachtgever: dS+V

De Opdracht:

We hadden de keus uit drie opties voor deze opdracht namelijk:

1. De wildcard zelf iets bedenken op basis van de data van de gemeente (verkeersdata),

2. Iets maken binnen de kaders van de stadsvisie en collegedoelstellingen

3. Concrete opdracht: afsluiting Maastunnel. Volgend jaar gaat de Maastunnel dicht. Denk na over hoe weggebruikers te informeren of juist andere groepen.

We hebben voor de Wild card gekozen. Inhoudelijk hebben we bij deze keuze veel vrijheid. We morgen zelf ons onderwerp kiezen en daar omheen ons concept bedenken. Het concept moet wel over de verkeersdata van gemeente Rotterdam gaan ( bv gebruik parkeergarages) Ons is aan-geraden op een specifieke plek in Rotterdam te kiezen. Zo kan kunnen we makkelijk uit de grote hoeveelheid data precies krijgen wat we nodig hebben.

Het doel van de opdracht is om de inwoners van Rotterdam doormiddel van de data te informeren en te betrekken maar ook de beleid makers te laten zien dat het publiekelijk maken van de data grote voordelen heeft.

Deliverables

1. brainstorm schetsen 2. concept map 3. ontwerp schetsen 4. uitgewerkt ontwerp 5. Keynote

Extra info:

Omdat wij als groep geen MT’ers of hele technische groepsleden hebben. Zullen wij ons uiteinde-lijke product in de vorm van een click ab le prototype opleveren.

6

Brainstorm sessies

Om te komen tot een goed concept hebben we gekozen om de brainstorm techniek toe te passen. We hebben diverse grote vellen gebruikt met dikke stiften. Het moment dat de sessie begon heb-ben we een centraal onderwerp gekozen. Het onderwerp werd in het midden van het vel geplaatst. Iedereen kon roepen wat in haar opkwam. Alles wat hardop werd gezegd werd ook opgeschreven. Dit moest wel gerelateerd zijn aan het onderwerp dat in het midden was geschreven. Tijdens een brainstormsessie is niets verkeerd. Iedereen stond dan ook open voor de genoemde onderdelen. Samenhangende onderwerpen hebben we verbonden met lijnen.

De brainstormsessies hebben ons geholpen bij verschillende onderdelen;

- Welke uitganspunten konden we gebruiken bij Wildcard.- Wat voor onderdelen halen we uit een bestemmingsplan.- Wat is een passend concept.- Welke onderdelen laten we zien op het internet dat een verlenging is van het concept.

7

Brainstorm Wildcard

8

Brainstorm Concept

9

Concept uitwerking

DilemmaOns frustratie is dat er te veel bouwwerkzaamheden in Rotterdam plaats vinden waarvan de bur-ger niet op de hoogte is van de bestemming.

Doel van opdrachtOns doel is om de bouwputten die in het centrum van Rotterdam liggen, in kaart te brengen met de bijbehorende data.

DoelgroepInwoners en bezoekers van Rotterdam die geïnteresseerd zijn in de bouwputten.

Richtlijnen- Traject: begin, einddatum en vertragingen van het project- Kosten- Aannemer- Doel van het gebouw (bijv. werk, wonen, vrije tijd, winkels)- Data

De data halen wij uit het bestemmingsplan van gemeente Rotterdam

ToolDe tool wordt een plattegrond van Rotterdam die verkrijgbaar zal zijn bij de VVV, Rotterdam Cen-traal, informatiecentrum en de grote bibliotheek.

ConceptOns concept is een guide kaart van Rotterdam waarop alle bouwputten staan aangegeven. Deze guide kaart is er om de bouwputten inzichtelijk te maken voor de doelgroep.

10

Brainstorm Online

11

Conceptmap

We hebben ons concept gevisualiseerd dmv een conceptmap. Een conceptmap is een techniek dat we hebben toegepast om een visueel schema weer te geven. Hier zijn ook de onderlinge rela-ties duidelijk zichtbaar.

Nadat we het concept puntgewijs hadden geformuleerd zijn we dit per onderdeel gaan schetsen. We wilden duidelijk laten zien dat eigenlijk alles met elkaar in verbinding staat.

Op de schetsen hebben we de feedback gekregen dat in ons concept de gebruiker echt centraal staat. Dit was in de eerste schets niet duidelijk. We hebben dit aangepast in de volgende schets.

12

13

Touchpoints

Touchpoints vormen een belangrijk punt in de marketing strategie van ons concept. We maken gebruik van 4 verschillende touchpoints;

Scherm We zullen actuele informatie visueel weergeven op de plek van de bouwput. Hiervoor zullen we onder andere gebruik maken van social media.

Website Een verlengde van het bord zal een website zijn. Ook hier kan de gebruiker actuele visuele infor-matie bekijken aan de hand van een tijdlijn.

MobielEr zal een applicatie voor de mobiel worden ontwikkeld. We gaan de duur van een project visuali-seren aan de hand van het ontwikkelde gebouw.

Kaart We zullen een kaart gebruiken als onderdeel van onze media campagne. Hier gaan we alle bouw-putten van Rotterdam in kaart brengen.

In ons concept gaan we dieper in op de website. De analoge kaart en de mobiele website worden in dit document niet tot het einde uitgewerkt.We hebben hier bewust voor gekozen omdat we maar 1 kwartaal hebben om dit gehele project te realiseren is het qua tijd niet haalbaar. Toch willen wij de touchpoint kaart en mobiel benoemen omdat dit zeer zeker een onderdeel is van het gehele concept. We hebben er bewust voor geko-zen om ook een analoog onderdeel in het concept terug te laten komen door middel van de kaart. Hierdoor kunnen we een nog breder publiek bereiken.

14

Mediaplan

Voor de promotie van de website hebben we gekeken wat veel aandacht zou trekken.

Om veel aandacht te krijgen voor de site hebben we gekozen voor guerrilla marketing.

De reden dat we voor deze vorm hebben gekozen is dat het relatief goedkoper is en je een heel grote groep mensen kan bereiken en als het goed wordt uitgevoerd een flinke buzz kan ontstaan.

Om de bezoekers en bewoners van Rotterdam nog meer het gevoel van onduidelijkheid en span-ning te geven rond de bouwputten, hebben we bedacht om bij de bijputten in het centrum levens-grote borden van de bouwput neer te zetten en deze met een onthullingsdoek te bedekken. Op deze doeken staan dan teksten als. “Kan je niet wachten tot 2014” of Wil je even gluren?”

Met deze actie willen veel aandacht voor de website krijgen en zo de bezoekers en bewoners van Rotterdam met je juiste informatie verstrekken.

We gaan ook een super grote schuifpuzzel te gebruiken met daarin de illustratie van het gebouw hoe het eruit komt te zien. Hier kunnen mensen mee spelen die voor het gebouw staan. En dat onder de illustratie de vermelding van de website staat.

15

Persona 's

Naam: David KennalBeroep: StudentWoonachtig: Rotterdam‘Ik wil graag interactieve informatie over bouwputten!’

David Kennal is woonachtig is Rotterdam. Hij reist door Rotterdam om bij zijn Universiteit te komen. Als hij onderweg is komt hij vaak bouw-putten tegen. Zelf vindt hij de informatie op de borden erg mager. Hij wil informatie op een interactieve manier aangeboden krijgen. Zodat hij meer betrokken wordt bij de stad. Hij is ervan overtuigd dat als de infor-matie interactiever is er meer studenten interesse tonen in de bouw van de stad.

Naam: Miranda WustenBeroep: VerpleegkundigeWoonachtig: Heerlen‘Geef me een kaart van Rotterdam zodat de bouwputten overzichte-lijk zijn!’

Miranda gaat graag naar andere steden in Nederland. Ze vindt Rotter-dam een mooi stad. Er is alleen zoveel gaande dat ze graag meer infor-matie wil hebben. Juist over de bouwprojecten waar Rotterdam nu om bekend staat. Ze wil graag weten wat er voorheen op de bouwput stond en wat er gebouwd wordt. Miranda is van mening dat het aanbieden van de informatie wat de stad Rotterdam maakt er meer toeristen zullen komen. Dit is juist de charme van Rotterdam.

Naam: Sandra VerhagenBeroep: Administratief medewerksterWoonachtig: Delft‘Ik wil een mobiele applicatie voor de bouwputten!’

Sandra heeft een iphone G4. Ze zit constant op haar mobiel. Omdat ze in Rotterdam werkt komt ze vaak langs verschillende bouwputten. Ze wil graag een mobiele applicatie waar de bouwputten inzichtelijk wordt. Zo kan ze onderweg nog wat leren over de stad.

16

Scenario 's

Scenario 1:David Kennal is een student aan de Erasmus Universiteit in Rotterdam. Dagelijks reist David door heel Rotterdam met de tram. Door dit vele reizen ziet hij veel van de stad en ook de bouwputten die rotterdam rijk is. David is erg benieuwd naar wat er nu precies gebouwd wordt overal en waar de gebouwen voor dienen.

Via een post van een vriend op facebook is hij op de site van (www. rotterdambonkt.nl) terecht gekomen.

David is erg benieuwd naar status van de markthal. Hij klikt op het plaatje van de hal. Er opent een veld met informatie over de markthal.Hier ziet hij dat het project vertraging heeft opgelopen door de strenge winter.Onder op de pagina ziet hij actuele foto’s van de markthal.David is nu benieuwd naar hoeveel de vertraging nu gaat kosten. Achter het geld icoon ziet hij staan dat het hele project duurder is geworden.Maar ook het delen en reageren naar een sociaal netwerk en het interactieve bord bij de bouwput moest gemakkelijk zijn. En dit alles moest een verlengde worden van de website.

David heeft nu al de informatie die hij wilde hebben. Hij tweet nog dat hij de site heeft bekeken door op het twitter icoon te klikken. Hij slaat de site op in zijn bookmarks en verlaat de site.

Scenario 2:Sandra Verhagen werkt als administratief medewerker bij NYK in het centrum van rotterdam. Ze woont in Delft en reist elke dag met de auto naar het centrum. In haar pauze gaat ze altijd de stad in waar ze langs een hoop bouwputten komt.

Via een collega heeft ze de bouwputten applicatie gekregen voor haar Iphone 4g.In haar pauze probeert ze de bouwputten applicatie uit.

Ze opent de applicatie.De camera van haar telefoon gaat aan. Ze had in de instructies gelezen dat ze haar telefoon moest richten op de bouwput dit doet ze dan ook. Nu verschijnt een de huidige bouwstatus van het gebouw. Door de tijdsbalk heen en weer de schuiven wordt het gebouw steeds verder afge-bouwd. Ze wil ook weten wat er nu precies in het gebouw komt. Door te klikken op bestemming ziet ze verschillende delen van het gebouw oplichten. Ze klikt boven in op het gebouw. Er opent dan een informatie scherm waar opstaat dat het gedeelte bestemd is voor wonen. In het pand zijn er 70 woonappartementen.

Op haar telefoon ziet Sandra dat ze nog een kwartier over heeft van haar pauze. Ze sluit de appli-catie af.

17

Als eerst zijn we gaan schetsen voor de website. Dit is onze basis. Vandaar uit krijgt ieder platform dezelfde elementen qua stijl en functionaliteit.

Bij de website was het knelpunt, hoe geven we de extra informatie die we willen aanbieden op de kaart weer. Hieraan is de duur van het gehele project gekoppeld.Er zijn dan ook verschillende opzetten te zien waar we spelen met de gehele ruimte. We hebben ook gekeken naar aanvink op-ties. Dit hebben we uiteindelijk weggelaten omdat we veel informatie willen weergeven op een zo simpel mogelijke manier. We hebben er dan ook voor gekozen om de kaart centraal te laten staan met een tijdlijn aan de onderzijde. De extra informatie verschijnt op het moment dat men op een bouwput klikt.

De mobiel was ook een grote uitdaging. Hier wilden we de simpelheid van de website terug laten komen met extra opties die specifiek voor de mobiel zijn. Het is de bedoeling dat het onderdeel augmented reality erin verwerkt zou worden. Maar ook het delen en reageren naar een sociaal netwerk en het interactieve bord bij de bouwput moest gemakkelijk zijn. En dit alles moest een verlengde worden van de website. We hebben er weer voor gekozen om de kaart centraal te laten staan. Grote buttons aan de onderkant zodat je ervoor kunt kiezen om de informatie te lezen. Een onderdeel augmented reality. En aan de rechterzijde de opties om te delen.

Bij de schetsen van het bord hebben we goed gekeken naar het weergeven van belangrijke ele-menten. Dit ook geheel in een verlengde van de website en de mobiele applicatie. Omdat het heel dynamisch is hebben we verschillende weergavens van de informatie geschets.

Schetsen uitleg

18

Schetsen Internet

19

20

Schetsen Mobiel

21

22

Schetsen Bord

23

24

Kleurkeuze

We hebben ervoor gekozen te designen vanuit een kleurpallet. Dit zijn de kleuren die al gebruikt worden bij bouwproject. Om de herkenbaarheid te behouden werken we met dezelfde kleuren.

25

Wireframes Mobiel

Wireframe tijd

26

Wireframe kosten

27

Wireframe bestemming

28

Wireframe aannemer

29

Wireframe route

30

Wireframe bestemming 2

31

Wireframes Bord

32

33

Wireframes Internet

2004 2021

1

2

3

12

Dit is de pagina waar de bezoeker als eerste komt als hij/ zij de website opend. In het midden van de pagina wordt een kaart van Rotterdam laten zien. Hier worden de bouwputten van Rotterdam overzichtelijk weergegeven.

Elk huis staat voor een bouwput. Zo kan de gebruiker overzichtelijk zien waar Rotterdam bezig is met bouwen.

Hier wordt een tijdlijn weergegeven. Hierdoor is het gemakkelijker om af te lezen of de bouwprojecten op schema lopen in vergelijking met de periode die ervoor staat.

3

Overzicht pagina - Home

2004 2021

De markthal

BestemmingDe markthal wordt voor meerdere culturen in gebruik genomen. Zo wordt het een culturele ontmoetingsplaats.

Aannemer: Jan en ZnJan en Zn zijn verantwoordelijk voor meer-dere bouwputten in Rotterdam. Zo hebben ze in samenwerking met een ander aanme-mers bedrijf gewerkt aan het opknappen van het stadhuis.

Ik heb een virtuele rondleiding gehad. Ziet

er echt gaaf uit!

Wat een mooie markt!

Het ziet er nu niet uit

maar het zal wel lekker

zijn z’n overdekte markt

Heerlijk overdekt

als het regend!

1

2

3

4

5

1

2

Op de achtergrond is de kaart te zien van Rotterdam. Zo kan de gebruiker altijd globaal zien waar de bouwput zich bevindt.

In dit kader wordt extra informatie weergegeven. In dit geval gaat het over de markthal.

Dit is een afbeelding van de markthal. Wat af is wordt weergegeven als een echte foto de rest is getekend.

Dit zijn iconen die aangeven waar het bouwproject voor gebruikt gaat worden. Er zijn verschillende mogelijkheden: wonen, werken, sport en winkels. Een bouwproject kan dus voor verschillende functies worden gebruikt als het af is.

Hier staat de aanvullende informatie op een pagina. Er wordt beschreven welke bestemming het gebrouw krijgt, welke aannemer er verantwoordelijk is en of het budget nog klopt.

Hier worden iconen weergegeven van social media. Zo kan de gebruiker gemakkelijk informatie delen met zijn vrienden.

Er worden random over de pagina berichten weergegeven die mensen hebben gesmst. Zo kan er goed worden gekeken hoe het gebouw in de omgeving ligt en wat de mensen ervan vinden.

Er worden random over de pagina tweets weergegeven die mensen via hun twitter hebben gezegd.

Op de tijdlijn wordt weergegeven hoe ver het bouwproject is. Lopen ze achter of juist voor en hoe lang gaat het nog duren voordat er een mooi gebouw staat.

34

5

Detail pagina - Markthal

6

7

8

9

7

8

9

6

8

7

34

Testplan

Het was de bedoeling om de functionaliteit te testen van de applicatie. Hiervoor hebben we ook een heel testplan gemaakt. Echter hebben we dit onderdeel niet kunnen uitvoeren omdat we de focus hebben verschoven naar het testen van de iconen. Het is voor ons nog een grotere uitda-ging om te kijken of we van alle touchpoints 1 goed platform kunnen maken.

Testplan Internet

Datum: 10 januariTijd: 10.00 uurLocatie: Studielandschap - Persona 1 Student Omgeving Bibliotheek - Persona 2 Toerist eigen land Studielandschap - Persona 3 Persoon met smartphoneAanwezig: Cheryl, Marije & SorayaRolverdeling: Cheryl - Foto’s maken & Observatie Marije - Testleider Soraya - Observatie & aangeven onderdelen papers

Uitleg (script)

Wij zijn studenten van Communicatie Multimedia Design aan de Hogeschool Rotterdam. Op dit moment zijn wij bezig met een project voor de gemeente Rotterdam. Voor dit project zijn we alle bouwputten van Rotterdam in kaart aan het brengen. Zodat ook de bouwwerkzaamheden inzich-telijker worden voor het publiek. We hebben 1 groot platform met 3 verschillende onderdelen; internet-pagina, mobiele applicatie en een informatiebord op locatie.

De test die wij nu afleggen is voor het onderdeel internet.

Case 1

Je reist iedere dag langs Rotterdam Centraal. Er wordt daar een geruime tijd gebouwd. Je wil nu weten hoe lang het nog duurt voordat het eindelijk af is. Waar kijk je?

Case 2

Je wil ook graag weten wat de kosten zijn voor de project en welke aannemer hiervoor verant-woordelijk is. Waar bekijk je dit?

Case 3

Je wil weten wat het doel is van de nieuwe markthal bij Blaak. Hoe zoek je dat op?

35

Na evaluatieWat vind je van de problematiek die we aankaarten?Wat vind je van het concept?Waren de vragen gemakkelijk te vinden?Welke informatie mis je?Wat zou je zeker aan dit concept toevoegen?Hoe zou je dit concept op een vernieuwende manier overbrengen aan het publiek?

Testplan Mobiel

Datum: 10 januariTijd: 10.00 uurLocatie: Studielandschap - Persona 1 Student Omgeving Bibliotheek - Persona 2 Toerist eigen land Studielandschap - Persona 3 Persoon met smartphoneAanwezig: Cheryl, Marije & SorayaRolverdeling: Cheryl - Foto’s maken & Observatie Marije - Testleider Soraya - Observatie & aangeven onderdelen papers

Uitleg (script)

Wij zijn studenten van Communicatie Multimedia Design aan de Hogeschool Rotterdam. Op dit moment zijn wij bezig met een project voor de gemeente Rotterdam. Voor dit project zijn we alle bouwputten van Rotterdam in kaart aan het brengen. Zodat ook de bouwwerkzaamheden inzich-telijker worden voor het publiek. We hebben 1 groot platform met 3 verschillende onderdelen; internet-pagina, mobiele applicatie en een informatiebord op locatie.

De test die wij nu afleggen is voor het onderdeel mobiel.

Case 1

Je reist iedere dag langs Rotterdam Centraal. Er wordt daar een geruime tijd gebouwd. Je wil nu weten hoe lang het nog duurt voordat het eindelijk af is. Waar kijk je?

Case 2

Je wil ook graag weten wat de kosten zijn voor de project en welke aannemer hiervoor verant-woordelijk is. Waar bekijk je dit?

36

Case 3

Je wil weten wat het doel is van de nieuwe markthal bij Blaak. Hoe zoek je dat op?

Na evaluatieWat vind je van de problematiek die we aankaarten?Wat vind je van het concept?Waren de vragen gemakkelijk te vinden?Welke informatie mis je?Wat zou je zeker aan dit concept toevoegen?Hoe zou je dit concept op een vernieuwende manier overbrengen aan het publiek?

37

Schetsen Iconen

38

Digitaal iconen

39

Testen iconen

We hebben verschillende testpersonen gebruikt zodat het representatief is aan onze doelgroep. Bij de test hebben we niets over ons gehele concept verteld. We lieten alleen de iconen zien. We hebben gevraagd of de testpersoon kon vertellen wat de iconen betekenen. Nadat ze dit hadden verteld van alle iconen hebben wij de betekenins gegeven. Daarbij hebben we gevraagd welke elementen in de iconen zij veranderd zouden willen zien zodat het doel gelijk duidelijk is.

De verschillende testen kwamen erg overeen.

Het icoontje van aannemer is niet duidelijk. Dit kan gewoon een pet zijn. Als advies werd gezegd dat je meer kan doen met een kraan in combinatie met een duidelijke helm.

Bestemming was ook niet duidelijk. Dit kan je oplossen door de pijl dikker te maken, meer te spe-len met het rondje in combinatie met de pijl of aan de hand van een fictieve route laten zien.

Bij de kosten kan het euroteken een stuk groter. Omdat daar de focus op ligt.

Als tip voor het zakelijk icoontje is het langer maken van de koffer zodat dit duidelijker wordt.

40

Visuals

41

42

X X

X

43

Conclusie Project

Wij zijn van mening dat dit project ook haalbaar is in de realiteit. Dit project is echt vanuit een ergernis gekomen die veel mensen delen. Als hier goed op ingespeeld wordt dan is er zeker van een negatief gevoel iets positief te maken. Iets waarop mensen trots kunnen zijn. Dat je trots bent om een Rotterdammer te zijn. En als toerist graag naar toe zou willen gaan. Er is zoveel meer uit te halen dan men nu doet.

Het gehele project past ook bij het imago dat Rotterdam wil uitstralen. Verfrissend, innovatief, ar-chitectuur, strak en eigenzinnig!

44

Bijlagen 1; Concept presentatie

45

46

47