Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Datablick Presentation for 2013 Tableau Customer Conference

7,302 views

Published on

Using Design and Emotion to Create an Impactful Data Visualization

This session will walk through the process of creating a data visualization based on product design principles and ideas, focusing on overall product goals and user context. A step by step walk through of the design process for two data products, "Twitter TV Set" and "Firework Injuries" will be used as examples to highlight the impact that design and emotion can add to a visualization.

Published in: Technology
  • http://www.dbmanagement.info/Tutorials/Tableau.htm
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Datablick Presentation for 2013 Tableau Customer Conference

  1. 1. Using design and emotion to create a data visualization product with impact
  2. 2. ©2013 Tableau Software Inc. All rights reserved. If your data viz was a product, would you spend your hard earned money (time) to purchase (look at) it?
  3. 3. ©2013 Tableau Software Inc. All rights reserved. A viz ―product‖ should provide value based on user goals and context.
  4. 4. Which shoe is the best?
  5. 5. Git-R-Done! All I need are some tasty waves, a cool buzz, and I'm fine. Last Friday night…. It depends on the goal…
  6. 6. Git-R-Done! All I need are some tasty waves, a cool buzz, and I'm fine. Last Friday night…. It depends on the goal…
  7. 7. Git-R-Done! All I need are some tasty waves, a cool buzz, and I'm fine. Last Friday night…. And the context…
  8. 8. Is this a good data visualization?
  9. 9. ©2013 Tableau Software Inc. All rights reserved. Product constraints When designing a product - your ability to create and communicate is limited by many constraints such as: • Consumer - Level of understanding of topic - format of display (i.e. print, blog, variable screen resolutions, etc.) - project sponsors goals - timeline / deadline • Data - availability - data quality - size • Designer - Technology and materials available (i.e. Tableau, D3, Illustrator, etc.) - skill / creativity / design - emotion
  10. 10. ©2013 Tableau Software Inc. All rights reserved. Product constraints When designing a product - your ability to create and communicate is limited by many constraints such as: • Consumer - Level of understanding of topic - format of display (i.e. print, blog, variable screen resolutions, etc.) - project sponsors goals - timeline / deadline • Data - availability - data quality - size • Designer - Technology and materials available (i.e. Tableau, D3, Illustrator, etc.) - skill / creativity / design - emotion
  11. 11. ©2013 Tableau Software Inc. All rights reserved. Doesn’t this skew the data?
  12. 12. ©2013 Tableau Software Inc. All rights reserved. Ursus Wehrli – "tidies up" works of art
  13. 13. ©2013 Tableau Software Inc. All rights reserved. Ursus Wehrli – continued
  14. 14. ©2013 Tableau Software Inc. All rights reserved. Every act of communication is a translation.
  15. 15. Sebastian Wernike – Lies damned lies and statistics
  16. 16. ©2013 Tableau Software Inc. All rights reserved. No man's life can be encompassed in one telling. There is no way to give each year its allotted weight, to include each event, each person who helped to shape a lifetime. What can be done is to be faithful in spirit to the record, and to try to find one's way to the heart of the man . . . • John Richard Briley
  17. 17. ©2013 Tableau Software Inc. All rights reserved. Emotion and Design
  18. 18. Similar data, differing emotion and impact Ben Jones
  19. 19. Similar data, differing emotion and impact Jerome Cukier
  20. 20. Similar data, differing emotion and impact Periscopic
  21. 21. Using design and emotion given constraints
  22. 22. Fireworks, without the ―fireworks‖
  23. 23. Original inspiration Dumb Ways to Die Schoolhouse Rock
  24. 24. Just a disclaimer – I am not anti firework!
  25. 25. ©2013 Tableau Software Inc. All rights reserved. First idea - using American and British soldiers being blown up Cartoons courtesy of Ray Yuen rayuen.com
  26. 26. ©2013 Tableau Software Inc. All rights reserved. Show body parts or injuries on the body?
  27. 27. ©2013 Tableau Software Inc. All rights reserved. New inspiration…
  28. 28. ©2013 Tableau Software Inc. All rights reserved. Started to work on a comic book look and feel
  29. 29. Who doesn’t like some comedic gore?
  30. 30. A little layout and color inspiration as well…
  31. 31. ©2013 Tableau Software Inc. All rights reserved. Still playing with how to make the gore work
  32. 32. ©2013 Tableau Software Inc. All rights reserved. The final product….
  33. 33. ©2013 Tableau Software Inc. All rights reserved. Side by side comparison….
  34. 34. ©2013 Tableau Software Inc. All rights reserved. First draft was already made to have a ―Twitter‖ look
  35. 35. ©2013 Tableau Software Inc. All rights reserved. The Voice There is a voice inside of you That whispers all day long, "I feel this is right for me, I know that this is wrong." No teacher, preacher, parent, friend Or wise man can decide What's right for you--just listen to The voice that speaks inside.‖ ~Shel Silverstein
  36. 36. ©2013 Tableau Software Inc. All rights reserved. Some of the tweets…. Trayvon Martin NSA
  37. 37. ©2013 Tableau Software Inc. All rights reserved. Some of the tweets…. Anthony Weiner Royal Baby
  38. 38. ©2013 Tableau Software Inc. All rights reserved. Jimmy Jet and His TV Set I’ll tell you the story of Jimmy Jet— And you know what I tell you is true. He loved to watch his TV set Almost as much as you. He watched all day, he watched all night Till he grew pale and lean, From ―The Early Show‖ to ―The Late Late Show‖ And all the shows between. He watched till his eyes were frozen wide, And his bottom grew into his chair. And his chin turned into a tuning dial, And antennae grew from his hair. And his brains turned into TV tubes, And his face to a TV screen. And two knobs saying ―VERT.‖ and ―HORIZ.‖ Grew where his ears had been. And he grew a plug that looked like a tail So we plugged in little Jim. And now instead of him watching TV We all sit around and watch him. ~Shel Silverstein
  39. 39. ©2013 Tableau Software Inc. All rights reserved. Working on getting that hand drawn look…
  40. 40. ©2013 Tableau Software Inc. All rights reserved. Doing layout and custom work in Photoshop
  41. 41. ©2013 Tableau Software Inc. All rights reserved. The Final Product
  42. 42. Using design and emotion can be effective in creating a data visualization ―product‖ that had a strong impact and is therefore a success. anya@datablick.com

×