Transmedia Analytics - By Geert Hagelaar & Yannick Diezenberg

Transmedia Analytics 

door 

Geert Hagelaar & Yannick Diezenberg

Transmedia Analytics: User 

Engagement and Interaction 

Analytics in Transmedia Narratives 

De gebruiker 

Overige betrokkenen 

Het project brengt drie instanties bij elkaar; de UvA, HvA en 

Submarine, om een methode en prototype te kunnen ontwikkelen 

voor het analyseren van ‘engagement’ en interactie binnen complexe 

transmedia producties. Hierbij wordt dataverzameling vanuit een 

wetenschappelijk perspectief benaderd, met name vanuit inzichten 

binnen de geesteswetenschappen (semiotiek, interface studies, etc.). 

Dit wordt gecombineerd in een context waar gevarieerde design 

disciplines samenkomen en met de omvangrijke praktische ervaring 

van Submarine. 

Zo wordt er getracht een geschikte vorm te vinden voor het vastleggen 

van data om een analyse strategie te ontwikkelen die specifiek is 

gericht op transmediale storytelling. Het uiteindelijke doel is om 

transmedia producenten te helpen hun gebruikers beter te begrijpen 

om zo toekomstige producten effectief te kunnen ontwerpen op basis 

van deze kennis. In deze sectie zullen de opdrachtgever, de co-client en 

overige betrokkenen worden beschreven, om vervolgens gedetailleerd 

in te gaan op de probleemstelling en bijbehorende onderzoeksvragen. 

Het uiteindelijke doel is om transmedia producenten te helpen 

hun gebruikers beter te begrijpen zodat ze deze kennis kunnen 

gebruiken bij het ontwerpen van hun producten. De gebruikers van het 

eindproduct zijn dus producenten van transmedia producten. 

De keuzes binnen het onderzoek zijn gebaseerd op huidige producten 

van Submarine, zodat er specifieke keuzes binnen het proces getest 

kunnen worden en knopen kunnen worden doorgehakt. 

De opdrachtgever 

De coördinator van het project is Bernhard Rieder. Bernhard is 

associate professor New Media aan de Universiteit van Amsterdam 

en medewerker bij het ‘Digital Methods Initiative’. Zijn onderzoek 

focust zich op het analyseren, ontwikkelen en toepassen van digitale 

onderzoeksmethoden. Dit past hij toe binnen geschiedenis, theorie en 

beleid van software en in het bijzonder binnen de rol die algoritmes 

spelen in ‘sociale processen’ en in ‘de productie van kennis en cultuur’ 

(“Dhr. dr. B. (Bernhard) Rieder,” n.b.). 

MediaLAB (onderdeel van de Hogeschool van Amsterdam) voert gericht 

onderzoek uit naar innovatieve en interactieve mediatoepassingen 

waarbij samen wordt gewerkt met partners uit het onderwijs en het 

bedrijfsleven. 

Het team binnen het MediaLAB bestaat uit: 

• ● Projectcoach - Loes Bogers 

• ● Onderzoekers - Anne van Egmond en Sieta van Horck 

• ● Ontwerpers - Geert Hagelaar en Yannick Diezenberg 

• ● Externe onderzoeker - Stefania Bercu 

• ● Datavisualisatie specialist - Gabriele Colombo 

• ● Programmeer specialist - Tamara Pinos 

Co-client 

Het bedrijf waar het product getest wordt is Submarine, een productie 

studio gevestigd in Amsterdam. Submarine focust zich op het realiseren 

van films, documentaires en transmediale producties. Het bedrijf mixt 

traditionele en interactieve vormen van storytelling, allen met een 

internationale focus. Submarine werkt samen met gerenommeerde 

directors en nieuw aanstormend talent die de grenzen van bewegend 

beeld durven op te zoeken, (“About,” n.b.). 

4 Transmedia Analytics - TransmediaAnalytics:UserEngagementandInteractionAnalyticsinTransmediaNaratives Geert Hagelaar & Yannick Diezenberg 5

Probleemstelling 

Onderzoeksvraag 

Mogelijke oplossing 

Makers van interactieve documentaires hebben tot op heden geen 

beschikking over analyse tools die de belangrijke problemen in hun 

productie uit kunnen lichten. De huidige tool die nu gebruikt wordt 

is Google Analytics. Deze tool geeft inzicht in gebruikers data en het 

presteren van websites. Deze data biedt echter niet de specifieke 

informatie die de basis zou kunnen vormen voor het maken van 

concrete veranderingen in interactieve documentaires. 

Men tast in het duister wanneer het gaat om het ‘falen’ dan wel het 

succes van een documentaire. Via Google Analytics wordt duidelijk dat 

gebruikers blijven of afhaken, maar worden de oorzaken daarvan niet 

inzichtelijk gemaakt. 

De onderzoeksvraag luidt dan ook als volgt: 

Hoe kan een verscheidenheid van user 

engagement data¹ worden gecombineerd en 

worden vertaald tot begrijpbare² en bruikbare 

informatie en concrete handvatten die de 

producers kunnen ondersteunen in het verbeteren 

van hun producties 

Door reeds beschikbare data in Google Analytics met elkaar, alsmede 

met handmatig geïmplementeerd data trackers te correleren zouden 

concrete problemen binnen de documentaire inzichtelijk kunnen 

worden gemaakt. De data die uit deze correlaties voortvloeit zal 

moeten worden gevisualiseerd om deze ook daadwerkelijk leesbaar te 

maken. Deze visualisaties zouden probleemspecifiek geordend in een 

dashboard weergegeven kunnen worden. Door dit in een dashboard 

te plaatsen krijgt de gebruiker de mogelijkheid om vrij door de 

gestructureerde informatie te navigeren en zo worden gewezen op 

specifieke problemen. 

Deelvragen 

Om achter te komen wat begrijpbare informatie en concrete handvaten 

zijn voor de gebruiker is deze hoofdvraag opgedeeld in de volgende 

deelvragen: 

1) Wat is de definitie van user engagement als het gaat om interactieve 

documentaires 

2) Welke feedback hebben producers van interactieve documentaires 

nodig om hun producties te kunnen verbeteren Ofwel: “Wat is 

‘gewenste feedback’ voor producers van interactieve documentaires” 

3) Hoe kunnen de correlaties, die de juiste feedback genereren, op een 

begrijpelijke en inzichtelijke manier worden gevisualiseerd 

¹user engagement data: data die wordt gegenereerd wanneer gebruikers interacteren met de documentaire. 

²begrijpbare: de vertaling van de data moet in een oogopslag duidelijk zijn voor de producers. 

6 Transmedia Analytics - Probleemstelling Geert Hagelaar & Yannick Diezenberg 7

Vaktermen 

Binnen dit verslag zullen een aantal vak-specifieke termen worden 

gebruikt. Deze zullen in dit gedeelte worden toegelicht om verwarring 

over hun context te voorkomen. 

Google Analytics 

Google Analytics is een rapportageplatform dat statistieken weergeeft 

over het gebruik van een website en focust zich daarbij niet op 

specifieke typen websites. De inzichten die Google Analytics geeft 

zijn gecategoriseerd in ‘gedrag’, ‘acquisitie’ en ‘techniek’. Omdat de 

interactieve documentaires web-based zijn kunnen de statistieken over 

deze projecten worden gegenereerd en weergegeven binnen Google 

Analytics. 

Query Explorer 

De Query Explorer is een gratis tool ontwikkeld door Google, waarmee 

ontwerpers en analisten inzicht kunnen krijgen in bepaalde analytics 

van je website. De tool zal de input zijn voor de uiteindelijke API. In 

vergelijking met Google Analytics geeft de tool de gebruiker meer 

mogelijkheden tot combineren van meerdere dimensies en metrics. 

Daarnaast kan de gebruiker data filteren en categoriseren met behulp 

van filters en segmenten. 

Link naar de tool: http://ga-dev-tools.appspot.com/explorer/ 

Dimensie 

Een dimensie geeft een beschrijving of karakter aan een object 

dat verschillende waardes kan bevatten. Dit zijn dus elementen of 

categorieën waar waardes, cijfers of percentages aan gekoppeld 

kunnen worden. Een voorbeeld-dimensie is bijvoorbeeld land. Hieraan 

kun je bijvoorbeeld aantal bezoeken of gemiddelde tijd gespendeerd 

op de site koppelen. De waardes die hieruit voortkomen (bijvoorbeeld 

aantal bezoeken Nederland = 102) zeggen iets over de dimensie ‘land’. 

(“Core Reporting API - Reference Guide,” 2014). 

Voorbeeld ter illustratie: 

Zijn te analyseren vraag is in dit geval: 

“Welke kipsoort is het meest productief in het leggen van eieren” 

Hiervoor wil hij een analyse van twee kipsoorten. 

Interactieve documentaires (/web documentaire) 

Een online documentaireproductie waarbij de gebruiker invloed heeft 

op het narratief. De gebruiker kan zich vrij door het verhaal navigeren. 

De belangrijkste eigenschap van een interactieve documentaire is 

de non-lineaire afspeelvolgorde van het verhaal. De positie van de 

gebruiker wordt verplaatst van passief naar actieve betrokkenheid van 

de gebruiker (Nash, 2012). 

Afbeelding 2 

kipsoort is hier de dimensie en de waardes die hierbij horen zijn witkip 

en spikkelkip. 

API (Application Programming Interface) 

Een verzameling van definities op basis waarvan een 

computerprogramma kan communiceren met een ander programma 

of onderdeel van een programma. (“Application programming 

interface,” n.d.). 

Afbeelding 1 

Hendrik is kippenboer en wil investeren in kippen om zijn omzet in 

eiren verkoop te vergroten. Hiervoor laat hij een analyse uitvoeren op 

kipsoorten om zo gericht mogelijk te investeren. 

8 Transmedia Analytics - Vaktermen Geert Hagelaar & Yannick Diezenberg 9

Metrics 

Metrics zijn individuele elementen van een dimensie die gemeten 

kunnen worden als een som of ratio. Dit zijn in altijd getallen of 

percentages. Bijvoorbeeld aantal bezoeken of gemiddelde tijd gespendeerd 

op de site. (“Core Reporting API - Reference Guide,” 2014). 

Vervolg voorbeeld: 

Hendrik wil inzicht in bepaalde specificaties van de twee kipsoorten. 

Dit zijn het aantal eieren en de gemiddelde grootte eieren. 

Correlatie 

Een correlatie is een combinatie van (meerdere) dimensies en 

(meerdere) metrics die inzicht geeft in de samenhang tussen deze 

elementen. 

Vervolg voorbeeld: 

Bounce 

Een bezoek aan een website waarbij de gebruiker de website heeft 

verlaten zonder dat er een interactie heeft plaats gevonden. 

Bounceratio 

Het percentage van bezoeken waarbij maar een pagina is bekeken in 

verhouding tot het totaal aantal bezoeken. 

Drop-offs 

De pagina waar de bezoeker vertrekt van de website. 

Dummy data 

Dummy data is realistische maar fictieve data die wordt gebruikt bij het 

visualisatieproces wanneer er nog geen echte data gegenereerd wordt. 

Attentiepunt 

Een markering binnen een visualisatie die een eventueel probleem 

uitlicht. De aandacht van de gebruiker wordt direct getrokken naar dit 

attentiepunt. Een voorbeeld is een rode rode balk tussen neutrale balk 

binnen een staafdiagram. 

Projectbacklog 

De project backlog kan worden gezien als de houvast van het project. 

Hierin zijn alle vooraf opgestelde randvoorwaarden en eisen voor het 

eindproduct opgenomen. Specifieke keuzes binnen het project kunnen 

aan de hand van dit overzicht worden onderbouwd. 

Afbeelding 3 

aantal eieren en gemiddelde grootte eieren zijn hier de te onderzoeken 

metrics van de dimensie kipsoort. De waardes van deze metrics zijn 

getallen (in dit geval een aantal en een lengte). 

Afbeelding 4 

Hier is de dimensie kipsoort met de metrics aantal eieren en gemiddelde 

grootte eieren gecombineerd in een correlatie. Per waarde van de 

dimensie kipsoort worden resultaten gegenereerd over de twee metrics. 

Autoselect modus (Last Hijack) 

Binnen de documentaire Last Hijack heeft de gebruiker de mogelijkheid 

om tussen twee modi te kiezen. Binnen de ‘autoplay’ modus spelen de 

video’s automatisch na elkaar af. Dat wil zeggen dat als een video is 

afgelopen automatisch de volgende video begint te spelen. In andere 

woorden: het videopad via waar het verhaal zich ontvouwt is door de 

ontwerpers van de documentaire van te voren bepaald. Als de autoselect 

modus uit staat dient de gebruiker handmatig tussen video’s te kiezen; 

de gebruiker kiest zelf op welke manier hij door het verhaal navigeert. 

10 Transmedia Analytics - Vaktermen Geert Hagelaar & Yannick Diezenberg 11

Test Cases 

Beschrijving Unspeak 

Het prototype van de analysetool is op twee projecten van Submarine 

gebaseerd. Namelijk Unspeak (2013) en Last Hijack (2014). Het project 

is van start gegaan met het analyseren van Unspeak vanwege de 

uitgestelde lancering van Last Hijack. 

De inzichten en resultaten uit het analyseproces van Unspeak zullen de 

basis vormen voor het analyseren van Last Hijack. Hoewel de inzichten 

vanuit de Unspeak toepasbaar zullen zijn op meerdere documentaires. 

Toch zal slechts een klein deel daarvan mogelijk toepasbaar zijn op 

Last Hijack vanwege de geheel andersoortige interface van dit project 

(zie beschrijving testcases). De analyse met realisatie van correlaties en 

visualisaties van Last Hijack zal daardoor erg project specifiek zijn. 

Link naar Unspeak: http://unspeak.submarinechannel.com/ 

Link naar Last Hijack: http://lasthijack.nrc.nl/ 

Het onderwerp van Unspeak 

In ‘Unspeak’ (2013) – een term geïntroduceerd door journalist 

Steven Pool in zijn gelijknamige boek- staat de manipulatieve kracht 

van taal centraal. Meer specifiek ‘unspeakable’ termen die (vooral) 

door via de media worden geconstrueerd. Via footage, quotes, korte 

films en datavisualisaties en een participatief woordenboek worden 

verschillende termen aan de kaak gesteld en besproken op wie zij effect 

hebben, wie ze fabriceert (en de rol van media daarin) en handvatten 

geboden om ze te neutraliseren (Submarine). 

De structuur van Unspeak 

Qua vorm kan Unspeak vergeleken worden met een ‘gewone’ website. 

Het project bestaat uit losstaande pagina’s die als geheel weinig tot 

geen narratief bevatten. De beginpagina laat een interface zien waarbij 

een keuze kan worden gemaakt tussen het bekijken van een aflevering 

of een data visualisaties of het toevoegen en/of bekijken van een 

soort woordenboek. De gebruiker van de documentaire is echter niet 

verplicht om dit in een bepaalde volgorde te doen. Hij kan de informatie 

in volgorde naar keuze tot zich nemen. Zo kan hij er dus ook voor 

kiezen om te starten met het bekijken van de laatste aflevering. 

Het meest opvallende interactieve element binnen deze interactieve 

documentaire is het aan het woordenboek toevoegen van woorden die 

tijdens de afleveringen aan bod komen. Het verhaal van Unspeak richt 

zich dan ook op de manipulatieve kracht van taal; op woorden die door 

de grote massa worden gehoord en voor lief worden aangenomen, 

maar waarvan de betekenis onduidelijk blijft. 

Waarom Unspeak 

Aan de hand van het project Unspeak zijn correlaties uitgetest. Zoals 

