Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
580
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
390

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
2
3.8k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
1.9k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
1
14
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
44
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
30
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
How to make the Groovebox
Avatar for あそなす asonas
2
1.8k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
0
4.7k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
28

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