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
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
680
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
680
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
810
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k

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