Visualization - how one picture beats a 1000 words - and how to leverage that
62
Lucas Jellema 18th March 2014 UX day Visualization – Because One Picture beats a Thousand Words
-
Upload
lucas-jellema -
Category
Technology
-
view
308 -
download
0
description
Visualization is defined in this presentation as a way of taking data and presenting it in a way that allows an end user to perform his or her responsibilities in a correct, efficient, timely and convenient manner. Visualization uses many techniques to pre-process raw data, turn it into information and present the information in a way that leverages all dimensions and senses that humans have at their disposal - ranging from shape, size, color to animation and sound. This presentation is not technical - but it intends to inspire the technically inclined. It serves as an inspiration for designers and developers to think differently about the way information systems can and should facilitate the end users. This presentation was delivered during the AMIS & Oracle Applications User Experience event on User Experience on March 18th 2014 in Nieuwegein, The Netherlands
Transcript of Visualization - how one picture beats a 1000 words - and how to leverage that
Lucas Jellema
18th March 2014
UX dayVisualization – Because One Picture beats a Thousand Words
2
Summary
3
User Oriented Objective of Information Systems
• To Enable a User
• To Perform his or her Responsibilities
• Correctly and Completely
• In a Timely, Efficient,
Convenient Manner
4
5
6
7
8
Request for information…
So, what is the situation in the
Premier League right now?
9
All the [raw] data made available
What was intended
Series1
0 10 20 30 40 50 60 70 80 90100Gained Max to win
11
What we should be capable of
Data Processing
Business & Task Analysis
Graphical Capabilities
12
Visualization
• Starting from Data• Create a Presentation• Of Relevant, Correct, Complete, Timely Information• That allows
– Interpretation => Understanding => Insight => Wisdom/Vision
– Re-action– Pro-action
• To ensure the User carries out his or her Responsibilities
13
14
15
16
Visualization Design
• What are the User’s responsibilities?• What actions/decisions may have to be taken?• What information is required to perform an action?• Which information determines if an action should be taken?• How should the user be informed about
an action that needs taking?– What shape does the call-to-action take?
• How should be the information requiredto start an action or make decision be presented?
• What data is the information derived from [and how]?
17
Data => Information => Insight => Action
18
Audience Challenge – 1/2
19
Audience Challenge – 2/2
20
From Data to Information
• Filter• Structure & Sort• Abstract [away irrelevant details]• Aggregate• Associate/Interpret• Predict
21
22
Pre-processed:Filter, Enrich, Sort & Focus
23
Challenge
• Create an instruction for re-adjusting the clock
when the switch is made to Summer Time
24
Summer time clock adjustment
25
26
Power of Graphical Visualization
• Activates our Associative Brain– Connections– Memories– Unconscious/background processing
• Multi-dimensional– Color– Size– Shapes/ Font– Story/Atmosphere– Icons– Sound– Animation– 3D presentation– Interact (drill down, roll up, pivot)
27
The visualization that prevents feuds and fights
;-)
28
29
30
31
A biology lesson
• […] our visual system is extremely well built for visual analysis. There's a huge amount of data coming into your brain through your eyes; the optic nerve is a very big pipe, and it sends data to your brain very quickly (one study estimates the transmission speed of the optic nerve at around 9Mb/sec). Once that data arrives at the brain it's rapidly processed by sophisticated software that's extremely good at tasks such as edge detection, shape recognition, and pattern matching.
• […] pattern matching, is the key when it comes to discussing the benefits of presenting information visually. Typically, the important messages in data are represented in the patterns and pattern violations: trends, gaps, and outliers. This is the interesting stuff. This is meaning. This is what we go to the data hoping to find.
• Visualizations are so capable and powerful at conveying knowledge that they can be more effective than words at changing people's minds. ( "Graphical corrections are also found to successfully reduce incorrect beliefs among potentially resistant subjects and to perform better than an equivalent textual correction.")
32
Traffic signs
33
The Elephant in the Room
34
Power of Graphical Visualization (2)
Very good for
• Highlighting: focus on exceptions, urgent matters
• Providing context: time, location, connections
• Comparisons & Aggregations
& Summaries
• Extrapolation & Prediction
35
What was the speech about?• Violence• God• Protest• Vision(s)• Politics/Politicians• Poverty• Georgia• Slavery• Murder• Washington (George,
State, D.C.)• ???
36
Showing inter-human relationships and roles
37
Absolute numbers of child death by Diarrheal Diseases
38
39
40
Oracle Sales Cloud R8
41
APPLE: A TIMELINE
42
43
Another important timeline
44
Finding pictures
45
46
47
48
49
Gauging population sizes per region, country and city
50
At a glance: compare populationregions & countries
51
Explore relative city size
52
Relative City Size in Japan
Japan
53
Multi-level comparison
Really Big
Big
Medium
Smallish
54
Traffic prediction
55
Weather Forecast in a glance
56
Data – hardly information
57
58
59
60
61
Most densely populated capitals in the world
