Visualization one picture beats a 1000 words - User Experience Event AMIS
-
Upload
amis-friends-of-oracle-and-java -
Category
Technology
-
view
469 -
download
0
description
Transcript of Visualization one picture beats a 1000 words - User Experience Event AMIS
Lucas Jellema
18th March 2014
UX day
Visualization – 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
0 50 100Gained 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 required to 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 population regions & 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