data product design
AUDIO ON/OFF
“It takes a whole lot more than the button on the app to make the ride possible. It’s choreography that takes a whole organization.”
– Erik Flowers
company
data
AUDIO ON/OFF
consumer
solutions, delivery
backstage
service design
product
story
purpose
audience's journey
stage
MODULARITY
humanizing data translation
discovery, definition
design
A designer's responsibility when creating products is to engage and influence audiences.
discovery, definition's
engaged
designers visualize a path, a journey
the audience
amused
creates the experience
guided
expectations
educated
AUDIO ON/OFF
AUDIO ON/OFF
Regardless of the tools used – the end result of a product is accepted or rejected by the audience.
data
analytics
the phases
data
design
data
visualization
a process of visualizing the data applying information design
data
science
Information Design
data - design - story
content
data collection
- argument
AUDIO ON/OFF
- context
plot
hold a story together
action
audience
top ingredients for a successful storytelling
characters
character + dramaengages the audience
context
visualizing content of plotting
the dosages
conflict
You can’t depend on your eyes when your imagination is out of focus.
– Mark Twain
is what data tells
AUDIO ON/OFF
brainstorming the vision
AUDIO ON/OFF
… massage it, refine the compilation, analyse it – plan the vision
Storytelling is the oldest form of education.
– Terry Tempest Williams
… reseach, collect and
define the narrative
Existing Data
New Data
Qualitative Data
Quantitative Data
… discover, choose your methodology to gather information
fact } data } narrative
through the thinking and sharing process
Data gives story a meaning. The meaning is what matters.
linear story
–John McWade
designing
thoughts
vision } intention
editing
influence
DATA STORY
draw audience } emotion
analytics
AUDIO ON/OFF
engineering
team building
backstage » stage
Real-time
data value
Olympics Medal Count
Static
Archive
AUDIO ON/OFF
Dynamic
explore
US Elections results
datasets formats
Gapminder World
Near real-time
Desegregation Court Records
Chicago shooting victims
AUDIO ON/OFF
Design is an opportunity to continue telling the story, not just to sum everything up.
– Tate Linden
WATCH
THE BEGINNING OF INFINITY
from Jason Silva
Why Buses Bunch
Investigating the style of self-portraits (selfies) in five cities across the world.
A clear way to show general trends without any need for numbers unless you click into
the map, that is easy to follow.
Visualizing MBTA Data
Data Visualization is the Sauce, Not the Meal.
– Doug Rose
How different musical genres became popular over time, and discover artists in each genre.
examples of visualizations
I want hue
The Depth of the Problem
information design
Colors for
data scientists. Generate and refine palettes of optimally
distinct colors.
An interactive exploration of Boston's subway system
when a bus gets delayed and later causes multiple buses to arrive at a single stop at the same time.
World in Motion
Music Timeline
AUDIO ON/OFF
SelfieCity
Washington
Post’s static data
visualization - deep
and long with a purpose.
U.S. Wind Map
World in Motion Explore how GE is inventing the next industrial era to move, power, build and cure the world.
AUDIO ON/OFF
Silvio DaSilva, 4.19.2017 Innovation Enterprises
http://silviodasilva.com
Silvio DaSilva | info@silviodasilva.com
”Data visualization design portrays content in a contextual storytelling. That is information design, that can be only achieved with data.“
Thank You!
Logic will get you from A to B. Imagination will take you everywhere.
= design
result
conflict
engagement
bringing an idea to life
struggle
AUDIO ON/OFF
= facts
cognitive flow
climax
plot
storytelling, data flow
– Albert Einstein
Edward Rolf Tufte
American statistician and professor. The Visual Display of Quantitative Information, 2001
LAYERED
of thinking, analysing, planning
Abstraction
Representation
Aesthetics
Framing, Transitions
Messaging
Interactivity
People tell stories
AUDIO ON/OFF
creative process
Jacques Bertin
French cartographer and theorist. Semiology of Graphics, 1967
explain
Inspiring mentors:
Defining media behaviors
Picture
Graphics
Diagrams
Comics
Movies
Audio, Images, Text
NARRATIVE
Conversion of clusters into modules
Modularity, or the power of thinking inside the box.
–Universal Principals of Design, Jill Butler
Leda Luss Luyken: Modul Art, The Couple.
Modularity
Identification of functional clusters
MODULES
Applyed to product design
CLUSTERS
Every Satellite Orbiting Earth
Trajectories of the 1,200 active satellites orbiting the Earth.
Clean Water
data
It confirms a
definitive shift in
the city’s social geography, which has been decades coming.
Genealogy of popular music genres, relations and history. Seven years of research with over 200 listed sources and cross examinations.
Is It Better to Rent or Buy?
Above all else show the data.
―Edward Tufte
Hans Rosling's 200 Countries, 200 Years, 4 Minutes - The Joy of Stats - BBC Four
stories
Digital Attack Map
AUDIO ON/OFF
The Whitney Museum
Nearly 2.6 billion people have gained access to clean drinking water in the last 25 years.
Dear Data
examples of visualizations with curated stories
within
A drawing project by Giorgia Lupi and Stefanie Posavec, two information designers living on different sides of the Atlantic.
Live data on
denial-of-service attacks across the world, and observe historical patterns
Musicmap (1870-2016)
A calculator takes the most important costs associated with buying a house.
The Joy of Stats
Information design
Audience
Products
Humanizing
DaSilva
Expectations
Data Design
AUDIO ON/OFF
learn more at
www.silviodasilva.com
Silvio
: creative direction . mentoring . datav isualization . infographics . ui-ux design . storytelling . mapping