A Tour of the Design Process at 37signals
Conference talk at Future of Web Design
· 34 min
In this talk from Future of Web Design 2010, Ryan Singer, who designs user interfaces and product concepts at Basecamp (formerly 37signals), walks through the steps of creating a web app: modeling, sketching, HTML, Photoshop explorations, and the move from static mockups to live running code.
Each step is illustrated with a real example, including some live sketching and live HTML on stage. Ryan also explains how the team at 37signals thinks about apps, as a stack of different levels that can each be iterated on individually, which gives a practical view of how a small team moved from idea to working interface.
What you'll learn
- The steps 37signals used to build a web app, from modeling to code
- How sketching and HTML fit in before Photoshop explorations
- How to move from static mockups to live running code
- Why it helps to treat an app as a stack of levels to iterate on
Watch next
-
Luke WroblewskiInfinite Inputs
-
Luke WroblewskiOne Design to Rule Them All
-
Harry BrignullDark Patterns: User Interfaces Designed to Trick People
-
Andy BuddDesigning the User Experience Curve
More from Ryan Singer
-
Ryan SingerProduct Development Tools
Free weekly newsletter
Real UI patterns and design psychology in your inbox
Learn how successful products use UI patterns and behavioral design. One email a week from UI-Patterns.com and Learning Loop.
Subscribe







