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