▶   We’ve been acquired by Pluralsight!   ▶   Upgrade your account to Pluralsight   ▶   More details…

Play by Play: Ryan Singer (UX Sketching)


Download Free Preview

Purchase includes Quicktime (zip) download Purchase includes iPod download

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.

  • Part I (this video) is 72 minutes of sketching and thinking through the problem.
  • In Part II (available separately), Ryan implements a prototype in HTML and CSS.

Available as part of a PeepCode Unlimited subscription (including streaming on our iOS app!) Business plans are also available.


Anyone who works with website design or development in any way will benefit from watching this user interface design tutorial.

Revision 1 (Notes) · Updated: Sep 17, 2011 · Length: 72 min · 253 MB

Screencast Catalog