engaged storytelling with information visualization
TRANSCRIPT
ENGAGED STORYTELLING WITH INFORMATION VISUALIZATION
ENGAGED STORYTELLING WITH INFORMATION VISUALIZATIONProfessor Kristen Sosulski, Ed.DNYU Stern School of Business@ sosulski
Story + Visuals = Engagement
STORIES
Edward Segel and Jeffrey Heer, 2010
Premise for stories: 3
Presenter driven storiesLinear ordering of contentPrescribed message
Locus of control 4
Baseline Engagement TechniquesBuild on prior knowledgeAsk questionsSeek audience inputPersonalize it! - Change from third person to second person.
VISUALIZATIONS
How can we use visuals to tell engaging data stories?
A picture is worth a thousand words
Creative Commons
Not all pictures are.ReadableInterpretableMeaningfulRelevant
Google Image Search
However, visuals are an efficient tool.
We know visualizations can be a powerful communications tool in data driven stories How do we get there?
Baseline Visualization TechniquesKristen Sosulski, 2016
To whom are we communicating?Humans
Underlying assumptions
DC: Humans possess separate channels for processing visual and auditory informationLC Humans are limited in the amount of information that they can process in each channel at one timeAP Humans engage in active learning by attending to relevant incoming information, organizing selected information into coherent mental representations, and integrating mental representations with other knowledge
14
Human information processing system
Words
Pictures
EarsEyesSoundsImagesVerbal ModelPictorialModelPriorknowledge
Multimedia presentationSensorymemoryWorking memoryLong-termmemoryRichard Mayer
This figure presents a cognitive model of multimedia learning intended to represent the human information processing system.
The boxes represent memory stores, including sensory memory, working memory, and long term memory. Pictures and words come in form the outside world as a multimedia presentation and enter sensory memory through the eyes and ears. Sensory memory allows for the pictures and printed text to be held as exact visual images for a very brief time period in visual sensory memory.
Arrow from pictures to eyes corresponds to a picture being registered in the eyes; the arrow from Words to Ears corresponds to spoken text being registered in the ears; the arrow from words to eyes corresponds to printed text being registered in the eyes.
The central work of multimedia learning takes place in working memory. Working memory is used for temporarily holding and manipulating knowledge in active consciousness. For example, this presentation, you are able to hold some of the words I'm saying at one time or some of the boxes and arrows in your mind at one time. This kind of processing , where you are consciously aware, takes place in your working memory.
The left side of the box labeled Working Memory represents the raw material that comes into working memory - visual images of pictures and sound images of words - so it is based on the two sensory modalities, called visual and auditory.
The right side of the working memory box represents the knowledge constructed in working memory - visual and verbal mental models and links between them, this is based on the two representation modes, Mayer refers to as pictorial and verbal.
15
But, it is a translation processNathan Yau
Representing data through shape, size, and color
Techniques for using visuals in presenter driven stories Annotation highlight whats importantAnimation guide the pathway
AnnotationsReserve the use of pre-attentive attributes as cues for your audience.
COLOR
AnnotationsReserve the use of pre-attentive attributes as cues for your audience.
FORM
AnnotationsReserve the use of pre-attentive attributes as cues for your audience.
MOVEMENT
AnnotationsReserve the use of pre-attentive attributes as cues for your audience.
SPATIAL POSITION
AnnotationsHighlight a data point using a pre-attentive attribute.
AnnotationsAvoid highlighting every data point.
AnimationProgressively reveal content
PANNING AND ZOOMING
AnimationShow time series data.
TEXT AND SIZE
AnimationMark as specific data point and see how it changes over time
HIGHLIGHT AND POSITION
What if there is no presenter?
What is the role of the audience?
Audience driven storiesNo prescribed ordering of contentLittle to no messagingFree interactivity
Baseline Engagement TechniquesEnable the audience to build their own narrativeProvide locus of control in navigationSeek inputsAllow for comparisons Personalize it! - Change from third person to second person.
Techniques for using visuals in audience driven stories
Interactivity audience is the creator of the narrative.
Interface Audience controls the narrative
The visualization is now the interface.
The New York Times
Slider
Input field
Highlight
Filter
The New York Times
33
Interface + InteractivityLocus of controlNavigation Details on demandNon linear structureMeans for explorationInputs for individualization and personalizationAudience selected parametersFilteringCustom inputComparison for context
34
VISUALIZATIONSENGAGING
STORIESENGAGING
AUDIENCEENGAGED
Interested in designing engaging visuals?Design for Data Visualizationlive online seminar
Contact [email protected]
Q & A
Thank You!Prof. Kristen Sosulski@sosulski | [email protected]