Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ConvergeSF, January 2012

Avatar for binx binx
February 06, 2012
2
330

ConvergeSF, January 2012

Avatar for binx

binx

February 06, 2012
Tweet

More Decks by binx

See All by binx
On the Importance of Iteration
Avatar for binx binx
0
100
Designing for Spacecraft Operations
Avatar for binx binx
2
600
Place and Space
Avatar for binx binx
0
520
Error: Success
Avatar for binx binx
0
520
Peak Visualization?
Avatar for binx binx
1
540
The Data Visualization Hustle
Avatar for binx binx
2
440
People, Not Users
Avatar for binx binx
2
230
Data Collection and Memory
Avatar for binx binx
1
220
The Road To Code
Avatar for binx binx
1
370

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k

Transcript

  1. Hi, my name is Rachel

  2. Some of Stamen’s “Greatest Hits” of 2011 [map=yes] // Oprah

    // AirBnB // National Geographic

  3. 1) Stamen’s Creative Process 2) Our Transition from Flash to

    Javascript a) Maps b) Visualizations

  4. Stamen’s Process, by way of example

  5. Initial Sketches

  6. Getting all the Data up on the Screen

  7. What’s Interesting about it?

  8. Iterate, Iterate

  9. Design Break

  10. Refine, Refine, Refine

  11. Final Product

  12. Poor Flash :(

  13. MSNBC Hurricane Tracker

  14. SFMoMA Artscope

  15. None

  16. Smooth Experience

  17. Oprah’s Lifeclass

  18. Polymaps

  19. Esquire

  20. MTV as Case Study 2009 VMA // 2011 VMA //

    2011 EMA // 2011 VGA

  21. Motion Studies Video Music Awards European Music Awards Video Game

    Awards

  22. Graceful Decay, or what not to do:

  23. 1,2,10 Design for Each Level

  24. None

  25. iPhones // iPads // Computers // Television // Venue Screens

  26. Thanks! Rachel Binx [email protected] @rachelbinx