Visual Thinking


Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Visual Thinking

    1. 1. Visual Thinking Rich Miller LexisNexis Research Scientist Alliances & New Technology [email_address]
    2. 2. What is Visual Thinking? <ul><li>An approach to understanding, creating, and communicating </li></ul><ul><li>A collection of visually-based concepts and methods </li></ul><ul><ul><li>Information Visualization guidelines </li></ul></ul><ul><ul><li>Mindmaps </li></ul></ul><ul><ul><li>Sequential visual representations </li></ul></ul><ul><ul><ul><li>What we can learn from Film and Comics </li></ul></ul></ul><ul><ul><li>Vizability – cd/book on visual skills </li></ul></ul>
    3. 3. Visual Thinking and “Aboutness” <ul><li>General connection </li></ul><ul><ul><li>Understanding what things are about </li></ul></ul><ul><ul><li>Communicating what things are about </li></ul></ul><ul><li>Specific connection </li></ul><ul><ul><li>Visualizations of index term collections </li></ul></ul><ul><ul><ul><li>Result of visual thinking </li></ul></ul></ul><ul><ul><li>Prime you to more visually process today’s information </li></ul></ul>
    4. 4. Synonyms <ul><li>visual thinking </li></ul><ul><li>Vizability </li></ul><ul><li>non-linear thinking </li></ul><ul><li>lateral thinking </li></ul><ul><li>spatial reasoning </li></ul><ul><li>right brain thinking </li></ul>
    5. 6. Who is it for? <ul><li>Everyone who needs to imagine, resolve, invent, analyze, and communicate </li></ul><ul><li>UI designers, product managers, mathematicians, geneticists, writers, engineering students, etc. </li></ul><ul><li>Anyone who needs to formulate a problem and/or represent its solution to colleagues or users </li></ul>
    6. 7. Why is it useful? <ul><li>To enhance performance in… </li></ul><ul><ul><li>Thinking </li></ul></ul><ul><ul><li>Representing </li></ul></ul><ul><ul><li>Communicating </li></ul></ul><ul><li>To create more compelling, usable products </li></ul><ul><ul><li>Incorporating visualization into daily work can translate to superior products </li></ul></ul>
    7. 8. A Basic, Real World Example
    8. 10. InfoViz Guidelines <ul><li>Tufte </li></ul><ul><ul><li>Espouses “graphical excellence” using his principles </li></ul></ul><ul><ul><li>Hates “chart junk” </li></ul></ul><ul><ul><li>Anti-PowerPoint </li></ul></ul><ul><ul><li>Three landmark books </li></ul></ul><ul><ul><li>Offers excellent seminar </li></ul></ul><ul><ul><li>Presentation guidelines </li></ul></ul><ul><li>Kosslyn </li></ul><ul><ul><li>Psychology-based principles </li></ul></ul><ul><ul><li>Focus on limitations of human perceptual system </li></ul></ul><ul><li>Others </li></ul><ul><ul><li>Many companies creating product solutions </li></ul></ul><ul><ul><li>Ray Daley monitoring infoviz for LEXIS-NEXIS </li></ul></ul>
    9. 14. Visualization Examples <ul><li>Inxight hyperbolic tree </li></ul><ul><li>Criminal Intelligence – link analysis </li></ul><ul><li>Thinkmap – spider , bubble, chronology </li></ul><ul><li>Demo of answer set visualization </li></ul>
    10. 15. Sequential Art Concepts <ul><li>Film </li></ul><ul><ul><li>Borrow filmmaking techniques for UI design and visual representation. </li></ul></ul><ul><ul><li>Use pictures, time, and space to communicate </li></ul></ul><ul><ul><li>Example course </li></ul></ul><ul><li>Comics </li></ul><ul><ul><li>Similar techniques to film, but more discontinuous </li></ul></ul><ul><ul><li>Scott McCloud books </li></ul></ul><ul><ul><ul><li>Understanding Comics – “must read” for web designers; recommended by Tufte </li></ul></ul></ul><ul><ul><ul><li>Reinventing Comics </li></ul></ul></ul>
    11. 17. Mind Maps <ul><li>Spatial/hierarchical representation of a given information space </li></ul><ul><li>A.k.a concept maps </li></ul><ul><li>Examples </li></ul><ul><ul><li>Univ. of Zurich professor </li></ul></ul><ul><ul><li>Steve Gould from UK </li></ul></ul><ul><li>Books </li></ul><ul><ul><li>Mindmapping </li></ul></ul><ul><ul><li>The Mind Map Book </li></ul></ul>
    12. 20. Vizability <ul><li>Textbook + CD + sketchpad </li></ul><ul><li>Outgrowth of McKim book/course </li></ul><ul><ul><li>Used at Stanford to teach ME students how to draw </li></ul></ul><ul><ul><ul><li>Drawing can be taught…not as innate as one might think </li></ul></ul></ul><ul><li>To enhance performance in… </li></ul><ul><ul><li>Thinking and Perceiving </li></ul></ul><ul><ul><li>Representing </li></ul></ul><ul><ul><li>Communicating </li></ul></ul>
    13. 21. Vizability Goals <ul><li>Familiarize you w/the visual culture </li></ul><ul><li>Make you aware of your own visual abilities </li></ul><ul><li>Exercise and improve your skills in visualization </li></ul><ul><li>Incorporate these skills into your daily life and professional activities </li></ul>
    14. 22. Vizability Benefits <ul><li>Provides a methodology and awareness… </li></ul><ul><ul><ul><li>About problem finding and problem solving </li></ul></ul></ul><ul><ul><ul><li>About maintaining momentum on a task </li></ul></ul></ul><ul><ul><ul><li>About knowing how to sustain “flow experiences” -- productivity state between boredom and anxiety. </li></ul></ul></ul><ul><li>Get more out of your mind </li></ul><ul><ul><li>By building fluid representational skills </li></ul></ul><ul><li>More useful outputs </li></ul><ul><ul><li>Idea logs </li></ul></ul><ul><ul><li>Whiteboard content </li></ul></ul><ul><ul><li>Pictures used for communication and reference </li></ul></ul>
    15. 23. The ARC Cycle
    16. 24. The cube metaphor <ul><li>Six sides - 6 elements of visual culture </li></ul><ul><ul><li>Environments </li></ul></ul><ul><ul><li>Culture </li></ul></ul><ul><ul><li>Seeing </li></ul></ul><ul><ul><li>Drawing </li></ul></ul><ul><ul><li>Diagramming </li></ul></ul><ul><ul><li>Imagining </li></ul></ul><ul><li>Like a cube, the product is non-linear </li></ul>
    17. 25. Samples from the Vizability CD <ul><li>Cast </li></ul><ul><li>Culture </li></ul><ul><ul><li>Prototyping </li></ul></ul><ul><ul><li>Sketching </li></ul></ul><ul><ul><li>Idea logs </li></ul></ul><ul><li>Environment </li></ul><ul><li>Seeing </li></ul><ul><li>Imagining </li></ul><ul><li>Drawing </li></ul><ul><li>Diagramming </li></ul>
    18. 26. Putting in into practice <ul><li>Look more closely, and analyze what you see </li></ul><ul><li>When in doubt, draw a picture </li></ul><ul><ul><li>Or ask someone to draw theirs </li></ul></ul><ul><li>Borrow concepts from other forms of communication (e.g. film, comics) </li></ul><ul><li>Maximize rate of info transfer, minimize noise (e.g. PPT 3D feature) </li></ul><ul><li>Start your idea log </li></ul><ul><li>Feel free to contact me at… </li></ul><ul><ul><li>[email_address] </li></ul></ul>
    19. 27. Memex Link Analysis return