19.01.2015 Views

Transmedia Analytics - By Geert Hagelaar & Yannick Diezenberg

Graduation Project (in Dutch)

Graduation Project (in Dutch)

SHOW MORE
SHOW LESS

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

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Afronding Unspeak<br />

Visualisaties: Last Hijack<br />

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

voorbereiding op de analyse van Last Hijack. Zoals besproken is de<br />

structuur van Unspeak vergelijkbaar met die van reguliere websites. De<br />

correlaties visualisaties zullen hierdoor op een groot aantal interactieve<br />

documentaires toepasbaar zijn.<br />

Vanwege de release van Last Hijack, die een alternatieve benadering<br />

vraagt door zijn alternatieve structuur, is besloten de resultaten van<br />

Unspeak te documenteren en van start te gaan met het analyseren van<br />

Last Hijack.<br />

De verworven kennis uit Unspeak wordt gebruikt als input voor het<br />

verdere analyseproces.<br />

Voor het uiteindelijke visualiseren is een stylesheet opgesteld. Door het<br />

toepassen van steeds dezelfde stijlelementen ontstaat er consistente<br />

vormgeving van het uiteindelijke eindproduct waar alle visualisaties<br />

gebundeld zullen worden. Binnen het proces van Unspeak is ook<br />

rekening gehouden met consistentie in vorm en kleuren.<br />

Echter kwam tijdens het starten met visualiseren pas aan bod dat<br />

het opstellen van concrete afspraken hiervoor het proces erg kan<br />

versnellen. Aan de start van het tweede ontwepproces, voor Last Hijack,<br />

zijn deze afspraken op voorhand opgesteld in een stylesheet. Tijdens<br />

het ontwerpen is nog een kleine veranderingen aangebracht om het<br />

contrast tussen de baisskleuren wat te vergroten. Zo functioneert het<br />

pallet op elk mogelijk beeldscherm.<br />

Om onderscheid te creëren tussen verschillende elementen zijn kleuren<br />

met een bepaald niveau in contrast noodzakelijk. Hiervoor zijn vier<br />

basiskleuren opgesteld, die eenvoudig van elkaar zijn te onderscheiden.<br />

Sommige visualisaties hebben een kleur of ander element nodig om<br />

een probleemgebied aan te geven. Hiervoor is de stereotype kleur voor<br />

probleem en gevaar toegepast; rood. Deze kleur rood is afgestemd op<br />

de tinten van de vier basiskleuren. Hoe zwaarder het probleem, hoe<br />

harder de kleur rood. Naast dit element vragen sommige visualisaties<br />

om een element dat aandachtspunten kan highlighten. Hiervoor is<br />

een opvallende, heldere kleur gekozen met een erg hoge saturatie<br />

in vergelijking met de zachte saturatie van de basiskleuren. Op deze<br />

manier wordt de focus van de gebruiker hier naartoe verlengd.<br />

#FFE009<br />

highlight<br />

#EEE8D6 #E9B690 #57B7B9 #9BA3B1<br />

#D4CFC0 #D0A482 #4EA4A5 #8A919D<br />

#B9B5A8 #B58F72 #448F90 #777E88<br />

#D37974<br />

probleem<br />

Volledig bekeken<br />

40%<br />

15%<br />

Overgeslagen<br />

442<br />

FONT<br />

FONT KLEUR<br />

Gudea<br />

#5D686E<br />

LABEL FONT GROOTTE 14 pt<br />

% FONT GROOTTE 18 pt<br />

DIKTE SCHEIDINGSLIJN 3 pt<br />

SCHEIDINGSLIJN KLEUR #FFFFFF<br />

45%<br />

DIKTE OMLIJNING<br />

OMLIJNING KLEUR<br />

TEXT GROOTTE<br />

TITLE GROOTTE<br />

1 pt<br />

#5D686E<br />

14 pt<br />

18 pt BOLD<br />

lijnen<br />

grid<br />

Total sessions = 2947<br />

Weggegaan van<br />

de site<br />

aantal bezoeken<br />

Afbeelding 31<br />

48 <strong>Transmedia</strong> <strong>Analytics</strong> - Resultaten <strong>Geert</strong> <strong>Hagelaar</strong> & <strong>Yannick</strong> <strong>Diezenberg</strong> 49

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!