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
95
Designing for Spacecraft Operations
Avatar for binx binx
2
580
Place and Space
Avatar for binx binx
0
500
Error: Success
Avatar for binx binx
0
510
Peak Visualization?
Avatar for binx binx
1
530
The Data Visualization Hustle
Avatar for binx binx
2
420
People, Not Users
Avatar for binx binx
2
220
Data Collection and Memory
Avatar for binx binx
1
210
The Road To Code
Avatar for binx binx
1
360

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
18k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
500

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