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 a...
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 ...
13
14
15
16
Visualization Design
• What are the User’s responsibilities?
• What actions/decisions may have to be taken?
• What info...
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/Inter...
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 pr...
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 com...
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 cont...
35
What was the speech
about?
• Violence
• God
• Protest
• Vision(s)
• Politics/Politicians
• Poverty
• Georgia
• Slavery
...
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
Visualization - how one picture beats a 1000 words - and how to leverage that
Upcoming SlideShare
Loading in …5
×

Visualization - how one picture beats a 1000 words - and how to leverage that

654 views
436 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
654
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • https://www.uie.com/articles/why_vis/
  • Absolute numbers of childdeathbyDiarrheal Diseases
  • Visualization - how one picture beats a 1000 words - and how to leverage that

    1. 1. Lucas Jellema 18th March 2014 UX day Visualization – Because One Picture beats a Thousand Words
    2. 2. 2 Summary
    3. 3. 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. 4. 4
    5. 5. 5
    6. 6. 6
    7. 7. 7
    8. 8. 8 Request for information… So, what is the situation in the Premier League right now?
    9. 9. 9 All the [raw] data made available
    10. 10. What was intended 0 50 100Gained Max to win
    11. 11. 11 What we should be capable of Data Processing Business & Task Analysis Graphical Capabilities
    12. 12. 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. 13. 13
    14. 14. 14
    15. 15. 15
    16. 16. 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. 17. 17 Data => Information => Insight => Action
    18. 18. 18 Audience Challenge – 1/2
    19. 19. 19 Audience Challenge – 2/2
    20. 20. 20 From Data to Information • Filter • Structure & Sort • Abstract [away irrelevant details] • Aggregate • Associate/Interpret • Predict
    21. 21. 21
    22. 22. 22 Pre-processed: Filter, Enrich, Sort & Focus
    23. 23. 23 Challenge • Create an instruction for re-adjusting the clock when the switch is made to Summer Time
    24. 24. 24 Summer time clock adjustment
    25. 25. 25
    26. 26. 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. 27. 27 The visualization that prevents feuds and fights
    28. 28. 28
    29. 29. 29
    30. 30. 30
    31. 31. 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. 32. 32 Traffic signs
    33. 33. 33 The Elephant in the Room
    34. 34. 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. 35. 35 What was the speech about? • Violence • God • Protest • Vision(s) • Politics/Politicians • Poverty • Georgia • Slavery • Murder • Washington (George, State, D.C.) • ???
    36. 36. 36 Showing inter-human relationships and roles
    37. 37. 37 Absolute numbers of child death by Diarrheal Diseases
    38. 38. 38
    39. 39. 39
    40. 40. 40 Oracle Sales Cloud R8
    41. 41. 41 APPLE: A TIMELINE
    42. 42. 42
    43. 43. 43 Another important timeline
    44. 44. 44 Finding pictures
    45. 45. 45
    46. 46. 46
    47. 47. 47
    48. 48. 48
    49. 49. 49 Gauging population sizes per region, country and city
    50. 50. 50 At a glance: compare population regions & countries
    51. 51. 51 Explore relative city size
    52. 52. 52 Relative City Size in Japan Japan
    53. 53. 53 Multi-level comparison Really Big Big Medium Smallish
    54. 54. 54 Traffic prediction
    55. 55. 55 Weather Forecast in a glance
    56. 56. 56 Data – hardly information
    57. 57. 57
    58. 58. 58
    59. 59. 59
    60. 60. 60
    61. 61. 61 Most densely populated capitals in the world

    ×