$30 off During Our Annual Pro Sale. View Details »

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
110
Designing for Spacecraft Operations
Avatar for binx binx
2
610
Place and Space
Avatar for binx binx
0
520
Error: Success
Avatar for binx binx
0
530
Peak Visualization?
Avatar for binx binx
1
560
The Data Visualization Hustle
Avatar for binx binx
2
450
People, Not Users
Avatar for binx binx
2
250
Data Collection and Memory
Avatar for binx binx
1
230
The Road To Code
Avatar for binx binx
1
380

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
450
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
690
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.3k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k

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