jy-web-visualization-ux08-slides

  • 1,316 views
Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,316
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
27
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Characteristics of raw data - Steve Baty

Transcript

  • 1. web visualization do you see what I see?
  • 2.
    • viz
    ux examples technologies concepts concepts methods examples
  • 3.
    • viz
    concepts methods examples examples
  • 4. stamen http://stamen.com/clients/cabspotting
  • 5. visualising radio http://www.bbc.co.uk/blogs/radiolabs/2008/01/visualising_radio.shtml
  • 6. radio http://www.princeton.edu/~ina/infographics/index.html
  • 7. Great bear
  • 8. Great bear http://informationarchitects.jp/web-trend-map-2008-beta/
  • 9.
    • viz
    concepts methods examples technologies
  • 10. maps
  • 11. maps
  • 12. maps http://modestmaps.com/
  • 13.  
  • 14. Simile Project http://simile.mit.edu/timeline/
  • 15. Google viz API
  • 16. gapminder.org http://gapminder.org/
  • 17. platforms http://www.dipity.com/
  • 18. platforms
  • 19. platforms http://flare.prefuse.org/
  • 20. glue
    • rest
    • Xml-rpc
    • rss
  • 21. Yahoo pipes http://pipes.yahoo.com/pipes/
  • 22. Yahoo pipes
  • 23.
    • viz
    concepts methods examples concepts
  • 24. Illuminated manuscript
  • 25. Virtruvian man
  • 26. Edward Tufte
  • 27. Edward Tufte
  • 28. Ingo Günther
    • TV Ownership
    • Multiply the number of daily TV deaths by the number of people owning TV sets and subtract that number from the population. Most nations would disappear on a daily basis.
    http://worldprocessor.com/
  • 29. UML
  • 30. GUI
  • 31. So… this is not new
    • … but it is maturing
    see Eric Rodenbeck’s talk at http://tinyurl.com/6lwezl
  • 32. Ben Fry
    • “… to see the forest and the trees at the same time …”
  • 33. Patterns & Types
    • Mapping
    • Time Series
    • Connections
    • Correlations
    • Scatterplot Maps
    • Trees
    • Hierarchies
    • Recursion
    • Networks and Graphs
  • 34. Organic Information Design
    • Structure
    • Appearance
    • Metabolism
    • Growth
    • Homeostasis
    • Responsiveness
    • Adaptation
    • Movement
    • Reproduction
    http://acg.media.mit.edu/people/fry/thesis/
  • 35. workflow acquire parse filter mine represent refine interact
  • 36. workflow
    • acquire
    • parse
    • filter
    • mine
    • represent
    • refine
    • interact
    computer science maths, stats, data mining comm design infovis, HCI, IxD
  • 37. concepts
  • 38. concepts
    • Jesse garret model
  • 39.  
  • 40. methods examples ux concepts
  • 41.
    • “ designing from the outside in ”
    • Tim O’Reilly
  • 42.
    • “ designing from the outside in ”
    • Tim O’Reilly
    • “ so products know what they are ”
    • Jesse Garrett
  • 43.
    • “ designing from the outside in ”
    • Tim O’Reilly
    • “ so products know what they are ”
    • Jesse Garrett
    • “ held in an experience blueprint ”
    • Tim Brown
  • 44. examples ux methods
  • 45. concept models
    • person
    http://interaction08.ixda.org/Dan_Brown.php beliefs experiences holds about
  • 46. Image: Bryce Glass http://soldierant.net
  • 47. mental models
    • mental models
    http://www.rosenfeldmedia.com/books/mental-models/
  • 48. http://www.vk2zay.net/article.php/40 prototypes
  • 49. prototypes
  • 50. … amongst others
    • mental models
    http://www.rosenfeldmedia.com/books/mental-models/
  • 51. ux examples
  • 52. Jonathan Harris http://iwantyoutowantme.org/ http://www.number27.org/
  • 53. http://iwantyoutowantme.org/
  • 54. http://iwantyoutowantme.org/
  • 55. http://www.kartoo.com/
  • 56. http://chicago.everyblock.com/
  • 57. http://chicago.everyblock.com/
  • 58. http://stamen.com/projects/oakland_crime_map
  • 59. http://stamen.com/clients/digg
  • 60. thanks [email_address]