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

1. Lucas Jellema
18th March 2014
UX day
Visualization – Because One Picture
beats a Thousand Words

2. 2
Summary

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

5. 5

6. 6

7. 7

8. 8
Request for information…
So, what is the
situation in the
Premier League
right now?

9. 9
All the [raw] data made
available

10. What was intended
0 50 100Gained Max to win

11. 11
What we should be capable of
Data
Processing
Business &
Task Analysis
Graphical
Capabilities

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

14. 14

15. 15

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
Data => Information => Insight => Action

18. 18
Audience Challenge – 1/2

19. 19
Audience Challenge – 2/2

20. 20
From Data to Information
• Filter
• Structure & Sort
• Abstract [away irrelevant details]
• Aggregate
• Associate/Interpret
• Predict

21. 21

22. 22
Pre-processed:
Filter, Enrich, Sort & Focus

23. 23
Challenge
• Create an instruction for re-adjusting the clock
when the switch is made to Summer Time

24. 24
Summer time clock adjustment

25. 25

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
The visualization that prevents
feuds and fights

28. 28

29. 29

30. 30

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
Traffic signs

33. 33
The Elephant in the Room

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
What was the speech
about?
• Violence
• God
• Protest
• Vision(s)
• Politics/Politicians
• Poverty
• Georgia
• Slavery
• Murder
• Washington
(George, State, D.C.)
• ???

36. 36
Showing inter-human
relationships and roles

37. 37
Absolute numbers of child
death by Diarrheal Diseases

38. 38

39. 39

40. 40
Oracle Sales Cloud R8

41. 41
APPLE: A TIMELINE

42. 42

43. 43
Another important timeline

44. 44
Finding pictures

45. 45

46. 46

47. 47

48. 48

49. 49
Gauging population sizes per
region, country and city

50. 50
At a glance: compare population
regions & countries

51. 51
Explore relative city size

52. 52
Relative City Size in Japan
Japan

53. 53
Multi-level comparison
Really Big
Big
Medium
Smallish

54. 54
Traffic prediction

55. 55
Weather Forecast in a glance

56. 56
Data – hardly information

57. 57

58. 58

59. 59

60. 60

61. 61
Most densely populated
capitals in the world