ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual...
Transcript of ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual...
![Page 1: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/1.jpg)
1
ANA02 Visual story telling
The key to unlocking the data gold mine
![Page 2: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/2.jpg)
2
Robert van den Breemen
@rvdbreemen
https://nl.linkedin.com/in/rvdbreemen
Femke Goedhart
@femkegoedhart
https://www.linkedin.com/in/femkegoedhart
![Page 3: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/3.jpg)
3
The saga continues!
![Page 4: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/4.jpg)
4
Time sequenceMultiple Dimensions / AxisesClutteredBusy diagram
But what does it mean?
Report design from 2011 onward
In the beginning… Excel
![Page 5: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/5.jpg)
5
To measure = to know!
Tripling of documents on
traditional file shares since 2010
Suspecting of high number
of duplications…
Digital Enterprise
Dutch Tax and Customs
Administration
Lack of insight!
Exponential
Growth?
Users wonder
where to store
files / documents
WHY?
![Page 6: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/6.jpg)
6
Different end user devices
unlimited
unlimited
unlimited
unlimited
unlimited unlimitedunlimited
unlimited
unlimited
unlimitedunlimited
unlimited
Always, unlimited,
everywhere available
Data is everywhere
is stored on multiple locations
is unfindable
is never deleted
Data grows and grows…..
Data is not accessible on mobile
Data is lost
Data is created multiple times
Different locations (anywhere)
Data growth the Enterprise reality?!
The need for…
WHY?
![Page 7: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/7.jpg)
7
So where do we store our files?
FileserversEOL, EOC
Home directory,
profile
Shared folders
Application data
1,2 billion files450 servers2.000 TB storage
Classical Windows
Fileshares
> 1,5 million files2 serversSome 2 TB storage
IBM Connections
(incl. Libraries)
40.000 users30 servers7.000 team mailboxes500 TB storage
Mailboxes, Team
mailboxes and mail
archive
Xxxx millionsdocumentsSome serversXxxx TB storage
Document
management (ECM)
Scope of the current project
30.000+ laptops/desktopsUnknown files (±100.000)Unknown amnount of storage
Local files on laptops /
desktops
WHAT?
![Page 8: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/8.jpg)
8
+
![Page 9: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/9.jpg)
9
Collections
of the metadata FileserversEOL, EOC
Home directory,
profiel
Samenwerkings
Gebieden
Applicatiedata
Process
Exploration of the
Collected meta-data
Insights
Fact-based decisions
and strategy’s
1. Technical measures (cost saving potential, de-duplication, application)
2. Information for lines of business (accountable)
3. Change the user behavior
(adoption strategy)
To measure = to know! To see is to believe!
To understand,
means you can do something!
To discover what you did not know…
HOW?
![Page 10: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/10.jpg)
10
The Perfect Storm
2017
GDPR
Dataleaksin the news(breaking news)
Court orders todelete images of ”Licence plates"
Cleaning up the Network Shares
FRA
Retention
laws
Idenitifyingshadow IT
Applicationrationalisation
![Page 11: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/11.jpg)
11
To see is to know!
Are we ready for GDPR?
Increasing need
for Insight!
Deeper insight needed!
Digital Enterprise
Dutch Taxs and Customs
Administration
Can we delete the licence plates?
NOW
![Page 12: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/12.jpg)
12
Collect dataVisual
ExplorationRefine
Create
Report
Data
Graph
![Page 13: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/13.jpg)
13
Initial findingsTrying different thingsDiscover
Relative meaning
What is the relation here?
Results from Visual Discovery Phase
Report design from 2016
![Page 14: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/14.jpg)
14
My inspirational moment: Hans Rosling
Source: TED talksWebsite: https://www.gapminder.org/
![Page 15: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/15.jpg)
15
“It hit me...”
![Page 16: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/16.jpg)
16
Collect dataVisual
ExplorationRefine
Create
Story
Visual
Story
From Reporting
To Storytelling
![Page 17: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/17.jpg)
17
Story building
Domain knowledge
Processing skills
Story
Telling
Domain knowledge
Design
skills
Data Engineering
skills
Exploration
“I know how tovisualize”
“I know how towork with data”
“I know what theoutcome shoud be”
+
![Page 18: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/18.jpg)
18
Building the visual story
![Page 19: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/19.jpg)
19
Start at the beginning...
WHO is your audience WHAT is your call to actionWHAT is your medium
HOW are you visualizing it
![Page 20: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/20.jpg)
20
• Invites to explore
• Offers insight directions
• Promotes discussion and exploration
• Invites to learn
• Offers directed insights
• Often leads to a conclusion or action
Exploratory vs Explanatory
Leads to better
decision making
![Page 21: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/21.jpg)
21
Exploratory Example
![Page 22: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/22.jpg)
22
Explanatory examples
![Page 23: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/23.jpg)
23
A few pointers for design….
![Page 24: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/24.jpg)
24
High quantative perception
Low quantative perception
Which type of graph to use
![Page 25: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/25.jpg)
25
Preattentive processing
Source: Design for Information: An Introduction to the Histories, Theories, and Best Practices Behind Effective Information VisualizationsIsabel Meirelles
![Page 26: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/26.jpg)
26
The usage of colors as preattentiveattributes
![Page 27: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/27.jpg)
27
• Titles/subtitles
• Labels
• Callouts
• Legends
• As a graph
Text is your friend!
![Page 28: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/28.jpg)
28
Hard to quantivy dimensions (3D!)
No preattentive attributes (color use?)
What am I looking at…(no text)?
What to avoid…
Image source: https://stackoverflow.com/questions/22369224/3d-pie-chart-in-highcharts-javascript
![Page 29: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/29.jpg)
29
An exampleACME INC wants to know if they can justify a Enterprise SocialNetwork based on the files storage in their current systems
![Page 30: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/30.jpg)
30
![Page 31: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/31.jpg)
31
A lot of data… But no story
![Page 32: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/32.jpg)
32
Lets get started
• Sorting
• Color use
• Remove obsolete elements
• Grouping (“Other”)
• Type of graph
![Page 33: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/33.jpg)
33
Let’s refine it
• Change orientation & collate
• Remove obsolete elements (Legend)
• Smart labeling
• Take out grid lines
• Take out unnecessary column headers
• Add tooltips
• Take out legend
![Page 34: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/34.jpg)
34
Let’s bring it all together...
• Add titles, explanation and “Call to action”
• Take out everything that isn’t necessary
• Zig-zag structure
![Page 35: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/35.jpg)
35
Data Storytelling:
data in context telling the story
Data Visualization:
mapping data on a graph
![Page 36: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/36.jpg)
36
![Page 37: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/37.jpg)
37
With insight… … time for action!
![Page 38: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/38.jpg)
38
Leasons learned…
• The data must find the data and the relevance must find you
• Visualization is easy and key to excite users, however visual storytelling is hard
• Iterate, iterate, iterate, keep an open mind!
![Page 39: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/39.jpg)
39
Our next steps
Back to the original data goldmine idea:
• Bring more meta-data into the mix than just file meta-data, for example mail-interactions, phone-records, chat-interaction, ESN data, USB use, applicatoin usage data, etc.
• Start to mine the file-content with content analytics. To build a GDPR scanner and classify documents in business relevant classes to enable archiving.
![Page 40: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/40.jpg)
41
Questions?
Robert van den Breemen
@rvdbreemen
https://nl.linkedin.com/in/rvdbreemen
Femke Goedhart
@femkegoedhart
https://www.linkedin.com/in/femkegoedhart
![Page 41: ANA02 Visual story telling The key to unlocking the data ...file/Engage2018... · ANA02 Visual story telling The key to unlocking the data gold mine. 2 Robert van den Breemen @rvdbreemen](https://reader030.fdocuments.us/reader030/viewer/2022040522/5e80dc6cc42f3036c7163c1c/html5/thumbnails/41.jpg)
42
The END