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
510
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
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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