hierboven besproken[ bevat Unspeak een wat ‘standaard’ interface 

die te vergelijken is met die van een reguliere website. Hierdoor 

kunnen correlaties opgesteld worden die toepasbaar zouden kunnen 

zijn op meerdere projecten. Daarnaast is de analyse van het project 

ook gebruikt om de wensen van Submarine af te tasten en om 

discussiepunten te identificeren omtrent interpretatie van data. 

Afbeelding 6 

Afbeelding 5. Abstract overzicht van de structuur van Unspeak: Een homepage waar de gebruiker vrijuit kan 

kiezen waar hij wil beginnen. Er is weinig tot geen narratief waardoor de individuele pagina’s weinig samenhang 

hebben. 

12 Transmedia Analytics - Test Cases Geert Hagelaar & Yannick Diezenberg 13

Beschrijving Last Hijack 

Onderzoeksmethoden 

Research through design 

Het onderwerp van Last Hijack 

The Last Hijack combineert film over Somalische piraterij met animatie 

en wordt beschreven als een transmediale online ervaring waarin het 

verhaal over de kaping van de ‘Svitzer Karsakove’ centraal staat. De 

documentaire belicht het verhaal van de piraten als ook de ervaringen 

van de bemanning op de gekaapte boot. Daarnaast wordt de opkomst 

en ondergang van Somalische piraterij besproken vanuit een Westers 

en Somalisch perspectief. De gebruiker van de documentaire is vrij om 

te beslissen welke delen van het verhaal hij wil bekijken en vanaf welke 

kant van het verhaal (Somalisch of Westers perspectief). 

De structuur van Last Hijack 

De documentaire Last Hijack opent met een intro. Deze intro kan de 

gebruiker volledig afkijken of overslaan. Na deze intro opent zich een 

interface met een horizontale lijn met daaronder en boven cirkels 

geplaatst. De cirkels aan de bovenzijde representeren video’s vanaf 

een Somalisch perspectief op het verhaal. De cirkels aan de onderzijde 

representeren video’s vanuit een Westers perspectief. Na de intro 

begint het verhaal direct en wordt automatisch de eerste video 

afgespeeld. Vanaf dat moment krijgt de gebruiker van de documentaire 

de vrijheid om zelf door het verhaal te navigeren. 

Afbeelding 7. Abstract overzicht van de structuur van Las Hijack: Een homepage waar de gebruiker op beland 

en alle interactie plaatsvindt. Er is slechts een enkele link naar een about pagina voor achtergrondinformatie, 

losstaand van het narratief. 

Zo kan hij op het zelfde punt op de tijdlijn het verhaal dat verteld 

wvvrdt bekijken vanaf een ander perspectief (door een cirkel aan 

te klikken aan de andere zijde van de lijn). Ook kan de gebruiker er 

voor kiezen om al verder in het verhaal te duiken door horizontaal te 

navigeren naar een andere cirkel. Naast deze interactiemogelijkheid 

bevatten sommige video’s links naar infographics die dieper op de 

details ingaan. 

Afbeelding 8. Screenshot interface ‘Last Hijack’ 

Waarom Last Hijack 

Last Hijack is uniek in de vorm van zijn interface. Dit is moeilijk te 

vergelijken met andere huidige interactieve documentaires en is 

daardoor erg vooruitstrevend. Dit vraagt om een alternatieve aanpak 

maar zal ook tot nieuwe inzichten leiden. Een deel van de resultaten 

van Unspeak zal toepasbaar zijn op Last Hijack. Dit kan worden gezien 

als de basis. Vanwege de unieke interface zullen specifieke onderdelen 

moeten worden geïdentificeerd om inzichten te kunnen krijgen. 

Binnen het proces zijn meerdere methoden van onderzoek toegepast. 

Elke methode is onderzoeksvraag-specifiek toegepast om het probleem 

zo gericht mogelijk te benaderen. 

Literatuuronderzoek 

proces gebruik te maken vastgestelde kennis is er een 

literatuuronderzoek uitgevoerd naar de onderwerpen datavisualisatie 

en user engagement. 

Het literatuuronderzoek naar data visualisatie is op de volgende 

onderzoeksvraag gebaseerd: “Hoe kunnen de correlaties, die bruikbare 

feedback genereren, inzichtelijk worden gevisualiseerd” 

Dit gedeelte van het onderzoek dient als heuristisch startpunt bij het 

ontwerpen van de visualisaties. Het vergaren van algemene kennis over 

het desbetreffende onderwerp kan worden gebruikt als fundament 

voor de verschillende iteraties. 

Het literatuuronderzoek over user engagement is gebaseerd op de 

volgende onderzoeksvraag: 

“Wat is de definitie van user engagement binnen interactieve documentaires” 

Deze twee onderzoeksvragen hadden het verduidelijken van de context 

als doel. Dat wil zeggen dat de basismethodiek van datavisualisatie 

vast staat binnen het project en dat de definitie van user engagement 

hier inherent aan zal zijn. 

Research through design is een onderzoeksmethode ontstaan binnen 

HCI (Human-Computer Interaction) onderzoek. Het principe van deze 

methode is het verkrijgen van het antwoord op een onderzoeksvraag 

door meerdere iteraties te maken voor een bepaald concept. Binnen 

een iteratie worden bewuste ontwerpkeuzes gebaseerd op bevindingen 

die naar boven komen tijdens het maken van het ontwerp. Research 

through design bevat altijd een doel; de ontwerpen moeten na het 

maken van een iteratie een beter antwoord geven op de vraag die 

beantwoord moet worden. 

Door deze verschillende iteraties te documenteren als resultaat op 

een onderzoeksvraag wordt de weg naar het antwoord op de vraag 

visueel inzichtelijk gemaakt. Een doel van het gebruik van deze 

onderzoeksmethode is het genereren van nieuwe kennis. Door vanuit 

een probleemstelling of onderzoeksvraag te ontwerpen kan dit doel 

worden gerealiseerd (Frankel & Racine, 2010). 

Expert interview 

Een expert interview is een onderzoeksmethode die gebruik maakt van 

kennis van een expert. Door gerichte vragen te stellen kan deze kennis 

zeer gericht worden toegepast op het onderzoek. Het onderzoek dat 

binnen dit onderzoek is gehouden is vooral gericht op het creëren van 

een efficiënte workflow. 

14 Transmedia Analytics - Test Cases Geert Hagelaar & Yannick Diezenberg 15

Visualisatietools 

Expert interview 

Probleemanalyse 

Transmedia Analytics: Exploring Analytics 

In het proces van visualiseren is gebruik gemaakt van meerdere tools 

waartussen een groot verschil is in mogelijkheden tot interactief 

uitwerken of bewerken. De volgende tools zijn in het iteratief proces 

toegepast: 

Adobe Illustrator 

Adobe Illustrator bevat een graph tool waarmee je eenvoudig datasets 

kunt importeren en exporteren in meerdere beschikbare type 

grafieken, die eenvoudig kunnen worden na bewerkt. 

RAW 

RAW is een gratis online tool die je de mogelijkheid geeft datasets 

te testen in een visualisatie. De data is eenvoudig te importeren 

en biedt de mogelijkheid variabelen toe te kennen aan specifieke 

onderdelen binnen de grafieken. RAW biedt een overzicht van mogelijke 

visualisaties die als een uitbreiding zouden kunnen dienen van Adobe 

Illustrator. 

Google Fusion Tables 

Google Fusion Tables is een nieuwe gratis tool binnen Google waarmee 

je, in tegenstelling tot RAW en Adobe Illustrator, interactieve grafieken 

kunt generen. Het voorwerk voor deze tool vraagt meer precisie maar 

het resultaat is een stuk interessanter voor digitale doeleinden. Helaas 

zijn de mogelijkheden tot bewerken en personaliseren nog erg beperkt. 

Dit zal voornamelijk in code moeten gebeuren. 

Data-Driven Documents (d3 library) 

Een javascript library waamee datasets (interactief) gevisualiseerd 

kunnen worden. Binnen het project Transmedia Analytics wordt deze 

visualisatiemethode gebruikt om correlaties met behulp van livedata 

binnen het dashboard over te brengen naar de gebruiker. Het voordeel 

van d3 is de mogelijkheid om elk zichtbaar object te manipuleren. 

Er is gebruik gemaakt van de kennis van een expert om onderzoek te 

doen naar de juiste werkmethode als het gaat om data visualisatie. 

Voor dit onderzoek is Gabriele Colombo geïnterviewd, een specialist op 

het gebied van data visualisaite, graphic design en web design. 

Usertest 

Om het niveau van inzicht te test op de gebruik is er gebruik gemaak 

van usertesting. Dit wil zeggen dat ontworpen visualisatie aan de 

gebruiker is voorgelegd om zo bruikbare feedback te ontvangen. 

Bij het voorleggen van een visualisatie is de vraag gesteld of het 

probleem binnen de visualisatie kan worden herkend. 

Het antwoord hierop dient als indicatie of de visualisatie de benodigde 

inzichten geeft. 

Door een probleemanalyse uit te voeren, aan de hand van het 

voorwerk van Stefania Bercu en in samenwerking met Submarine, 

op de interactieve documentaire Unspeak, is er een algemeen beeld 

gevormd van de problemen die zichtbaar moeten worden binnen het 

eindprototype. 

Afbeelding 9 

Dit schema geeft weer welk deel van het productieproces geanalyseerd 

wordt. Dit is het proces tussen het product en de gebruiker van het 

product. Hierin interacteert de gebruiker met het product waardoor 

data gegenereerd wordt. 

In combinatie met de resultaten van deze probleemanalyse is er een 

lijst met wensen en behoeften van de gebruiker opgesteld. Samen 

met de randvoorwaarden en de probleemdefinitie wordt er een 

overzicht gevormd waar het prototype aan moet voldoen. Zowel de 

randvoorwaarden als de technische beperkingen en de wensen van de 

gebruiker maken hier onderdeel van uit. 

In de volgende afbeelding is het overzicht van de probleemanalyse te 

zien. Door een omschrijving van de opdrachtgever, het probleem, de 

beperkingen en de behoeften in een overzicht te zetten ontstaat er een 

geraamte voor het eindproduct. 

SUBMARINE 

Based in Amsterdam, Submarine produces films, 

documentaries, animation and transmedia. 

With a fresh sense of what storytelling should 

be they are setting new rules; mixing traditional 

and interactive forms, using new technologies 

to create visual exciting multi formats. Their 

international network that exists of broadcasters, 

distributers, publishers and filmmakers 

stands for renewing collaborations and coproducing 

innovative transmedia productions. 

Submarinechannel.com is one of their successful 

outcomes; a distribution and production 

platform for crossmedia productions such as 

short digital films, innovative online games, 

interactive animations, web documentaries, 

graphic novels and other new formats. Managed 

from Amsterdam and LA it is streaming authored 

content as well work from upcoming peer artists 

from all over the world. By profiling artists and 

reporting on digital culture submarinechannel. 

com puts work into perspective rather than just 

streaming as many videos as possible. 

CONSTRAINTS 

Because he release date of Last Hijack was 

changed to March 2014, we decided to do 

preliminary work based on another project from 

Submarine: Unspeak 

The amount of data we will have at our disposal 

is dependent on the amount actual user of 

Unspeak’. Right now that’s just a small number 

We lack demographic and geography data 

within GA due to to the fact that this option was 

enabled too late 

GA has set a certain threshold for these 

options but we can not identify what this 

threshold exactly is 

The “do not track” browsing option might 

produce skewed data 

Not all data we would like to have is available 

in connection with privacy issues (for example in 

Google Analytics) 

We do not have a programmer yet 

Afbeelding 10 

PROBLEM DEFINITION 

FINDINGS: WANTS / GA 

In order for Submarine to understand the 

SUBMARINE WANTS POSSIBLE NOT POSSIBLE 

navigation processes that users go through in 

Demographics 

exploring their products, they have experimented 

Age 

X 

with existing analytics software (Google Analytics, 

Sex 

X 

Quantcast, Crazy Egg) in the past. These tools 

Income 

X 

were only partially useful, as they target classical 

Country 

X 

websites rather than interactive narratives and 

Geography 

X 

focus mainly on visitor numbers and acquisitions, 

instead of the finer grained interactions with 

System language 

X 

narrative content the producers are interested 

IP localization 

X 

in. Our aim is to overcome these limitations 

Indepth info 

by building an analytics tool that is specifically 

Interest 

X 

designed for this type of new media object. 

Likes 

X 

Which captures data as well as presenting it in a 

Dislikes 

X 

way that is comprehensive and actionable for the 

Hobbies 

X 

different professionals and artists that are typically 

involved in a transmedia production. Both on 

Jobs 

X 

the level of content; correlated, and therewith 

Holiday plans 

X 

meaningful user data, as well on a visual level; 

Quality rating 

X 

data translated into effective visual formadable 

Social media 

form. 

Shares 

X 

Engaging 

X 

Referrals 

X 

Technology 

Device 

X 

Browser 

X 

Operating system 

X 

REQUIREMENTS FOR TOOLS 

Analytics software should be easy to implement 

and results easy to read 

A/B testing, the software should allow for 

comparative results for interface A vs. interface 

B Two visits from the same IP in 24 hours should 

count as two visits (GA counts them as one) 

Software should allow for custom-made reports 

to be sent by email to different departments 

There is a need for conceptual clarity for each 

of the measurements we employ (the possibility 

to see a clear definition when scrolling over an 

indicator) 

User questionnaires are a possibility, but they 

should not be disruptive of the experience of the 

project 

Heatmaps 

Scroll maps 

Plugin Social Media 

For gathering user information and indepth 

info 

Intervals 

Export (to PDF, Excel...) 

Dashboard interface 

Screen resolution 

X 

Average loadingtime each X 

media element 

Visits 

Number of visits 

X 

Time spent on site 

X 

Time spent on chapter X 

Reached chapters 

X 

Reached final chapter 

X 

Visitors flow 

Individual trajectory path 

X 

Pattern of navigation 

X 

away from the project 

Perspective change: how X 

often when 

External info sources after 

X 

leaving 

Project in inactive tab 

X 

Why do users leave 

X 

Bookmarked 

X 

Events 

X 

Timings 

X 

Scrollable elements 

X 

Clicking 

X 

Focus 

X 

Hovering 

X 

Visibility 

X 

by Anne van Egmond - Sieta van Horck - Geert Hagelaar - Yannick Diezenberg 

16 Transmedia Analytics - Onderzoeksmethoden Geert Hagelaar & Yannick Diezenberg 17

De problemen die zich voor kunnen doen bij het gebruiken van 

de interactieve documentaire zijn ingedeeld in drie verschillende 

categorieën, overeenkomstig aan de indeling die binnen Google 

Analytics te vinden is. Namelijk uit gedrag, acquisitie en technisch. 

Volgens Tufte (2001, p. 74) is het essentieel om bij iedere visualisatie 

een vraag op kwantitatieve basis te stellen, oftewel “vergeleken 

met wat”. Daarom is een ieder van deze categorie verbonden aan 

hoofdvraag die middels de visualisaties binnen deze categorie zal 

worden beantwoord. 

Zo ligt de focus binnen de gedrag categorie op de vraag hoe gebruikers 

de content verkennen en wat de meeste stimulerende dan wel meest 

demotiverende pagina’s zijn bij het verkennen van de content. Centraal 

binnen de acquisitie categorie is de vraag hoe het proces van acquisitie 

verloopt en vanaf welke pagina’s de meeste en minste gebruikers naar 

de website gedreven worden. Tot slot wordt er binnen de technische 

categorie afgevraagd of er technische problemen bij het kijken van de 

documentaire kunnen worden geïdentificeerd. 

Gedrag 

Gedrag heeft voornamelijk betrekking op de inhoud van de 

documentaire. Door het gedrag van de gebruiker te analyseren kan 

er worden achterhaald op welke wijze de gebruiker meer betrokken 

kan worden bij de content van de video. Interesses, leeftijd en 

overige demografische kenmerken spelen een belangrijke rol bij de 

betrokkenheid van een gebruiker. Helaas kan deze data in het geval 

van Unspeak niet worden verzameld door Google Analytics, deze 

restrictie valt onder de technische beperking. Dit komt door de lage 

bezoekersaantallen. 

Als er een laag bezoekersaantal is wil dit zeggen dat er relatief weinig 

data kan worden nagespoord over het gebruik van de website. Wanneer 

deze informatie vrij zou worden gegeven zou dit persoons-specifiek 

achterhaald kunnen worden. 

De overkoepelende vraag die binnen deze categorie geacht 

beantwoord te worden is: 

Hoe verkennen gebruikers de content en wat zijn de top pagina’s voor 

het stimuleren of ophouden van deze verkenning 

Acquisitie 

Binnen acquisitie worden de verschillende doorververwijzingen 

geanalyseerd. Met een doorverwijzing wordt een externe bron waar 

de gebruiker vanaf zou kunnen komen bedoeld. Als voorbeeld kan 

door het weergeven van problemen binnen deze rubriek worden 

weergegeven of er goed geïnvesteerd is in een bepaalde campagne of 

samenwerking met externe partijen. 

De overkoepelende vraag die binnen deze categorie geacht 

beantwoord te worden is: 

Hoe verloopt het proces van gebruikers acquisitie en waar komen de 

meeste en minste gebruikers vandaan 

Technisch 

Deze categorie gaat in op de technische problemen die de ervaring 

van de website zouden kunnen belemmeren. De redenen voor deze 

belemmeringen liggen niet bij de gebruiker maar bij de technieken die 

gebruikt worden, zoals browser of schermresolutie. 

De overkoepelende vraag die binnen deze categorie geacht beantwoord 

te worden is: 

Zijn er problemen met technische aspecten van de content die er toe 

leiden dat gebruikers de website verlaten 

18 Transmedia Analytics - Probleemanalyse Geert Hagelaar & Yannick Diezenberg 19

Procesbeschrijving 

visualisaties Unspeak 

Procesbeschrijving 

visualisaties Last Hijack 

Het volgende proces heeft zich al onderzoekende ontwikkeld. 

Afbeelding 11 

1. Data documentaire 

Vanwege de de lancering van Unspeak in 2013 is er al een 

verscheidenheid aan data gegenereerd. Deze data is nog 

ongestructureerd en geeft geen inzichten. 

2. Correlaties Stefania 

Correlaties kunnen worden opgesteld aan de hand van vragen, 

geformuleerd naar de gewenste inzichten. 

3. Analyse correlaties 

De waardes worden bekeken en gecheckt op niveau van relevantie en 

mogelijke inzichten. 

Het volgende proces is na afronding van de analyse van Unspeak 

opgesteld. Omdat de release van Last Hijack op zich liet wachten was 

het noodzakelijk een andere vorm toe te passen om het proces niet stil 

te leggen en ervoor te zorgen dat het ontwerpproces bij binnenkomst 

van data direct van start te laten gaan. 

1. Correlaties Stefania + eigen 

Vanwege de uitgestelde release van Last Hijack was er nog geen data 

beschikbaar. Op basis van opgedane kennis omtrent correlaties tijdens 

de analyse van Unspeak en gewenste inzichten zijn er correlaties 

opgesteld. 

2. Opstellen Dummy data 

Aan de hand van de opgestelde correlaties zijn dummy datasets 

opgesteld met daarin realistisch mogelijke waardes van data. 

3. Visualisaties 

Aan de hand van de dummy datasets zijn visualisaties gerealiseerd. 

4. Revisie correlaties 

Wanneer nodig worden dimensies of metrics toegevoegd, weggehaald 

of vervangen om de vraag zo gericht mogelijk te beantwoorden. 


Na het opstellen van de juiste correlatie wordt gecheckt of de waardes 

kloppen en kan vervolgens het visualisatieproces van start gaan. 

Afbeelding 12 

4. Revisie Correlatie 

De visualisaties geven inzicht in relevantie en bruikbaarheid van de 

correlaties. Dit kan er toe leiden dat correlaties aangepast dienen te 

worden. 

5. Datasets 

De release van Last Hijack heeft plaatsgevonden en data wordt 

gegenereerd. De precieze waardes kunnen worden bekeken. 

6. Analyse 

De visualisaties worden opnieuw geanalyseerd aan de hand van de 

echte data. Er wordt gekeken of de echte data ook verwerkt kan 

worden in de (aan de hand van dummy data) vooraf gerealiseerde 

visualisatie en of dit de gewenste inzichten weergeeft. 


Aan de hand van deze analyse worden de visualisaties aangepast 

om een zo gericht mogelijk antwoord te formuleren op de vooraf 

opgestelde vragen. 

20 Transmedia Analytics - Procesbeschrijving Geert Hagelaar & Yannick Diezenberg 21

Resultaten 

Visualisatie voorbeeld 

Binnen dit hoofdstuk worden de ontwerpen en bijbehorende iteraties 

behandeld. De bevindingen en verbeteringen binnen het ontwerpproces 

worden gebruikt bij het beantwoorden van de eerder gestelde 

deelvragen: 


documentaires 






Het antwoord op deelvraag 1 wordt aan de hand van een 

literatuuronderzoek onderzocht. Uit verschillende bronnen moet blijken 

wat user engagement is als er gekeken wordt naar een interactieve 

documentaire (in dit geval Last Hijack). 

Het antwoord op deelvraag 2 wordt onderzocht aan de hand van 

correlaties. Zoals in de probleemstelling vermeld is hebben makers 

van interactieve documentaires tot op heden geen beschikking over 

analysetools die de belangrijke problemen binnen hun productie 

uit kunnen lichten. Aan de hand van correlaties zullen verschilende 

datasets gecombineerd worden tot inzichtelijke informatie. Door 

deze correlaties te visualiseren en vervolgens voor te leggen bij 

de opdrachtgever en Submarine wordt inzichtelijk gemaakt of de 

opgestelde correlaties de gewenste feedback bevatten. 

Ontwerpprincipes van Edward Tufte 

Bij het ontwerpen van de visualisaties zijn de volgende zes 

ontwerpprincipes van Tufte zoveel mogelijk toegepast: 

1. Vergelijkingen 

2. oorzakelijk verband, mechanisme, structuur en uitleg 

3. Multivariate statistiek 

4. Integratie van bewijs 

5. Documentatie 

6. Content telt het zwaarste 

Volgens Tufte (1990, p.322) bevat een goede visualisatie aan de 

hiervoor genoemde regels en elementen. 

Discussies bij visualisaties 

Er is niet alleen gekeken naar de visualisatie van de correlatie maar ook 

naar de betekenis achter de correlatie. Deze discussies worden gebruikt 

om te achterhalen in welke mate de informatie binnen het eindproduct 

als toepasbare kennis kan worden benut. 

Ter verduidelijking van het proces is het volgende voorbeeld uitgewerkt: 

Zoals in vaktermen besproken is Hendrik kippenboer en wil hij 

investeren in nieuwe kippen om zijn omzet in eiren verkoop te 

verhogen. Hiervoor laat hij een analyse uitvoeren op kipsoorten om zo 

gericht mogelijk te investeren. 

Zijn te analyseren vraag: 

“Welke kipsoort is het meest productief in het leggen van eieren” 

Binnen de de analsyse worden de volgende dimensies en metrics 

gecombineerd: 

Deze dimensies en metrics gecombineerd leidt tot de volgende 

correlatie: 

Afbeelding 14 

Deze correlatie geeft Hendirk nog geen concrete handvatten om 

gericht te investeren. Het aantal eieren bij de witkip is groter maar de 

gemiddelde grootte van de eieren van de spikkelkip is dubbel zo groot. 

Hij besluit het investeren in nieuwe kippen uit te stellen. 

Hendrik is benieuwd naar de achterliggende redenen van deze grote 

verschillen. Het onderzoeksteam besluit meerdere mogelijke oorzaken 

te analyseren. 

Het antwoord op deelvraag 3 wordt onderzocht aan de hand van een 

visualisatieproces. Tijdens dit proces worden iteraties gemaakt op 

ontwerpen om de opgestelde vragen, gericht op de gewenste inzichten 

per categorie, zo gericht mogelijk te kunnen beantwoorden. Het niveau 

van inzicht wordt steeds getest aan de hand van zelfevaluatie, tests of 

feedback van experts. 

Afbeelding 13 

22 Transmedia Analytics - Resultaten Geert Hagelaar & Yannick Diezenberg 23

Een nieuwe vraag wordt opgesteld: 

“Wat is de invloed van de soort dekhaan op de eieren” 

en de volgende dimensie wordt aan de vorige correlatie toegevoegd: 

Deze visualisatie zorgt voor concretere handvatten. Echter is het voor 

Hendrik nog steeds lastig om het aantal eieren tegen de gemiddelde 

grootte van de eiren op te wegen. Investeren in een specifieke dekhaan 

zorgt voor betere resultaten maar de verschillen tussen de haansoorten 

zijn voor hem lastig te vergelijken. 

Het onderzoeksteam besluit nog een mogelijke dimensie te 

onderzoeken die tot betere resultaten zou kunnen leiden. De volgende 

vraag wordt opgesteld: 

“Wat is de invloed van het type voer op de eieren” 

Ook dit overzicht wordt gevisualiseerd: 

Afbeelding 15 

Om deze dataset inzichtelijk te maken voor gebruiker Hendrik, wordt er 

een visualisatie gerealiseerd. 

Afbeelding 17 

Dit leidt tot de volgende resultaten: 

Afbeelding 19 

Deze visualisatie geeft een duidelijk verschil weer wat de invloed van 

het type zaad op het leggen van eieren is. Het korrelzaad geeft duidelijk 

een beter resultaat op het aantal eieren bij de witkip. 

De visualisaties geeft Hendrik concrete handvatten waardoor hij een 

stuk gerichter kan investeren in plaats van het direct investeren in 

nieuwe kippen. 

Afbeelding 16 

Afbeelding 18 


Resultaten 

Categorie 1: Gedrag 

Visualisatie 1 - Algemeen overzicht van het gedrag 

Welk probleem licht deze visualisatie uit 

De volgende visualisatie laat een algemeen overzicht van het gedrag 

van bezoekers zien. Binnen het te realiseren dashboard zorgen de pie 

charts voor een algemene indruk van het gebruikersgedrag. 

Gebruikte correlatie 

Uitleg visualisatie 

De linker pie chart geeft de gebruiker inzicht in hoeveel van de 

bezoekers terugkerende bezoekers zijn en dus al eerder de website 

hebben bezocht. 

De rechter pie chart laat zien hoeveel procent van de bezoekers de 

website na het openen direct verlaten. 

6458 terugkerende 

bezoekers 

7927 bounces 

bezoekerstype (nieuwe bezoeker / terugkerende bezoeker) | aantal bezoeken 

aantal bounces | aantal bezoeken 

De twee pie charts zijn op aanraden van Bernhard Rieder gebruikt, hij 

concludeert dat pie charts de duidelijkste modellen zijn om simpele 

verhoudingen in weer te geven. 

18104 bezoeken 

11646 nieuwe bezoekers 

Afbeelding Afbeelding 20 5 

26 Transmedia Analytics 

Resultaten 

Geert Hagelaar & Yannick Diezenberg 27


Visualisatie 2 - De prestatie van een pagina 

UNSPEAK 

Twitter Frequency - UNSPEAK 

#1 / Words are Weapons - Episodes - UNSPEAK 


Deze visualisatie laat zien hoeveel tijd gebruikers gemiddeld spenderen 

op een specifieke pagina. De pagina’s met een laag aantal bezoeken 

worden weg gelaten. De reden hiervan is dat wanneer de gemiddelde 

gespendeerde tijd relatief hoog is maar het aantal bezoeken erg laag 

is dit weinig over de prestatie van de pagina zegt. Een veelbezochte 

pagina met een gemiddeld lage bezoektijd is interessantnt voor de 

producer. 


landingspagina | gemiddelde tijd gespendeerd op de pagina | aantal bezoeken 


Op de verticale as staan landingspagina’s van de website, gerangschikt 

op het aantal bezoeken. Op de horizontale as zijn het aantal seconden 

weergegeven. De eerste/bovenste pagina in de lijst geeft in dit geval 

een probleem aan. Namelijk veel bezoeken maar een lage gemiddelde 

tijd bekeken. 

De onderste grijs/witte balk is een navigatieschuif waarbij de gebruiker 

de tijdsomvang (van de gemiddelde gespendeerde tijd) kan verkleinen 

of vergroten en zo in kan zoomen op de pagina’s met een lage 

gemiddelde bezoektijd. De waarden kunnen zo nauwkeuriger worden 

afgelezen. 

Door de gebruiker de mogelijkheid te geven om de weergave te laten 

manipuleren (zoomfunctie) kunnen specifieke doelen worden bereikt 

binnen de visualisatie, bijvoorbeeld gedetailleerde informatie zoeken 

over een landingspagina (Cairo, 2012). 

#2 / Money Talks - Episodes - UNSPEAK 

Twitter context - UNSPEAK 

Dictionary Overview - UNSPEAK 

#4 / Anti-Social Media - Episodes - UNSPEAK 

Wiki Network - UNSPEAK 

Google Newsmap - UNSPEAK 

#3 / Natural Disasters - Episodes - UNSPEAK 

#6 / Brave New Minds - Episodes - UNSPEAK 

#5 / Obamarama - Episodes - UNSPEAK 

Binders full of women - Dictionary Definition - UNSPEAK 

About - UNSPEAK 

Erectile Dysfunction - Dictionary Definition - UNSPEAK 

ADHD - Dictionary Definition - UNSPEAK 

Evaluatie door het projectteam 

Uit een gezamelijke evaluatie met het projectteam is gebleken dat de 

navigatiebalk waarmee ingezoomd kan worden werkt waarschijnlijk 

niet nauwkeurig genoeg. Er moeten alternatieve methodes worden 

bedacht om de gebruiker te laten zoomen. 

Middle class - Dictionary Definition - UNSPEAK 

Enhanced interrogation techniques - Dictionary Definition - UNSPEAK 

File sharing - Dictionary Definition - UNSPEAK 

Yes we can - Dictionary Definition - UNSPEAK 

gemiddelde tijd gespendeerd op de pagina (sec) 

0 5000 10000 



Resultaten 



Eerste iteratie van visualisatie 2 - De prestatie van een pagina 

UNSPEAK 



Uitleg iteratie 1 

Deze iteratie bevat een aangepaste zoommethode. Dezelfde functie 

is in een andere interactievorm geplaatst: het aanklikken van de 

range waarop de gebruiker wil inzoomen (binnen het voorbeeld 

wordt ingezoomd naar de range van 0 tot 5000 seconden). Deze 

methode van inzoomen werkt nauwkeuriger dan de zoombalk uit de 

vorige iteratie. Deze conclusie is gebaseerd uit een usertest op een 

model dat een vergelijkbare zoomnavigatie bevat (http://bl.ocks.org/ 

marufbd/7191340) en een model dat een zoom bevat door middel van 

klikken (http://bl.ocks.org/mbostock/2206590). 



















0 5000 10000 15000 20000 



Resultaten 



Tweede iteratie van visualisatie 2 - De prestatie van een pagina 

Top 20 Pagina titels 

gerangschikt naar aantal bezoeken 

UNSPEAK 



Deze visualisatie bevat andere data dan voorafgaande iteraties. Dit 

komt door een syntaxfout in de correlatie die aan het licht kwam in de 

visualisatie. 

Bij het visualiseren van de juiste bleek dat de inzoom functie niet 

meer nodig was. Daarnaast zijn twee verzadigingen van grijs/blauw 

toegepast om de visualisatie beter leesbaar te maken en is de kleur 

rood toegevoegd om de problemen direct aan te duiden. Op deze 

manier vraagt het minder interpretatie van de gebruiker en kan hij 

de informatie sneller op zich nemen. Volgens Tufte (2006, p. 144) kan 

het uitlichten van specifieke data binnen de visualisatie ervoor zorgen 

dat de aandacht van de kijker op een vooraf gedefinieerd attentiepunt 

valt. Alhoewel Tufte over deze methode spreekt binnen het hoofdstuk 

over corrupte bewijspresentatie laat hij toch zien dat de ontwerper veel 

invloed heeft op het focus van de gebruiker. 

Feedback van Bernhard Rieder op de tweede iteratie 

Dit model geeft interessante inzichten, vooral door het highlighten van 

de ‘underengaged’ content. Ik denk dat het markeren van eventuele 

problemen veel tijd bespaard bij het interpreteren van de informatie. 

Daarnaast denk ik dat het goed is om een menu toe te passen waarbij 

er gefilterd kan worden op meerdere dimensies (zoals browsers, 

landen, etc.). Op deze manier stel je de gebruiker in de mogelijkheid 

om informatie te filteren naar segmenten waar inzicht in verkregen wil 

worden. 

Usertest Submarine op de tweede iteratie 

De visualisatie geeft duidelijk het probleem weer. Er wordt wel 

de voorkeur gegeven aan probleemzones in plaats van specifieke 

gemarkeerde balken die het probleem aangeven. Het aangeven van 

een probleempagina is projectspecifiek en dus nog niet toepasbaar 

binnen het prototype. 

















Discussie: Het aangeven van een probleem met een attentiepunt 

Het doel van de te ontwikkelen tool is het genereren van feedback waarmee producers 

van interactieve documentaires hun ontwerp -en productiemethodes kunnen verbeteren. 

Het aangeven van een probleemgebied binnen een visualisatiemodel zorgt ervoor dat de 

gebruiker in een oogopslag kan zien waar de problemen zich bevinden. Het aangeven van 

een probleemgebied brengt een aantal discussiepunten met zich mee; de definitie van 

een probleem is subjectief, gebaseerd op de doelen van de producers. Ook verschilt de 

definitie van een probleem tussen de visualisaties. Het vaststellen van waarden/grenzen 

die een mogelijk probleem aan kunnen duiden zullen waarschijnlijk op statistische wijze 

(volgens een formule die toepasbaar is op elk project) berekend moeten worden in het 

eindproduct. Afbeelding Afbeelding 23 5 



0 50 100 150 200 250 300 



Resultaten 


0 bounce ratio 

100 

Categorie 2: Acquisitie 

Visualisatie 3 - De prestaties van doorverwijzingen 

UNSPEAK 


Per doorverwijzing (externe bron) wordt aangetoond hoeveel bezoekers 

het project hebben verlaten zonder dat er een interactie (een klik) 

heeft plaatsgevonden. Hieruit kan er worden gekeken of een bepaalde 

externe bronnen bezoekers aantrekken die niet betrokken zijn tot het 

project. 



Volgens Cairo (2012, p. 51) kan de boodschap die de visualisatie over 

moet brengen worden verstoord door het weergeven van te veel data. 

Op de verticale assen staan de dimensies die zijn gerangschikt op het 

aantal bezoekers, de top tien wordt weergegeven. Hierdoor wordt de 

meest relevante data weergegeven. Op de horizontale lijnen zijn cirkels 

gepositioneerd die een verhouding weergeeft. De verhouding loopt van 

laag naar hoog (links naar rechts). De grootte van de cirkels geeft de 

hoeveelheid bezoeken per dimensie weer. 

aantal 

bezoeken 

> 50% van 

totaal 

aantal 

bezoeken 





bronnen | bounce ratio | aantal bezoeken per bron 

Feedback van Gabriele Colombo op deze visualisatie 

• Maak de visualisatie beter leesbaar door een grid toe te voegen 

• Het symbool dat aantoont dat de hoeveelheid van de bezoeken 

hoger ligt dan 50% van het totaal aantal gebruikers is niet duidelijk 

genoeg. Het zou meer op mogen vallen. 

• Voeg een legenda toe die aan kan tonen wat een probleem zou 

kunnen zijn voor de gebruiker. 

• Ga verder met het ontwerpen van een interactie, op deze manier 

zou je meer informatie kunnen laten zien. 

aantal 

bezoeken 










Resultaten 



Eerste iteratie van visualisatie 3 - De prestaties van doorverwijzingen 

Ranked by visits 

bounce ratio 

0 50 

100 


De tien lichte verticale lijnen die een grid vormen zorgen ervoor dat de 

positie van de cirkel beter af te lezen is. Tufte concludeert (2001, p. 64) 

dat het weergeven van een subtiel grid voor de nodige rust binnen een 

visualisatie zorgt, een aanwezig grid zorgt voor afleiding van de data. 

Er is een contrasterende kleur gebruikt om het hoge aantal gebruikers 

te markeren, op deze manier valt het eerder op dat de grootte van 

de cirkel een extra eigenschap bevat. Om de positie van de cirkel op 

de horizontale lijn uit te leggen is er een legenda toegevoegd die een 

eventueel probleem aan zou kunnen geven. 

De labels die verschijnen als de gebruiker over een cirkel geeft 

getailleerde informatie weer over de dimensie die wordt aangewezen. 

Feedback van Gabriele Colombo op de eerste iteratie 

Deze markering van het grote aantal gebruikers is beter dan die in de 

vorige iteratie. 

aantal 

bezoeken 

> 50% van 

totaal 

aantal 

visits 

/ 

aantal 

bezoeken 

/episodes/words_are_weapons 

/episodes/money_talks 

'/main.phpx=b 

'/episodes/anti_social_media 

713 bezoeken 

78.7 bounce ratio 

'/episodes/natural_disasters 

'/episodes/brave_new_minds 

'/dictionary/ 

'/episodes/obamarama 

'/about 



Resultaten 


ounce ratio 


Tweede iteratie van visualisatie 3 - De prestaties van doorverwijzingen 

bronnen 

gerangschikt naar 

aantal bezoeken 

0 50 

100 


Na de eerste iteratie van dit model is er voor gekozen om het te 

gebruiken voor De prestatie van doorverwijzingen. De laatste feedback is 

meegenomen naar de volgende iteratie waarbij de dimensie paginatitels 

is veranderd in bronnen en de metric vertrekratio is veranderd in bounce 

ratio. 

100 

500 

>1000 bezoeken 

(direct) 

facebook.com 

De belangrijkste aanpassing binnen deze iteratie is de toevoeging 

van een attentie indicatie. Tufte (1990, p. 82) concludeert dat kleuren 

als labels gebruikt kunnen worden om een hoeveelheid aan te geven. 

Metingen worden aangegeven door kleurverandering op donkerheid. 

De rode achtergrondkleur geeft aan welke positie van de cirkels een 

positief signaal zou kunnen zijn en welke een negatief signaal. De 

gebruiker kan de positie van de cirkels beter interpreteren. Op deze 

manier is de legenda overbodig. 

google 

t.co 

buer 

player.vimeo.com 

699 bezoeken 

78.7 bounce ratio 

Discussie: Sortering 

Binnen visualisaties wordt regelmatig sortering toegepast. Dit wil zeggen dat niet 

simpelweg alle dimensies binnen de data worden weergegeven maar slechts de meest 

relevante. Doordat het bepalen van relevantie binnen data subjectief is, ontstaat er snel 

een discussie over de manier van sorteren. Het weergeven van een top tien van bronnen 

die de meeste betrokkenheid genereren is hier een concreet voorbeeld van. Door slechts 

een beperkt aantal segmenten te laten zien zou de illusie gewekt kunnen worden dat de 

bronnen die buiten de top 10 vallen minder relevant zijn dan de bronnen binnen de top 

tien. Binnen het project Last Hijack is nrc.nl bijvoorbeeld een hele belangrijke bron. 

reddit.com 

cwd.68design.net 

metafiltercom 

Wanneer deze bron geen hoge waardes genereert valt deze buiten de top tien. Omdat 

deze bron onderdeel is van een vooraf opgestelde campagne zijn de resultaten van 

deze bron toch relevant en dienen deze resultaten inzichtelijk te zijn. Als oplossing 

van dit probleem is er een functie aan het prototype toegevoegd die de gebruiker de 

mogelijkheid geeft om alle data binnen de correlatie te bekijken. Op deze manier blijft er 

geen data verborgen voor de gebruiker en zouden eventuele mis-interpretaties van de 

visualisatie uitgesloten kunnen worden (Bertin, 1983). 


unspeak.submarinechannel.com 


Resultaten 


Categorie 3: Technisch 

Visualisatie 4 - De prestaties van een land en haar internetproviders 


Hover om weer te geven 

United States 

Netherlands 

United Kingdom 

Italy 

Canada 

Germany 

China 

France 

Australia 

Switzerland 


Om er achter te komen welke internetproviders voor een technische 

beperking zou kunnen zorgen worden het aantal bezoeken met het 

aantal bounces vergeleken. Zodra een land een hoog aantal bounces 

bevat kan dit betekenen een of meerdere internetproviders binnen dit 

land technische beperkingen veroorzaakt. 

Uit de data analyse bleek dat het weergeven van specifieke data met 

betrekking tot internetproviders onoverzichtelijk zou worden. Dit komt 

door de lage bezoekersaantallen per internetprover en het hoge aantal 

internetproviders per land. Om deze reden is de probleemaantoning met 

behulp van bounces gebaseerd op landen. 

Op deze manier kan de gebruiker binnen deze visualisatie op een 

land klikken om een tabel met data over internetproviders binnen dit 

desbetreffende te zien. 



Deze visualisatie laat door middel van een kaart het aantal bezoeken 

vanuit een bepaald land zien. Deze kaart is gekoppeld aan een scatter 

plot die het aantal bezoeken en het aantal bounces per land laat zien. 

Iedere cirkel binnen de scatter plot representeert een land op de kaart, 

een land met een hoog aantal bezoeken gecombineerd met een hoog 

aantal bounces zou een probleem aan kunnen tonen. De toevoeging van 

de kaart zorgt voor sneller opnemen van dezelfde informatie als in de 

scatter plot over de dimensie landen. Met betrekking tot cartografie; 

grafische analyse toont aan vele male efficenter te 

zijn dan berekeningen. Geen andere methode voor het weergeven van 

statische informatie is zo effectief (Tufte, 2006). 


• Het aantal bezoekers wordt nog niet duidelijk aangetoond. 

• Je zou aan kunnen tonen waar het probleem zit, met kleuren 

bijvoorbeeld. 

% bounces 

Australia 

bezoeken: 134 

bounces: 50% 

Spain 

Brazil 

Portugal 

Poland 

laat alles zien... 

aantaal bezoeken > 50 

landen | aantal bezoeken | aantal bounces 


visits 


Resultaten 


% bounces 

90 

aantal bezoeken > 50 


Eerste iteratie van visualisatie 4 - De prestaties van een land en haar internetproviders 

75 

60 


Met behulp van kleuren wordt het aantal bounces zowel op de kaart als 

in de scatter plot aangegeven. De landen met een rode kleur op de 

kaart worden gerepresenteerd door een cirkel in het rode vlak in de 

scatter plot. De kleurindeling binnen de scatter plot geeft een indicatie 

over waar een probleem zou kunnen zitten; 

45 

Australië 

• Een land met een hoog aantal bezoekers een een hoog aantal 

bounces vormt een probleem. 

• Een land met een hoog aantal bounces en relatief laag aantal 

bezoekers vormt een minder groot probleem. 

• Een land met een hoog aantal bezoekers en relatief laag aantal 

bounces vormt geen probleem. 

30 

0 750 1,500 2,250 3,000 


Beste scenario 

Australië 

aantal 

bezoeken: 134 

bounces: 50% 

Aandacht area 



Resultaten 



Visualisatie 5: De prestatie van een browser 


Door te achterhalen hoeveel pagina’s gemiddeld per browser worden 

bekeken en dit te vergelijken met de gemiddelde tijd van deze sessies 

kan duidelijk worden of er specifieke browsers zijn die in tegenstelling 

tot andere browsers slecht presteren. Wanneer er problemen voordoen 

bij specifieke browsers kan deze technische beperking erg specifiek 

worden benaderd. 


browser | gemiddelde tijd gespendeerd op de site | gemiddeld aantal bekeken 

pagina’s 


In deze visualisatie wordt per browser de gemiddelde tijd gespendeerd 

op de site vergeleken met het gemiddeld aantal bekeken pagina’s. De 

positie op de horizontale as vertelt hoe lang de gebruikers gemiddeld 

op de site verbleven met het gebruik van een specifieke browser. De 

hoogte van de balk laat zien hoeveel pagina’s hierbij gemiddeld zijn 

bekeken. Een browser met een laag aantal pagina’s bekeken en een 

lage gemiddelde sessie tijd kan worden gezien als een probleem. Deze 

probleem browsers worden ingekaderd in een zogenaamde probleem 

zone. 

Wanneer live data wordt gebruikt zullen de maximale waardes kunnen 

veranderen. De verschillen in hoogte tussen de balken wordt dan 

groter. Een andere optie zou het vaststellen van deze grenzen door 

de gebruiker van het dashboard zijn. In een acquisitie zou vastgesteld 

kunnen worden wat de minimale waarde dient te zijn voor een goed 

presterende browser. 

gemiddeld aantal 

pagina’s bekeken 

8 

6 

Android 4 Browser 

gem. tijd op site 8,6 s 

gem. aantal pag. 

bekeken 1,8 

internet explorer 

2 

0 

firefox 

chrome 

200 400 600 800 

safari 

gemiddelde tijd 

gespendeerd op de site 

Laat labels zien van: 

Safari 

Safari (in-app) 

Chrome 

Android Browser 

Firefox 

Opera Mini 

BlackBerry 

Amazon Silk 

Internet Explorer 

UC Browser 

S40 Ovi Browser 

BrowserNG 

BlackBerry9700 



Resultaten 


Laat labels zien van: 

Chrome 


Eerste iteratie van visualisatie 5: De prestatie van een browser 


In een feedbackmoment met Stefania Bercu werd duidelijk dat er 

een fout was gemaakt bij het herleiden van de data uit de tool Query 

Explorer. Dit inzicht werd verkregen wanneer de visualisatie wel een erg 

onrealistisch positief verband genereerde. Tijdens het verwerken van 

de juiste data in dezelfde visualisatie werd bevestigd dat de visualisatie 

ook grotendeels hetzelfde kon blijven voor andere data. Het weergeven 

van probleem browsers is in deze visualisatie vervangen door een 

markering. Op deze manier hoeven de grenzen van het probleem niet 

decimaal specifiek bepaald te worden en worden probleembrowsers 

individueel gemarkeerd als een probleem en niet als een geheel 

ingekaderd. 

Usertest met Submarine op deze visualisatie 

Ondanks dat de lage waardes erg klein worden weergegeven door een 

enkele goed presterende browser geeft dit wel direct inzicht in het 

verschil tussen de prestaties. Door de browsers met laagste waardes 

rood te maken vallen deze direct op. Wederom kan er niet specifiek 

worden gezegd wat nou precies het probleem is, deze grenzen moeten 

nog bepaald worden. 

gemiddeld aantal 

pagina’s bekeken 

per bezoek 

21 

16 

Chrome 

Safari 

Firefox 

Internet Explorer 

Safari (in-app) 

Android Browser 

Opera 

Maxthon 

Mozilla 

Opera Mini 

Mozilla Compatible Agent 

BlackBerry 

11 

Firefox 

6 

gem. tijd op site: 261,7 s 

Firefoxgem. aantal pag 

bekeken: 35% 

0 

750 1500 2250 3000 

gemiddelde tijd gespendeerd 

op de site 



Resultaten 


Afronding Unspeak 

Visualisaties: Last Hijack 

Het analyseproces van Unspeak kan gezien worden als een test-case/ 

voorbereiding op de analyse van Last Hijack. Zoals besproken is de 

structuur van Unspeak vergelijkbaar met die van reguliere websites. De 

correlaties visualisaties zullen hierdoor op een groot aantal interactieve 

documentaires toepasbaar zijn. 

Vanwege de release van Last Hijack, die een alternatieve benadering 

vraagt door zijn alternatieve structuur, is besloten de resultaten van 

Unspeak te documenteren en van start te gaan met het analyseren van 

Last Hijack. 

De verworven kennis uit Unspeak wordt gebruikt als input voor het 

verdere analyseproces. 

Voor het uiteindelijke visualiseren is een stylesheet opgesteld. Door het 

toepassen van steeds dezelfde stijlelementen ontstaat er consistente 

vormgeving van het uiteindelijke eindproduct waar alle visualisaties 

gebundeld zullen worden. Binnen het proces van Unspeak is ook 

rekening gehouden met consistentie in vorm en kleuren. 

Echter kwam tijdens het starten met visualiseren pas aan bod dat 

het opstellen van concrete afspraken hiervoor het proces erg kan 

versnellen. Aan de start van het tweede ontwepproces, voor Last Hijack, 

zijn deze afspraken op voorhand opgesteld in een stylesheet. Tijdens 

het ontwerpen is nog een kleine veranderingen aangebracht om het 

contrast tussen de baisskleuren wat te vergroten. Zo functioneert het 

pallet op elk mogelijk beeldscherm. 

Om onderscheid te creëren tussen verschillende elementen zijn kleuren 

met een bepaald niveau in contrast noodzakelijk. Hiervoor zijn vier 

basiskleuren opgesteld, die eenvoudig van elkaar zijn te onderscheiden. 

Sommige visualisaties hebben een kleur of ander element nodig om 

een probleemgebied aan te geven. Hiervoor is de stereotype kleur voor 

probleem en gevaar toegepast; rood. Deze kleur rood is afgestemd op 

de tinten van de vier basiskleuren. Hoe zwaarder het probleem, hoe 

harder de kleur rood. Naast dit element vragen sommige visualisaties 

om een element dat aandachtspunten kan highlighten. Hiervoor is 

een opvallende, heldere kleur gekozen met een erg hoge saturatie 

in vergelijking met de zachte saturatie van de basiskleuren. Op deze 

manier wordt de focus van de gebruiker hier naartoe verlengd. 

#FFE009 

highlight 

#EEE8D6 #E9B690 #57B7B9 #9BA3B1 

#D4CFC0 #D0A482 #4EA4A5 #8A919D 

#B9B5A8 #B58F72 #448F90 #777E88 

#D37974 

probleem 

Volledig bekeken 

40% 

15% 

Overgeslagen 

442 

FONT 

FONT KLEUR 

Gudea 

#5D686E 

LABEL FONT GROOTTE 14 pt 

% FONT GROOTTE 18 pt 

DIKTE SCHEIDINGSLIJN 3 pt 

SCHEIDINGSLIJN KLEUR #FFFFFF 

45% 

DIKTE OMLIJNING 

OMLIJNING KLEUR 

TEXT GROOTTE 

TITLE GROOTTE 

1 pt 

#5D686E 

14 pt 

18 pt BOLD 

lijnen 

grid 

Total sessions = 2947 

Weggegaan van 

de site 


Afbeelding 31 


ontworpen door Geert Hagelaar 


Visualisatie 6 - De introstatus 

Overgeslagen 


De ratio is een belangrijke metric binnen de correlaties die betrekking 

hebben op de interactieve documentaire Unspeak. Helaas is het door 

de structuur van het project The Last Hijack niet mogelijk om een 

bounce ratio te ontdekken op deze website. De oorzaak hiervan is het feit 

dat The Last Hijack uit één webpagina bestaat hierdoor kan de definitie 

van een een bounce ratio niet op dezelfde manier gebruikt worden als bij 

Unspeak. 

Om de intentie van de gebruiker binnen de documentaire The Last 

Hijack aan te geven wordt er gebruik gemaakt van een custom 

dimensie die de introstatus aangeeft. Dit wil zeggen dat de intro van 

de documentaire geanalyseerd wordt en het gedrag wordt verdeeld in 

een van de drie categorieën FULL (de gebruiker bekijkt de introductie 

helemaal), SKIPPED (de gebruiker slaat de introductiefilm binnen de 

volledige tijd van het intro over maar gaat wel verder naar de overige 

video’s) en WENT AWAY (de gebruiker verlaat de website tijdens het 

bekijken van het intro. 


Deze visualisatie bestaat uit een pie chart die de verhoudingen tussen 

de drie introstatussen weergeeft. In de meest gunstige situatie zou 

volledig bekeken de pie chart vullen. Bij een hover over een van de drie 

delen verschijnt het aantal bezoekers dat binnen dit specifieke segment 

valt. 


introstatus (volledig bekeken, overgeslagen of verlaten) | aantal bezoeken 


40% 

15% 

45% 

442 

Men zou kunnen zeggen dat het segment WENT AWAY gelijk staat aan 

een bounce (de gebruiker verlaat de website zonder enige interactie). 

Verlaten 

Het segment SKIPPED zou iets kunnen zeggen over de inhoud van de 

introductievideo, hier wordt verder op in gegaan binnen visualisatie 8. 

Total aantal bezoeken = 2947 

Binnen het dashboard dient deze visualisatie als basisinformatie voor 

de categorie gedrag. 

Afbeelding 5 

Afbeelding 32 


Resultaten 




Eerste iteratie van visualisatie 6 - De introstatus 

april 17, 2014 

mei 14, 2014 


Er zijn meer contrasterende kleuren gebruikt zodat de verschillende 

segmenten beter van elkaar te onderscheiden zijn. Hierdoor kan 

de gebruiker ook sneller de verdeling binnen de drie categorieën 

aflezen. Tufte (1990, p.88) concludeert dat door het gebruiken 

van contrasterende kleuren het voor de gebruiker duidelijk wordt 

wanneer er binnen de visualisatie verschillende categorieën worden 

weergegeven. 


40% 

15% 

Overgeslagen 

442 

Discussie: de definitie van een bounce 

Binnen Google Analytics staat de definitie van een bounce beschreven als een bezoek 

waarbij slechts één pagina wordt bekeken voordat de site wordt verlaten. Als we kijken 

naar de actie van de gebruiker is er geen twijfel mogelijk over de betekenis van een 

bounce. Maar als we naar het gedrag van de gebruiker kijken hoeft een bounce niet altijd 

negatief te zijn zoals door Google Analytics verondersteld wordt. 

Een gebruiker die een bounce genereert zou namelijk een terugkomende gebruiker 

kunnen zijn die frequent controleert of er nieuwe content aanwezig is. Deze gebruiker 

toont met zijn gedrag aan geïnteresseerd te zijn in het project terwijl dit binnen de 

correlaties als negatief wordt beschouwd. Dit komt voornamelijk door het feit dat het 

identificeren van een terugkomende gebruiker vrij beperkt is. 

Een concreet voorbeeld is een bezoeker die regelmatig controleert of er nieuwe content 

te vinden is op een bepaalde blog. Een bezoek van de blog is positief maar zodra de 

gebruiker ziet dat er geen nieuwe content te vinden is op de homepage zal deze de blog 

verlaten en wordt het bezoek geregistreerd als een bounce, die door Google Analytics als 

negatief wordt beschouwd. 

45% 

Totaal aantal bezoeken = 2947 

Verlaten 

De term bounce wordt in het geval van de documentaire Unspeak anders gebruikt dan bij 

Last Hijack. Dit komt doordat Unspeak uit meerdere pagina’s bestaat, hierdoor kan er 

niet er niet vanuit dezelfde methode geregistreerd worden of een bezoek een bounce is of 

een gewoon bezoek (“Bounce Rate,” 2014). 

Afbeelding 5 

Afbeelding 33 


Resultaten 


laat autopilot 

zien 



Visualisatie 7 - Bezoekerspad 


aantal bezoeken voor 

wie dit de laatste video 

bekeken was 

aantal bezoeken die 

doorgaan naar een 

volgende video 

2-W-A.mp4 

aantal keer dat deze video als 2e 

video werd bekeken 46 

gemiddeld % bekeken van deze video 75% 

aantal vertrekken na deze video 0% 


• Hoe vaak is een bepaalde video bekeken als 1e, 2e, etc. video. 

• Van welke video naar welke video verplaatsen bezoekers zich en 

hoeveel bezoekers nemen dit specifieke pad. 

• Hoe vaak was dit de laatste video bekeken als 1e, 2e, etc. video. 


1e videotitel bekeken| 2e video bekeken vanaf deze 1e video | 3e video 

bekeken vanaf deze 1e video | 4e, 5e, etc. | aantal keer dat deze identieke 

volgorde van video’s voorkomt 


Het is een erg overzichtelijk geheel doordat de interface van Last 

Hijack is verwerkt. Dit maakt de visualisatie wel erg specifiek voor 

deze documentaire, maar dat is nu ook de opdracht. De groen/ 

blauwe cirkels binnen de rode cirkels worden door het pad uit hun 

vorm getrokken. Dit maakt het erg lastig om het groene/blauwe met 

het rode te vergelijken. De rode cirkels zijn nu omlijnt met een grijze 

rand, wellicht is de groen/blauwe cirkel beter te vergelijken wanneer 

ook deze zo een omlijning krijgt. Daarnaast is het belangrijk om in de 

legenda zo beknopt en begrijpelijk mogelijk teksten te verwerken. Deze 

informatie moet in een oogopslag interpreteerbaar zijn. 


Horizontaal is de verdeling van video’s zoals in de interface van Last 

Hijack weergegeven in beige balken. Op de bovenste beige kleurige 

balk is weergegeven hoe vaak welke video als 1e video is bekeken. De 

balk eronder hoeveel keer welke video als 2e video is bekeken, etc. 

Dit aantal is weergeven aan de hand van een cirkel met een bepaalde 

radius. De breedte representeert het aantal bezoeken van die video. 

Omdat de dataset een lijst weergeeft van paden, kan precies geteld 

worden hoe vaak een bepaalde combinatie binnen eerste en tweede 

video (en 2e en 3e, 3e en 4e, etc.) bekeken wordt. Ook is te zien 

wanneer bezoekers bij een bepaalde video afhaken. In het voorbeeld 

hieronder is te zien dat de combinatie 1e video 1-S-A.mp4 en 2e video 

6-1-W-B.mp4 een enkele keer is voorgekomen. Deze bezoeker is na het 

bekijken van 6-1-W-B.mp4 als 2e video weggegaan van de site. 

In de visualisatie zijn naast het ‘aantal keer bekeken per video’ ook het 

aantal keer dat dezelfde combinatie tussen 1e en 2e video bekeken 

voorkomt weergegeven door middel van blauw/groene paden tussen 

deze twee video’s. De rode cirkel representeert het aantal waarvoor dit 

‘de laatste video bekeken’ was. De breedte van deze cirkel kan worden 

vergeleken met de breedte van de groene binnenste cirkel dat het 

aantal representeert dat vertrekt naar een volgende video. 

Aan de hand van een hover functie krijgt de gebruiker specifieke 

informatie over de aangewezen video. Zoals in het voorbeeld krijgt de 

gebruiker gedetailleerde waardes over de desbetreffende video die als 

2e video bekeken is. Zo krijgt hij te zien: 

• het aantal keer dat deze video is bekken als 2e video 

• gemiddeld percentage bekeken van deze video als 2e video 

• het aantal vertrekken van deze video als 2e video. 


Resultaten 

Geert Hagelaar & Yannick Diezenberg 55 


1e video bekeken 





6e video bekeken



Eerste iteratie van visualisatie 7 - Bezoekerspad 


Er is hier een cirkel toegevoegd om de breedtes van de twee 

overlappende kleuren beter met elkaar te kunnen vergelijken. 

Daarnaast is de informatie vertaalt naar concretere informatie. 

Verder is nog een filter toegepast. Uit een zelfanalsyse kwam het inzicht 

dat het dikke pad wellicht voornamelijk uit autopilot bezoekers bestaat. 

Door de gebruiker van de visualisatie de mogelijkheid te geven om 

de resultaten van de autopilot eruit te filteren krijgt de gebruiker een 

concreet overzicht van bezoekers die van dit voorgestelde pad afwijken. 

Daarnaast biedt een filtering op introstatus nog de mogelijkheid om de 

paden van bezoekers te vergelijken die de intro overgeslagen hebben 

met de bezoekers die deze volledig hebben bekeken. Dit zou inzicht 

kunnen geven in relevantie van de intro. “Is het bekijken van de intro 

nodig om de content op te kunnen nemen/begrijpen” 

4e video bekeken 3e video bekeken 2e video bekeken 1e video bekeken 

aantal vertrekken 

vanaf deze video 


die doorgaan naar 

een volgende 


beide 

2-W-A.mp4 

aantal keer deze video is bekeken als 2e 

video 46 

gemiddeld % bekeken van deze video 75% 

aantal vertrekken vanaf deze video 0 

laat resultaten 

auto pilot zien 

view visotor flow for 

introstate: 

volledig bekeken 

overgeslagen 





Resultaten 


ontworpen door Yannick Diezenberg 


Visualisatie 8 - Beslissingstijd binnen de introductievideo 


De volgende visualisatie laat zien wanneer de gebruiker besluit de 

introductievideo over te slaan. Met deze informatie kan de producer 

zien welke fragmenten binnen de video aangepast kunnen worden om 

dit gedrag te veranderen. 

De introductievideo is een belangrijk onderdeel van de interactieve 

documentaire. Binnen deze video wordt uitgelegd waar de 

documentaire over gaat. Als deze video over wordt geslagen mist de 

kijker een deel van de informatie die er voor zorgt dat de content van 

de documentaire wordt begrepen. Niet alleen zegt het overslaan van 

het intro iets over de content die de gebruiker mist maar ook over de 

intentie van de gebruiker voor het bekijken van de documentaire. 

Voor deze correlatie zijn twee verschillende versies van een een 

visualisatie uitgewerkt, beide visualisatie bevatten dezelfde functies 

maar geven de informatie op verschillende manieren weer. 


Uitleg visualisatie - eerste versie 

In deze schets is te zien hoe het eerste idee over de visualisatie van 

deze correlatie eruit ziet. De visualisatie laat zien hoeveel gebruiker de 

introductievideo overslaan of het project verlaten binnen een specifieke 

seconde. Het screenshot laat het beeld op die bepaalde seconde 

zien, zodat de gebruiker direct weet om welke seconde binnen de 

introductievideo het gaat. 

Op de horizontale as worden de secondes van de documentaire 

weergegeven (in de schets bestaat de introductievideo uit 50 

seconden). Op de verticale as wordt het aantal bezoekers die de 

introductievideo overslaan of het project verlaten. Bij het combineren 

van deze twee waarden kan er worden gekeken welke frames een 

vertrek van de gebruiker veroorzaken. 

Volgens Tufte (2001, p. 187) kan de lange as het beste worden 

gebruikt voor het weergeven van de oorzaak en de korte as voor de 

weergave van het effect. Om deze reden staan de seconden van de 

introductievideo op de horizontale as en het aantal gebruikers dat 

vertrekt of het intro overslaan op de verticale as. 

Introstatus | tijd gespendeerd aan het intro 



Resultaten 


verlaten 

overgeslagen 



Eerste iteratie van visualisatie 8 - versie 1 - Beslissingstijd binnen de introductievideo 

Uitleg iteratie 1 - eerste versie 

Deze digitale uitwerking bevat een screenshot van elke seconde van de 

introductievideo, dit screenshot heeft een dynamische positie binnen de 

visualisatie. Het screenshot beweegt namelijk horizontaal mee met de 

aanwijzer wanneer deze over de balk hovert. 

Feedback van Gabriele Colombo op de eerste iteratie van versie 1 

• Vanaf welke waarde geeft de visualisatie een probleem (de rode 

balken) weer 

• Als de screenshots van de introductiefilm niet per seconde maar 

per shot worden weergegeven kan er een probleemindicator 

worden toegevoegd. 

36e seconde 

90 overgeslagen 

100 

80 

60 

40 


overgeslagen 

20 

0 

1 5 10 15 20 25 30 35 40 45 

aantal seconden 


Resultaten 




Visualisatie 8 - versie 2 - Beslissingstijd binnen de introductievideo 

Uitlegvisualisatie - versie 2 

Deze schets geeft het idee van de tweede versie van de besluitingstijd 

visualisatie weer. Wederom geeft de horizontale as de seconden van 

de introductiefilm weer. Een groot verschil tussen de eerste versie en 

de tweede versie is de weergaven van de metric in de vorm van een 

gebied (area chart) in plaats van balken. Een ander significant verschil 

is de weergave van de fragmenten uit de introductievideo. In de tweede 

versie zijn de verschillende beelden die bij een bereik aan seconden 

horen weergegeven in shots uit een fragment. 



Resultaten 




1000 

verlaten de site 

Eerste iteratie van visualisatie 8 - versie 2 - Beslissingstijd binnen de introductievideo 

slaan intro over 


Dit is de eerste digitale uitwerking van deze visualisatie. Het oppervlak 

van het gekleurde gebied geeft de hoeveelheid bezoekers weer die de 

introductievideo vroegtijdig hebben verlaten. 

Het label dat zichtbaar is bij de piek op de 32e seconde geeft aan wat er 

gebeurt bij het bewegen van de aanwijzer over het vlak of de lijn in de 

visualisatie. Als er labels zijn gebruikt binnen de visualisatie wordt een 

legenda overbodig (Tufte, 2001). 

aantal verlaten/overgeslagen 

500 

0 10 

362 

20 30 40 50 

aantal 

seconden 



Resultaten 


ontworpen door Geert Hagelaar & Yannick Diezenberg 


Uiteindelijke versie visualisatie 8 - Beslissingstijd binnen de introductievideo 

1000 

verlaten 

intro overgeslagen 

april 17, 2014 

mei 14, 2014 


Op basis van feedback vanuit de data specialist Bernhard Rieder en 

data visualisatie expert Gabriele Colombo zijn de twee versies van deze 

visualisatie samengevoegd. Binnen deze visualisatie wordt met de rode 

tinten aangegeven welk gedeeltes van de introductievideo de meeste 

vroegtijdige vertrekken veroorzaken. Tufte zegt hier het volgende over: 

“Natuurlijk brengt kleur duidelijker informatie over dan alleen 

benamingenen, kleuren zijn een natuurlijke hoeveelheidsbepaler met 

perceptuele continuiteit (in verzadiging)” (Tufte, 1990). 

Binnen de visualisatie is deze theorie te zien in de verzadiging van de 

rode kleur. Een volledig verzadigd (het linkse vak binnen de visualisatie) 

vlak geeft een hoge hoeveelheid gebruikers aan die het intro overslaan 

over vertrekken. 

500 

aantal overgeslagen/verlaten 

0 10 20 30 40 50 

362 

aantal 

seconden 



Resultaten 



Video 1 

0% gemiddeld % bekeken 

50% 100% 

Video 2 


Visualisatie 9 - De populariteit van een video 

Video 3 

Video 4 

Video 5 

Video 6 

Video 7 


Deze visualisatie kan gebruikt worden om de populariteit van een video 

aan te tonen, dit gebeurt aan de hand van het aantal keer dat de video 

is bekeken en voor hoeveel procent de video gemiddeld is bekeken. 

Een video presteert niet alleen goed wanneer deze vaak bekeken is, 

ook moet er rekening worden gehouden met het aantal speelminuten 

van een video. Zo presteert een video die vaak bekeken is en niet vaak 

volledig is afgekeken slecht. 

De visualisatie suggereert niet dat iedere video die een laag aantal keer 

is afgespeeld een probleem is. De video’s die zich in de autoselect modus 

bevinden worden naar verwachting vaker bekeken dan de video’s die 

handmatig te bekijken zijn 


videotitel | gemiddeld percentage bekeken van de video | aantal videoplays 


Er is een keuze gemaakt om de focus op de video te verduidelijken. 

Bij het klikken op een van de cirkels komt er een label tevoorschijn 

dat gedetailleerde informatie over de video laat zien. Ook wordt de 

as donkerder om te verduidelijken om welke video het gaat. Uit de 

feedback van ontwerper Gabriele Colombo is gebleken dat alleen 

de videotitel dik gedrukt weergeven op de verticale as niet zichtbaar 

genoeg is. Als er labels zijn gebruikt binnen de visualisatie wordt een 

legenda overbodig (Tufte, 2001). 


• Het is nog niet helemaal duidelijk welke labels bij welke lijnen 

horen. Dit zou je op kunnen lossen door de labels zowel aan de 

linkerkant als rechterkant van de lijnen te plaatsen. 

• Als de gebruiker over een cirkels hovert wordt de label links van 

de de lijn vetgedrukt weergegeven, de lijn moet ook onderscheiden 

worden. 

• Zoek naar een goede manier om de video’s te sorteren. Misschien is 

het interessant om de video’s op lengte te sorten om zo patronen 

te zien binnnen de populariteit van een video. 

100 bezoeken 

500 bezoeken 

2000 bezoeken 

Video 8 

Video 9 

Video 10 

Video 11 

Video 12 

Video 13 

Video 14 

Video 15 

Video 16 

Video 17 

Video 18 

Video 19 

Video 20 

Video 21 

Video 22 

Video 23 

Video 24 

Video 25 

Video 26 

Video 27 

Video 28 

Video 29 

Video 30 

Video 31 

Video 32 

Video 33 

Video 34 

1250 bezoeken 

36% bekeken 

Video 35 

Video 36 

Video 37 

Video 38 

Video 39 

Video 40 



Resultaten 



april 17, 2014 

mei 14, 2014 

0% gemideld % bekeken 

50% 100% 


Eerste iteratie van visualisatie 9 - De populariteit van een video 


Er is een select-optie toegevoegd om de data over de video’s die 

binnen de autoselect modus staan de verbergen. Door de data over die 

video’s die via de autoselect zijn afgespeeld te verbergen wordt er alleen 

informatie weergegeven die iets zegt over de bekeken video’s door de 

gebruikers die actief betrokken zijn met de documentaire (in de manual 

mode dient de gebruiker zelf op de video’s te klikken om ze te kijken). 

Discussie: populariteit van een video 

Door de interactiviteit van de documentaire kunnen er vragen worden gesteld over de 

betekenis van een populaire video. Uiteraard kan de populariteit van een video worden 

uitgedrukt in het aantal views. Maar door de vrijheid van de gebruiker om zelf te kunnen 

bepalen wanneer welke video bekeken wordt is het bekeken percentage van de video ook 

van belang. Deze definitie is vastgesteld om de correlatie goed te kunnen documenteren. Afbeelding Afbeelding 42 5 

Video 1 

Video 2 

Video 3 

Video 4 

Video 5 

Video 6 

Video 7 

Video 8 

Video 9 

Video 10 

Video 11 

Video 12 

Video 13 

Video 14 

Video 15 

Video 16 

Video 17 

Video 18 

Video 19 

Video 20 

Video 21 

Video 22 

Video 23 

Video 24 

Video 25 

Video 26 

Video 27 

Video 28 

Video 29 

Video 30 

Video 31 

Video 32 

Video 33 

Video 34 

Video 35 

Video 36 

Video 37 

Video 38 

Video 39 

Video 40 

Video 15 

1250 bezoeken 

36% bekeken 

0% 50% 100% 

Autoplay 

Manual 

100 bezoeken 

500 bezoeken 

2000 bezoeken 


Resultaten 




Visualisatie 10 - Voorgedefinieerde verhaallijnen versus handmatig modus en de populariteit van narratieven 

Autoplay 

The Hijack 


Binnen Last Hijack kunnen mensen uit vier vooraf bepaalde narratieve 

paden kiezen, deze vier paden vallen binnen de autoselect modus. De 

producers willen graag weten welke narratieven populair zijn onder de 

gebruikers. Deze informatie wordt voornamelijk gebruikt om een inzicht 

te creëren over het gedrag van de gebruikers. 

Gebruikte correlaties 

autoselect modus | aantal bezoeken 

narratief | aantal bezoeken 


Bij de visualisatie van deze correlatie is er voor gekozen om de 

weergave van de populariteit van verschillende videopaden te 

combineren met het aantal bezoekers dat er voor kiest om een 

autoselect pad te volgen. De linker pie chart geeft weer wat de 

verhouding is tussen deze twee keuzes. De rechter pie chart maakt 

duidelijk wat de verhouding is tussen de specifieke keuzes binnen 

autoselect modus. 

Bij de combinatie van deze twee visualisatie is het belangrijk om de link 

tussen de autoselect modus en de narratieven goed te laten zien. In dit 

geval is er voor gekozen om deze link aan de hand van een kleur weer 

te geven (blauw staat voor manual en groen voor autoselect). Binnen het 

dashboard zullen deze twee gekoppeld visualisatie binnen een katern 

staan. 

Manual 

29% 

40% 

15% 

45% 

71% 

2092 

Autoplay 

Meerdere 

perspectieven 

35% 

30% 

15% 

20% 

418 

After the Hijack 


De link tussen het autoselect gedeelte in de linker pie chart en de 

narratieven moet duidelijker. 

Before the Hijack 





Resultaten 




Eerste iteratie van visualisatie 10 - Voorgedefinieerde verhaallijnen versus handmatig modus 

en de populariteit van narratieven 

Autoplay vs. Manual 

april 17, 2014 

mei 14, 2014 

Narratieven 

The Hijack 


Op basis van feedback vanuit ontwerper Gabriele Colombo 

en verschillende user tests zijn de kleuren aangepast zodat de 

verschillende tinten binnen de rechter pie chart beter van elkaar te 

onderscheiden zijn. 

Manual 

29% 

40% 

15% 

Meerdere 

Perspectieven 

35% 

15% 

71% 

20% 

After the Hijack 

45% 

Autoplay 

30% 

812 

2092 

Before the Hijack 





Resultaten 


Westerse video die naar Somalische video leidt 

Westers 

top 10 Westerse video’s die leiden tot de meeste perspectief veranderingen 



Somalische video die naar Westerse video leidt 

video 1 

video 9 

video 21 

video 33 

video 11 

video 3 

video 22 

video 2 

video 3 

video 4 

Visualisatie 11 - Perspectiefwisseling 

2092 


Deze correlatie is opgesteld om het gedrag van de gebruiker te 

analyseren. Dit wil zeggen dat we na deze analyse niet kunnen spreken 

van een eventueel probleem. Tijdens een discussie met het projectteam 

kwam naar voren dat een perspectief verandering zowel positief als 

negatief zou kunnen zijn. Het doel van de documentaire is namelijk 

de gebruiker laten zien hoe het verhaal vanuit beide perspectieven 

verloopt. Aan de andere kant zou een perspectiefwisseling ook een 

indicatie kunnen zijn voor een gebruiker die de binnen video in het 

huidige perspectief wil verlaten. Doordat de intentie van de gebruiker 

niet direct te achterhalen is met de beschikbare data worden er geen 

attentiepunten weergegeven. 

De perspectiefwisseling zijn per video te zien, het aantal 

perspectiefwisseling die een video genereert kan worden afgelezen uit 

de visualisatie. 


perspectiefwisselingen per video | aantal bezoeken 


De eerste opzet van deze visualisatie is een bar chart, de 

videotitels werden op de verticale as weergegeven. Het 

aantal perspectiefwisselingen vanaf een bepaalde video werd 

vertegenwoordigd door de lengte van de horizontale balken. Na het 

uitwerken van dit idee in de vorm van een schets kon de conclusie 

worden getrokken dat dit model niet het cognitief model van een 

perspectiefwisseling weergeeft. 

Om deze correlatie dichter bij het mentale model van een perspectief 

verandering te leggen zijn de twee perspectieven tegenover elkaar 

geplaatst op de horizontale as. Het Westers perspectief is aan de 

bovenzijde geplaatst en het Somalisch perspectief aan de onderzijde. 

Dit is op basis van de navigatie van de documentaire gedaan. 


• De visualisatie bevat veel witruimte zonder functie, probeer de 

ruimte die je gebruikt beter te benutten. 

• Het is beter om de labels 180 graden te draaien, dat zorgt voor 

betere leesbaarheid. Dit heeft te maken met de manier waarop 

mensen (in het Westen) lezen. 

Perspectief verandering 

video 25 

video 38 

video 10 

video 8 

video 7 

video 37 

video 31 

video 25 

video 23 

video 5 


Somalisch 

top 10 Somalische video’s die leiden tot de meeste perspectief veranderingen 


Resultaten 




Somalische video die naar Westerse video leidt 

Westerse video die naar Somalische video leidt 

neem autopilot 

op pin de resultaten 

Eerste iteratie van visualisatie 11 - Perspectiefwisseling 

Somalisch 

top 10 Somalische video’s die leiden tot de meeste perspectief veranderingen 


Ook zijn de kleuren aangepast om het contrast tussen de twee zijdes te 

verhogen. 

Het model is in de hoogte verkleind op basis van feedback van Gabriele 

Colombo en de theorie van Tufte (1983, p. 123). In het hoofdstuk 

Data-Ink Maximalization and Graphic Design vertelt hij dat iedere 

hoeveelheid inkt (bij digitale modellen iedere pixel) een betekenis/ 

functie moet hebben om zo een heldere visualisatie te vormen. 

video 1 

2092 

video 9 

video 21 

video 33 

video 11 

video 3 

video 22 

video 2 

video 3 

video 4 

Perspectief verandering 

video 25 

video 38 

video 10 

video 8 

video 7 

video 37 

video 31 

video 25 

video 23 

video 5 

Westers 

top 10 Westerse video’s die leiden tot de meeste perspectief veranderingen 



Resultaten 




Visualisatie 12 - De laatstst bekeken video 



De laatste video die bekeken is tijdens een bezoek kan worden 

gezien als de video die de keuze van het verlaten van de pagina heeft 

veroorzaakt. 


De eerste versie van deze visualisatie bestaat uit een bar chart die 

het aantal drop-offs per video laat zien. Om aan te geven welke video’s 

relatief veel drop-offs veroorzaken is er een aandachtsgebied op de 

achtergrond geplaatst om te suggereren dat de balken binnen de 

gesatureerde kleur aandacht nodig hebben. 

Video 1 139 

Video 12 

Video 3 

Video 26 

121 

108 

107 


Video 2 

100 

Laat bekeken video | aantal bezoeken 

Video 8 

95 

Video 11 

Video 21 

50 

50 

Video 34 

30 

Video 4 

20 

aantal keer als laatste video bekeken 



Resultaten 



april 17, 2014 

mei 14, 2014 


Eerste iteratie van visualisatie 12 - De laatstst bekeken video 


Na het evalueren van de eerste iteratie kon er geconcludeerd worden 

dat alleen het weergeven van videotitels geen patronen of problemen 

blootlegt. De positie van de video binnen het navigatiemenu staat 

namelijk in verband met het gedrag van de gebruiker. Daarom is er 

voor gekozen om de video’s te representeren als de video’s binnen de 

navigatiebalk in Last Hijack. 

Videotitel 

aantal keer bekeken: 

916 

aantal keer dat dit 

de laatste video bekeken is: 

211 

“Door het verbinden van bestaande kennis met de te onthouden info wordt het 

geheugenspoor versterkt. Dit verbinden of elaboreren treedt wel op bij 

congruente 

responsen maar niet bij incongruente” (Schouppe & De Graef, 2011, p. 155). 

In dit geval is de bestaande kennis de door de gebruiker ontworpen 

interface. Het herkennen van deze interface binnen de analyse tool zal 

hierdoor een congruent respons oproepen vanwege de overeenkomst 

in vormgeving. Dit zal het geheugenspoor versterken waardoor de 

visualisatie sneller geïnterpreteerd kan worden. 

De gebruiker ziet direct waar de aandacht op gericht moet worden. 

Volgens Tufte (2001, p.167) is het weergeven van meer informatie 

vaak beter, (toevoeging van de positie van het element) vooral als de 

interpretatie gestuurd moet worden door het gebrek aan data. In dit 

geval is het gebrek aan data de gedachte van de gebruiker achter het 

verlaten van het project via een bepaalde video. 


before The Hijack after 


Resultaten 




Visualisatie 13 - De eerste klik 

#textbox 

312 eerte clicks 

25 SECONDEN 

312 clicks / 25 seconden 


Aangezien een interactieve documentaire een gebruiksvriendelijke 

interface nodig heeft om de ervaring zo goed mogelijk te laten verlopen 

is het essentieel om de navigatie te analyseren. Deze correlatie kan 

worden gezien als een gebruikerstest. De tijd die de kijker nodig heeft 

om het eerste element aan te klikken kan de producer vertellen of dit 

element goed gepositioneerd is. 

Als we het over de eerste klik hebben gaat het over het eerste element 

dat de gebruiker aanklikt nadat de introductievideo is afgelopen. Het 

klikken op het hulpscherm dat na de introductie verschijnt wordt niet 

als eerste klik beschouwd. 


het element waar als eerst op geklikt wordt | tijd voor de eerste klik 


Alle mogelijke eerste klikken worden als een laag over de bestaande 

interface weergegeven. Een informatiemodel is compleet figuratief 

wanneer de relatie tussen de representatie en de gebruiker volledig 

mimetisch is (Cairo, 2012). Op deze manier kan de gebruiker vrijwel 

direct zien op welke element relatief vaak de eerste klik vormen. Door 

de weergave van elementposities zou de producer de oorzaak van een 

lange tijd voor een eerste klik kunnen achterhalen. 

Het aantal keer dat een element een eerste klik vormt wordt door 

middel van kleursaturatie aangetoond. Dat wil zeggen dat de 

elementen die veel rood bevatten vaak als eerste worden aangeklikt. 


Probeer ook de tweede metric (de tijd die de gebruiker gemiddeld nodig 

heeft voor de eerste klik) te laten zien. 



Resultaten 




Eerste iteratie van visualisatie 13 - De eerste klik 

#textbox 

312 eerste clicks 

25 SECONDEN 


Om de de correlatie een combinatie van het aantal eerste klikken en 

de tijd die de kijker nodig heeft om deze actie uit te voeren zal deze 

informatie gezamenlijk binnen de visualisatie zichtbaar moeten zijn. 


●De producer zou door de rode kleur van de bolletjes kunnen denken 

dat er veel problemen plaats vinden. 

De bar chart die aan de navigatie representatie is toegevoegd toont 

de tijd aan die de gebruiker gemiddeld nodig heeft om op het element 

te klikken. De balken die iedere mogelijke eerste klik voorstellen zijn 

gesorteerd op het aantal eerste klikken. Hierdoor kan de producer 

achterhalen welke staven binnen diagram relevanter zijn dan andere 

als het gaat om de gebruiksvriendelijkheid van de interface. Binnen de 

visualisatie is de representatie van de interface gekoppeld aan de bar 

chart. Dit wil zeggen dat bij het aanwijzen van een element binnen de 

representatie van de interface de informatie over hetzelfde element ook 

in het staafdiagram wordt geaccentueerd. 

0 20 40 60 80 100 



Resultaten 




Tweede iteratie van visualisatie 13 - De eerste klik 

screenshot van interface 

#textbox 

312 eerste clicks 

25 SECONDEN 


Aangezien de visualisatie een representatie van de interface is 

en de content dynamisch (videobeeld en de verschuiving van 

voortgangsindicatie) is het tonen van het screenshot ter discussie 

gesteld. De vorming van de indeling van navigatie-elementen ontstaat 

door het aantal eerste klikken. Hierdoor kan geconcludeerd worden dat 

het screenshot overbodig wordt zodra er genoeg data over de eerste 

klikken is gegenereerd. 

Ook is de rode kleur aangepast om het suggereren van een probleem 

zoveel mogelijk te beperken. Ook is het bij deze visualisatie belangrijk 

dat de verscheidenheid aan kleuren zoveel mogelijk wordt beperkt. Een 

hoog bereik aan kleuren zou namelijk verwarring kunnen veroorzaken, 

ook wel een graphical puzzle genoemd (Tufte, 2011). 

Feedback van Gabriele Colombo op de tweede iteratie 

• De koppeling tussen de staafdiagram en de interface representatie 

is nog niet duidelijk. Misschien komt dit door de positie van de 

staafdiagram of door het model zelf. 

• Test met kleurgebruik binnen deze visualisatie om te kijken welke 

kleurtinten je het beste kunt gebruiken voor het weergeven van 

een waarde. 

• Plaats een legenda die de kleuren uitlegt. 

0 20 40 60 80 100 



Resultaten 



paar eerste clicks 


Derde iteratie van visualisatie 13 - De eerste klik 

312 eerste clicks / 42 seconden 

veel eerste clicks 


Op basis van feedback van Gabriele Colombo is de staafdiagram 

vervangen door een scatter plot die beide metrics weergeeft. 

Ook is de data gefilterd op basis van het aantal eerste kikken. Omdat 

vooral de informatie over de elementen waar gebruikers vaak het 

eerste op klikken belangrijk is zijn de overige resultaten gefilterd 

binnen de scatter plot. Volgens Tufte (2001, p. 132) kan de visualisatie 

beter bruikbaar zijn door het veranderen van het minimum of 

maximum van de data. In dit geval is de top tien van de elementen 

waar het meest als eerste op geklikt wordt zichtbaar. 

Wederom zijn de twee visuele modellen aan elkaar gekoppeld. De 

legenda is met een kleurverloop weergegeven om zo de betekenis van 

het kleurverloop aan te duiden. 

1000 

800 

600 

400 

200 

0 

0 tijd voor eerste click (sec) 20 40 60 80 100 

eerste click 

Afbeelding 52 


Resultaten

direct 

direct 

902 


campaign 


Visualisatie 14 - De prestaties van doorverwijzingen 

social 

blogs 

news 

nrc.nl 


Binnen de categorie acquisitie is het voor Submarine belangrijk om 

te weten vanuit welke bronnen de meeste bezoekers komen. Op 

deze manier kunnen de investeringen in bepaalde externe bronnen 

geëvalueerd worden. Op dezelfde manier kan er ook gekeken worden 

naar eventuele toekomstige investeringen. 

Er zijn vier categorieën waar bezoekers vandaan kunnen komen vanuit 

externe bronnen: geen (de gebruiker typt zelf de URL in om op het 

project te komen, sociale bronnen (de gebruiker is op het project terecht 

gekomen via social media), doorverwijzingen (de gebruiker komt op het 

project terecht via doorverwijzingen die niet onder social media vallen) 

en niet bepaald(Google Analytics kan de doorverwijzing niet in een 

categorie plaatsen omdat er metadata mist). 


Het model is gebaseerd op een model uit de d3 library (http://www. 

brightpointinc.com/interactive/ustrade/index.htmlsource=d3js). 

Het geeft duidelijk de stroming vanuit verschillende externe bronnen 

weer. Door het label met ‘The Last Hijack’ centraal te zetten binnen de 

visualisatie wordt er een model weergegeven dat letterlijk een stroming 

weergeeft. 

De grootte van het oppervlak geeft weer hoe de verhoudingen tussen 

de bezoekersstromen eruit ziet. Een brede stroming geeft in verhouding 

een hoog aantal bezoekers via de desbetreffende bron weer. De 

omlijning en kleuren geven het verschil tussen de verschillende 

categorieën weer. 

nu.nl 

The Last Hijack 

facebook.com 


doorverwijzingen | aantal bezoeken 

m.facebook.com 

interactivenarratives.tumblr.com/ 

twitter.com 



Resultaten 



Top 3 bronnen per media categorie 

direct 


Eerste iteratie van visualisatie 14 - De prestaties van doorverwijzingen 


Tufte (2001, p. 69) haalt m.b.v. verschillende voorbeelden aan dat 

het gebruiken van de misleidende vormen voor het weergeven 

van verhoudingen tot misinterpretatie van de data kan leiden. Om 

misleiding te voorkomen is de vorm veranderd in een rechte stroming. 

Op deze manier zijn de oppervlakken beter met elkaar te vergelijken. 

Media categories 

none 

organic 

referral 

not set 


nrc.nl 

avg 

hidemyass.com 

getpocket.com 

google 

facebook.com 



Resultaten 



Media categories 

april 17, 2014 

Top 3 bronnen per media category 

mei 14, 2014 


Tweede iteratie van visualisatie 14 - De prestaties van doorverwijzingen 

none 

organic 

referral 

direct 

982 


De belangrijkste verandering in de derde iteratie is de vorm van de 

visualisatie. Om de grootte van de stromingen beter met elkaar te 

kunnen vergelijken zijn de randen recht gemaakt. De categorie met de 

grootste stroming bepaald de verhouding binnen het vierkant. Om er 

is gebruikt gemaakt van het gestalt om de categorieën met de kleinere 

stroming met de rest te kunnen vergelijken zonder deze naast elkaar te 

hoeven leggen. Het vierkant wordt in gedachte completeert waardoor 

een vergelijking mogelijk is. Binnen deze visualisatie wordt gebruik 

gemaakt van closure binnen het gestaltprincipe (Schouppe & De Graef, 

2011). 

Feedback 

Nulla vel quam in tellus lacinia ornare. Donec nec fermentum sapien, 

lacinia ultricies diam. Quisque cursus mattis est, eleifend ullamcorper 

elit facilisis sed. Aenean auctor est non dictum commodo. Aenean 

pretium, turpis quis porta elementum, metus nunc lobortis lectus, 

id semper mauris massa a metus. Cras consequat quam eget odio 

bibendum, sed molestie velit ullamcorper. Vivamus posuere nisl sit 

amet est condimentum luctus. Etiam et nibh laoreet, aliquam urna nec, 

scelerisque neque. Sed eget suscipit diam. Pellentesque at urna in eros 

consectetur blandit ac sit amet felis. 

not set 

nrc.nl 

462 


571 

avg 

170 

google 

97 

168 

182 


hidemyass.com 

getpocket.com 

facebook.com 


Resultaten 




Visualisatie 15 - De prestaties van doorverwijzingen per introstatus 

overgeslagen 

vertrokken 

aantal 

bezoeken 

avg 

0 25 50 

gemiddelde tijd 

gespendeerd aan de 

intro 


De introstatus (de introductievideo is volledig bekeken, overgeslagen of 

het project is binnen het intro verlaten) kan iets over de intentie van de 

gebruiker vertellen. Een gebruiker die de introductie helemaal bekijkt 

zal betrokken zijn bij het project. Het overslaan van de introductie of 

het verlaten van het project via de introductie kan als slecht worden 

beschouwen, de betrokkenheid van de gebruiker is niet optimaal. Een 

vertrek via de introductievideo kan worden gezien als een bounce. 

Door deze indicatie van betrokkenheid toe te passen op 

doorverwijzingen kan er gekeken worden naar intentie van een 

gebruiker die vanuit een bepaalde bron komt. 


Er is gekozen voor een staafdiagram waar twee variabelen zijn 

verwerkt, zowel de lengte als de breedte van de staven geven data 

weer. De lengte geeft de tijd die gespendeerd aan de introductievideo 

weer en de breedte de verhoudingen tussen verschillende introstatussen 

per doorverwijzing. 

Door de twee kleuren balken per bron tegen elkaar te plaatsen en een 

witruimte te creëren tussen de balken van de volgende bron, worden 

deze automatisch door de gebruiker gegroepeerd vanwege de nabijheid 

van deze twee elementen (Schouppe & De Graef, 2011). 

facebook.com 

getpocket.com 

google 


doorverwijzing | aantal bezoeken | introstatus 

hidemyass.com 


nrc.nl 

spinawards.nl 



Resultaten 



0 28,5 57 

gemiddelde tijd gespendeerd 

aan de intro 


Eerste iteratie van visualisatie 15 - De prestaties van doorverwijzingen per introstatus 

avg 

239 bezoeken 

overgeslagen 

verlaten 

volledig bekeken 


Bij de tweede iteratie is het nieuwe kleurenschema toegepast om de 

verschillen tussen de introstatussen duidelijker weer te geven. Ook is de 

introstatus ‘volledig bekeken’ toegevoegd op aanraden van Bernhard 

Rieder om de volledige verhouding tussen de introstatussen weer te 

geven. 

facebook.com 


getpocket.com 

google 

hidemyass.com 


nrc.nl 

spinawards.nl 



Resultaten 




Visualisatie 16 - De prestatie van doorverwijzingen, aangetoond met user engagement 


Net als bij de vorige correlatie wordt er gekeken naar de intentie van 

bezoekers die vanuit een bepaalde bron komen. Deze keer wordt er 

gekeken naar het niveau van betrokkenheid. Het gemiddelde percentage 

van de bekeken content is gecombineerd met het aantal video’s 

dat gemiddeld bekeken is door gebruikers die vanuit een bepaalde 

doorverwijzing komen. 


doorverwijzingen | gemiddeld aantal bekeken video’s | gemiddeld percentage bekeken per video 


Het verhouding-hoeveelheid-model kan voor deze correlatie gebruikt 

worden omdat we te maken hebben met deze type metrics. 

Op de verticale as zijn in dit geval de top tien van bronnen (gebaseerd 

op de hoeveelheid bezoekers vanuit deze bronnen) gepositioneerd. 

De positie van de cirkels op de horizontale as geeft het gemiddelde 

percentage aan bekeken inhoud per bron weer en de grootte van cirkel 

het gemiddeld aantal bekeken video’s. 

Er zou gezegd kunnen worden dat een bron met een grote cirkel aan 

de rechter kant van de horizontale as een bron weergeeft die veel 

betrokken bezoekers weergeeft. 

bron 1 

bron 2 

bron 3 

bron 4 

bron 5 

bron 6 

bron 7 

april 17, 2014 

0% gemiddeld percentage bekeken van de content 

50% 100% 

bron 8 

4 videos bekeken 

14% bekeken 

mei 14, 2014 

level van engagement 

1 2 3 4 



bron 8 

bron 9 


bron 10 

0% 50% 100% 



Resultaten 




Eerste iteratie van visualisatie 16 - De prestatie van doorverwijzingen, aangetoond met user engagement 


De vormverandering van de cirkels is gebaseerd op de continuïteit 

van de visualisaties. In voorgaande visualisatie die hetzelfde model 

gebruiken representeren de cirkels andere dimensies, waardoor het 

voor de gebruiker minder makkelijk af te lezen is om welke informatie 

het gaat. Volgens Tufte (Tufte, 1990) is belangrijk om data te 

visualiseren naar de capaciteit van het menselijk brein. Dit wil zeggen 

dat de ontwerper gebruik moet maken van de cognitieve modellen van 

de mens. Continuïteit speelt hier een grote rol in, het herkennen van 

de cirkels uit een voorafgaande visualisatie kan ervoor zorgen dat de 

gebruiker een verkeerde associatie krijgt met hetzelfde visuele model 

dat andere informatie weergeeft. De vierkante vormen zorgen ervoor 

dat het model binnen deze correlatie niet wordt verward met het 

hetzelfde model dat gebaseerd is op een verschillende correlatie die 

andere dimensies bevatten. 

bron 1 

bron 2 

bron 3 

bron 4 

bron 5 

bron 6 

bron 7 

bron 8 

bron 9 

bron 10 

0% gemiddeld percentage bekeken van de content 

50% 100% 

bron 8 


14% bekeken 

5 video’s gemiddeld 

bekeken 


bekeken 


bekeken 

0% 50% 100% 

53% gemiddeld bekeken van de content 



Resultaten 



Afronding Last Hijack 

Op het moment is net een start gemaakt met deze categorie. Deze 

categorie is als laatste op de lijst gezet omdat de correlaties binnen 

deze categorie sterke overeenkomsten hebben met die van de 

documentaire Unspeak en minder projectspecifiek zijn in vergelijking 

met de correlaties binnen gedrag en acquisitie. 

De laatste iteraties binnen resultaten zijn voorgelegd aan opdrachtgever 

Bernhard Rieder. Deze zullen in de nabije toekomt nog voorgelegd 

worden bij Submarine. Het niveau van inzichtelijkheid is nu getest op 

Bernhard Rieder en overige betrokkenen. 

Hoe ver het iteratieproces nog zal gaan is op het moment nog niet 

inzichtelijk. Wel is duidelijk dat het geheel uiteindelijk gedocumenteerd 

zal worden als een soort handleiding voor verdere uitwerking. Wegens 

gebrek aan programmeurs zullen slechts een aantal visualisaties 

gerealiseerd worden in d3. Deze interactieve uitwerkingen zullen dienen 

als een prototype waarin de mogelijkheden tot het verwerken van live 

data in de ontworpen visualisaties zal zijn getest. 

Dit einddocument zal nieuwe inzichten bevatten in het analyseren van 

het specifieke product ‘interactieve documentaires’. 


User engagement met betrekking tot interactieve documentaires 

Conclusies en aanbevelingen 

Deelvraag 1 luidde als volgt: 1) Wat is de definitie van user engagement 

als het gaat om interactieve documentaires 

Binnen een aantal visualisaties wordt user engagement op 

verschillende vlakken (bijvoorbeeld per video of per doorverwijzing) 

gemeten. Om user engagement meetbaar te maken is het essentieel 

om de definitie van dit begrip vast te stellen met betrekking op de 

gebruikte documentaire Last Hijack. 

Om een betekenis te geven aan de abstracte term user engagement 

wordt er specifiek naar documentaire Last Hijack gekeken. Het 

is bekend dat Last Hijack wordt beschouwd als een interactieve 

documentaire. Echter is de term ‘interactieve documentaire’ een 

breed begrip. Daarom wordt de structuur van Last Hijack gekenmerkt 

door middel van Sandra Gaudenzi’s interactive documentary 

genre taxonomie (2013). Zij beschrijft vier categorieën interactieve 

documentaires; ‘The conversational mode’, ‘experiential mode’, ‘the 

participatory mode’ end de ‘hyperlink mode’ gebaseerd op hun 

interactiemodi. 

De ‘hyperlink mode’ kan beschreven worden als een gesloten 

videodatabase. De gebruiker krijgt een verkennende rol doordat deze 

tussen de video’s binnen de database kan navigeren door middel van 

bestaande verwijzingen. De structuur moedigt de gebruiker aan de 

documentaires niet op een lineaire en voorgedefinieerde manier te 

bekijken maar zijn eigen pad te kiezen binnen het verhaal. De gesloten 

structuur geeft de auteur de controle over de gebruiker maar laat de 

gebruiker toch bepalen hoe de documentaire wordt beleefd. 

Dit type mode is toepasbaar op Last Hijack. Last Hijack bestaat uit een 

enkele pagina maar geeft de gebruiker de mogelijkheid tot navigatie 

door middel van een tijdlijn onder of boven de film. 

In wezen is de interactiviteit vrij beperkt; de gebruiker kan door de 

structuur navigeren maar heeft geen invloed op de bestaande content. 

De gebruiker creëert een individueel verhaal dat uit segmenten bestaat 

die worden aangeklikt tijdens het navigeren. Des te groter de database, 

des te groter de kans dat de ervaring van de documentaire uniek is. Er 

wordt in andere woorden gekozen voor een uniek navigatie pad binnen 

het verhaal (Lister, 2009). 

Daarom is user engagement in de volgende vier niveaus 

gecategoriseerd: 

1. Een groot aantal wisselingen tussen de video’s geeft aan dat de 

gebruiker de content actief verkent. Dit richt zich vooral op content 

met een ‘hyperlink mode’ structuur. Het eerste niveaus van user 

engagement wordt dus aangetoond met het bekijken van relatief 

veel verschillende video’s. 

2. Het tweede niveau van user engagement laat zien dat de gebruiker 

relatief veel video’s heeft bekeken maar ook een hoog percentage 

van de content van deze video’s heeft bekeken (het verschil tussen 

een video half bekijken en het bekijken van een video tot het einde). 

3. Het meest intensieve niveau van user engagement is de combinatie 

van een hoog aantal bekeken video’s, een hoog percentage 

van de bekeken content van deze video’s en een hoog aantal 

perspectiefwisselingen (specifiek voor Last Hijack). 

4. Er zou een vierde niveau toegepast kunnen worden dat gaat 

over het delen van de documentaire. Dit zou kunnen worden 

bijgehouden door deelknoppen vanuit social media. Dit niveau van 

user engagement wordt niet toegepast bij Last Hijack omdat het 

project momenteel geen deelknop bevat. 

Aan de hand van deze vier niveaus kan binnen de visualisatie worden 

beoordeeld op welke gebied het project verbeterd kan worden om meer 

engaged users aan te trekken. 

Binnen dit onderzoeksverslag zijn de volgende deelvragen behandeld: 







documentaires 

108 Transmedia Analytics - Userengagementmetbetrekkingtotinteractievedocumentaires Geert Hagelaar & Yannick Diezenberg 109

Deelvraag 1 

Welke feedback hebben producers van interactieve documentaires nodig om hun producties te kunnen verbeteren 

Ofwel: “Wat is ‘gewenste feedback’ voor producers van interactieve documentaires” 

Deelvraag 2 

Hoe kunnen de correlaties, die de juiste feedback genereren, op een begrijpelijke 

en inzichtelijke manier worden gevisualiseerd 

Deelvraag 1 is beantwoord aan de hand van correlaties en het 

visualiseren van deze correlaties. De visualisaties dienen als evaluatie 

om na te gaan of de correlaties ook daadwerkelijk de gewenste 

inzichten geven. 

De huidige analysetool Google Analytics geeft inzichten in website 

prestaties maar is slecht tot niet bruikbaar voor het analyseren van 

online interactieve documentaires vanwege de alternatieve structuur. 

Uit het onderzoek is gebleken dat Google Analytics iedere website op 

dezelfde manier analyseert, als een gewone website. Hierdoor is de 

informatie die gegenereerd wordt niet bruikbaar als feedback voor een 

interactieve documentaire. Om de data uit Google Analytics te kunnen 

gebruiken om interactieve documentaires te analyseren zullen enkele 

termen (zoals een bounce) geherdefinieerd moeten worden om deze 

toe te kunnen passen op transmedia producties. Deze herdefinieerde 

termen zijn gebruikt binnen de visualisaties. Bijvoorbeeld in visualisatie 

6: doordat Last Hijack uit een enkele pagina bestaat waar de gebruiker 

het hele project op kan bekijken zonder enige interactie kan de term 

bounce niet worden gebruikt om een probleem aan te tonen. 

Door de functies en de structuur van transmedia producties te 

analyseren zijn inzichten ontstaan (zie probleemanalyse) over het 

gebruikersgedrag van bezoekers. 

Hierbij zijn verschillende datasets gecombineerd die inzichten 

in deze specifieke productvorm achten te beantwoorden. Deze 

gecorreleerde dimensies en metrics zijn vervolgens gevisualiseerd om 

de gegenereerde inzichten te evalueren. Het niveau van inzichtelijkheid 

is vervolgens getest bij Submarine. Door middel van een usertest met 

een producer van Submarine is gecontroleerd of de visualisaties de 

gewenste inzichten en feedback weergeven. 

Aan de hand van feedback van Bernhard Rieder en Gabriele Colombo 

en de usertest met de producer van Submarine kan geconcludeerd 

worden of de visualisaties de gewenste feedback genereren. Door de 

correlaties op een specifieke documentaire te richten, genereren de 

visualisaties gerichte, project specifieke feedback. 

Deelvraag 2 is beantwoord aan de hand van het visualiseren van 

correlaties. Door tijdens het ontwerpproces onderzoek te doen naar 

toepasbare ontwerpprincipes zijn visualisaties ontstaan die correlaties 

inzichtelijk presenteren. 

Aan de hand van de verkergen feedback kan geconcludeerd worden 

dat eenvoudige visualisaties makkelijk interpreteerbare informatie 

weergeven. Eenvoudige visualisaties zijn overzichtelijk, niet alleen 

doordat er gebruik wordt gemaakt van een beperkt aantal metrics 

en dimensies maar ook doordat dit soort visualisaties aanspraak 

doet op cognitieve modellen. De gebruiker kan de visualisatie snel 

lezen waardoor tijd en misleidingen worden bespaard en de feedback 

duidelijk overkomt. 

Door binnen visualisatie 2 gebruik te maken van een rode kleur, om 

eventuele problemen aan te geven als het gaat om de gemiddelde 

tijd op een bepaalde pagina ,interpreteert de gebruiker de visualisatie 

sneller. Door het gebruik maken van kleuren kan de ontwerper 

ervoor zorgen dat de aandacht van de gebruiker naar een bepaald 

attentiepunt wordt getrokken (Tufte, 2006). 

Het weglaten van data zorgt ervoor dat de boodschap die de 

visualisatie over moet brengen duidelijk wordt weergegeven (Cairo, 

2012). In visualisatie 3 is dit aan de hand van een ranking gedaan, de 

top tien van het complete aantal video’s wordt getoond. 

Door het grid binnen visualisatie 3 subtiel weer te geven blijft de 

informatie leesbaar maar wordt de lezer niet afgeleid of misleid (Tufte, 

2001). Ook wordt er gebruik gemaakt van een rode gradient om een 

eventueel probleem aan te geven. Volgens Tufte kan een kleur worden 

gebruikt om een hoeveelheid weer te geven (Tufte, 1990). 

Omdat in visualisatie 3 de prestatie van een bron weer wordt gegeven 

is het beter om de data niet te filteren zodat er geen misinterpretatie 

ontstaat (Bertin, 1983). Bij data over bronnen is het namelijk van 

belang om campagnes en andere investeringen te betrekken, deze 

informatie kan niet uit de data worden gehaald. 

De beste manier om geografische data te tonen, zoals in visualisatie 

4, is een kaart (Tufte, 2006). Met een kaart kunnen patronen worden 

herkend die in relatie staan tot een locatie. 

Door bij visualisatie 6 contrasterende kleuren te gebruiken worden 

verschillende de segmenten beter van elkaar onderscheiden (Tufte, 

1990). Dit maakt de visualisatie beter leesbaar. 

Tufte (2001, p. 187) concludeert dat bij een visualisatie met twee assen 

de lange as het beste de oorzaak weergeeft en de korte as het effect. 

Dit is in visualisatie 8 toegepast bij het weergeven van het aantal 

keer dat de introductievideo is overgeslagen of een vertrek heeft 

veroorzaakt. 

Ook is in visualisatie 8 gebruik gemaakt van labels zodat er geen 

legenda toegepast hoeft te worden (Tufte, 2001). Door gebruik te 

maken van kleurverzadegingen op de achtergrond wordt er gebruik 

gemaakt van het feit dat een kleur een natuurlijke hoeveelheidsbepaler 

met perceptuele continuïteit kan zijn (Tufte, 1990). 

110 Transmedia Analytics - Conclusies en aanbevelingen Geert Hagelaar & Yannick Diezenberg 111

Deelvraag 3 

Wat is de definitie van user engagement als het gaat om 

interactieve documentaires 

Binnen visualisatie 9 is er op een andere manier het gebruik van een 

legenda overbodig gemaakt door middel labels (Tufte, 2001). Door 

labels met hoeveelheden te laten verschijnen bij een hover hoeft deze 

hoeveelheid niet te worden afgelezen van een as. 

Door zoveel mogelijk ruimte binnen een visualisatie te benutten wordt 

de informatie zo goed mogelijk weergegeven (Tufte, 1983). Tufte 

legt dit uit aan de hand van de term data-ink maximalization. Ieder 

beetje inkt op papier of iedere pixel op het scherm zou informatie 

weer moeten geven in een perfecte visualisatie. Aan de hand van deze 

theorie is het formaat van model binnen visualisatie 11 aangepast om 

zo een beter overzicht weer te kunnen geven van de data. 

In visualisatie 12 is de indeling van de navigatietijdlijn uit Last Hijack 

op een abstracte manier gerepresenteerd binnen de visualisatie om 

gebruik te maken van de kennis van de producer van de documentaire. 

Schouppe & De Graeff (2011, p. 155) zeggen hierover dat door het 

verbinden van bestaande kennis met de te onthouden informatie het 

geheugenspoor wordt versterkt. 

In visualisatie 13 is de indeling van de navigatie uit Last Hijack ook over 

genomen. Met als reden dat een informatiemodel compleet figuratief 

is wanneer de relatie tussen de representatie en de gebruiker volledig 

mimetisch is (Cairo, 2012). 

Door het gebruik van een grote variatie van kleuren zou een 

verwarring, oftewel een graphical puzzle kunnen ontstaan (Tufte, 

2011). Om deze reden is er binnen visualisatie 14 voor gekozen om de 

waarden met tinten van een kleur aan te geven. 

Volgens Tufte (2001, p. 132) kan de visualisatie beter bruikbaar zijn 

door het veranderen van het minimum of maximum van de data. 

Daarom wordt alleen de top tien van elementen waar het meest als 

eerste op geklikt is weergegeven. 

Tufte (2001, p. 69) haalt m.b.v. verschillende voorbeelden aan dat 

het gebruiken van de misleidende vormen voor het weergeven van 

verhoudingen tot misinterpretatie van de data kan leiden. Daarom is 

om misleiding te voorkomen de vorm van de stroming van visualisatie 

13 veranderd in een rechte stroming. 

Het vierkant in visualisatie 14 wordt in gedachte gecompleteerd 

waardoor een vergelijking mogelijk is. Binnen deze visualisatie wordt 

gebruik gemaakt van closure binnen het gestaltprincipe (Schouppe & 

De Graef, 2011). 

Door binnen visualisatie 15 de twee kleuren balken per bron tegen 

elkaar te plaatsen en een witruimte te creëren tussen de balken 

van de volgende bron, worden deze automatisch door de gebruiker 

gegroepeerd. Vanwege de nabijheid van deze twee elementen 

(Schouppe & De Graef, 2011). 

Volgens Tufte (Tufte, 1990) is belangrijk om data te visualiseren naar 

de capaciteit van het menselijk brein. Dit wil zeggen dat de ontwerper 

gebruik moet maken van de cognitieve modellen van de mens. 

Continuïteit speelt hier een grote rol in, het herkennen van de cirkels 

uit de eerste iteratie van visualisatie 16 kan ervoor zorgen dat de 

gebruiker een verkeerde associatie krijgt met hetzelfde visuele model 

dat andere informatie weergeeft. Daarom zijn deze cirkels veranderd in 

vierkanten. 

Samenvattend antwoord op deelvraag 2 

Door ontwerp-principes toe te passen en iteratieslagen te maken aan 

de hand van feedback van project betrokkenen binnen het ontwerp, 

kunnen de correlaties begrijpelijk en inzichtelijk worden gevisualiseerd. 

Deelvraag 3 is beantwoord aan de hand van een literatuuronderoek. 

Om user engagement te kunnen meten en te visualiseren is er 

onderzoek gedaan naar de betekenis van deze term. Er is specifiek 

gekeken naar de documentaire Last Hijack. 

Last Hijack kan worden beschreven als een documentaire met een 

‘hyper mode’ structuur, deze kan worden omschreven als een gesloten 

database die uit video’s bestaat (Sandra Gaudenzi, 2013). 

De gebruiker creëert een individueel verhaal door vrij te navigeren 

door het narratief. Hoe groter de database, des te groter de kans dat 

de ervaring van de documentaire uniek is. Er wordt in andere woorden 

gekozen voor een uniek navigatiepad binnen het verhaal (Lister, 2009). 

Op basis van de structuur van Last Hijack is user engagement verdeeld 

in vier categorieën; 

1. Een groot aantal wisselingen tussen video’s 

2. Een groot aantal wisselingen tussen video’s en een hoog 

percentage van de inhoud van de video’s is bekeken 

3. Een groot aantal wisselingen tussen video’s, een hoog percentage 

van de inhoud van de video’s is bekeken en er hebben veel 

perspectiefwisselingen plaatsgevonden. 

4. Er zou een vierde niveau toegepast kunnen worden dat gaat over 

het delen van de documentaire. 

112 Transmedia Analytics - Conclusies en aanbevelingen Geert Hagelaar & Yannick Diezenberg 113

Literatuurlijst 

Webpagina’s 

About. (n.b.). Geraadpleegd: 14 mei 2014, 

http://www.submarine.nl/#!/about/ 

Dhr. dr. B. (Bernhard) Rieder. (n.d.). Geraadpleegd: 14 mei 2014, 

http://aus.libguides.com/content.phppid=120152&sid=1058033 

Application Programming Interface. (2014.). Geraadpleegd: 14 mei 2014, 

http://nl.wikipedia.org/wiki/Application_programming_interface 

Scrum (softwareontwikkeling. (2014). Geraadpleegd: 22 mei 2014, 

http://nl.wikipedia.org/wiki/Scrum_(softwareontwikkelmethode) 

Core Reporting API - Reference Guide, (n.b.). Geraadpleegd: 14 mei 2014, 

https://developers.google.com/analytics/devguides/reporting/core/v3/reference#dimensions 

Bounce Rate, 2014. Geraadpleegd: 13 mei 2014, 

https://support.google.com/analytics/answer/1009409hl=en 

About the Center for Civic Media, (n.b.) Geraadpleegd: 13 mei 2014, 

http://civic.mit.edu/about 

Literatuur 

Frankel, L., & Racine, M. (2010). The complex field of research: For design, through design, and about design. In Design & complexity: International conference of the Design 

Research 

Society. Design Research Society. Geraadpleegd 14 mei 2014, http://www.designresearchsociety.org/docs-procs/DRS2010. 

Tufte, Edward R. Beautiful evidence. Vol. 1. Cheshire, CT: Graphics Press, 2006. 

Tufte, E. R., & Graves-Morris, P. R. (1983). The visual display of quantitative information (Vol. 2). Cheshire, CT: Graphics press. 

Tufte, E. R., & Robins, D. (1997). Visual explanations (Vol. 25). Cheshire, CT: Graphics Press. 

Schouppe, H., & De Graef, P. (2011). Cognitieve psychologie: theorie & praktijk. Van Gorcum. 

Tufte, E. R. (1991). Envisioning information. Optometry & Vision Science 

Bertin, J. (1983). Semiology of graphics: diagrams, networks, maps. 

Nash, Kate (2012). Modes of Interactivity: analysing the webdoc in Sage Journals 36: 

(pg 194-210). Geraadpleegd: 26 February 2014, http://mcs.sagepub.com/content/43/2/195 

Cairo, A. (2012). The Functional Art: An introduction to information graphics and visualization. New Riders. 

Gaudenzi, S. (2013). The Living Documentary: from representing reality to co-creating reality in digital interactive documentary (Doctoral dissertation). 

Lister, M. (Ed.). (2009). New media: A critical introduction. Taylor & Francis. 

114 Transmedia Analytics - Literatuurlijst Geert Hagelaar & Yannick Diezenberg 115

Transmedia Analytics - By Geert Hagelaar & Yannick Diezenberg

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?