Simple play icon Course
Skills Expanded

Play by Play: User Interface Sketching and Prototyping with Ryan Singer

by Ryan Singer and Geoffrey Grosenbach

User interface design expert Ryan Singer takes a small task and designs a user interface out loud and on paper.

What you'll learn

Ryan Singer designs user interfaces at 37signals. We flew to Chicago to learn how he works, first hand. We gave him a small task and watched him design a user interface out loud and on paper. The result is possibly the most insightful, educational, and thought provoking video we've produced so far. In this 72 minute video, you'll watch Ryan sketch out a user interface for a single page of a web application. He doesn't write any code (that comes next), but he thinks through the issues and follows several possible paths before coming to rest on a solution. You'll benefit from watching him learn about the problem domain, evaluate his own ideas, and combine user interface metaphors into a plan for a prototype. He describes his process as clearly as he thinks about it, which makes for a great video whether you're a front-end designer or a back-end programmer. First, Ryan teaches about sketching and thinking through the problem. Then Ryan implements a prototype in HTML and CSS.

About the authors

Ryan Singer designs software and manages teams at 37signals.

Geoffrey founded PeepCode and has created numerous courses on Ruby, JavaScript and Shell. He commits code at

Ready to upskill? Get started