Visualization one picture beats a 1000 words - User Experience Event AMIS

701 views

Published on

End users don't really care about data. They want information from data that helps them answer questions, make decisions and take actions. A good way of turning data into information is through visualization - a picture after all says more than a 1000 words. This presentation shows some striking examples of that statement – both in the real world as well as in the world of IT. Some keywords: info graphics, dashboards, charts, traffic lights, maps, icons, emoticons.

The story will convince you to look beyond traditional ways of presenting data – in order to make the user experience more intuitive, productive and with less opportunity for misinterpretation. Leverage the power of the IT systems to pre-process, pre-interpret and present information extracted from data in a meaningful way, poised for action.

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
701
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Visualization one picture beats a 1000 words - User Experience Event AMIS

  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

×