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

ConvergeSF, January 2012

Avatar for binx binx
February 06, 2012
340
2

ConvergeSF, January 2012

Avatar for binx

binx

February 06, 2012

More Decks by binx

See All by binx
On the Importance of Iteration
Avatar for binx binx
0
130
Designing for Spacecraft Operations
Avatar for binx binx
2
640
Place and Space
Avatar for binx binx
0
550
Error: Success
Avatar for binx binx
0
550
Peak Visualization?
Avatar for binx binx
1
620
The Data Visualization Hustle
Avatar for binx binx
2
480
People, Not Users
Avatar for binx binx
2
270
Data Collection and Memory
Avatar for binx binx
1
250
The Road To Code
Avatar for binx binx
1
420

Featured

See All Featured
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
380
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.8k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
250
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
580
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
820
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
550

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