Creating a web app with Ryan Singer of 37signals

Ryan Singer at Future of Web Apps, London 2010 from Ryan Singer on Vimeo.

I’ve long been impressed with the quality, simplicity and focus of the web applications that emerge from US company¬†37signals. I’ve used Basecamp very successfully as a project collaboration tool on a couple of web projects.

If you’re interested in web design or web apps and you’ve not read either of their books Getting Real¬†(US $25) or Rework¬†(US $22) then you’re missing out, they contain some fabulous insights. If you don’t fancy forking out for them, Getting Real at least can be read online for free.

This is a talk that I’ve been meaning to blog about for ages. It was given by Ryan Singer of 37signals at the Future of Web Apps 2010 in London. Here’s what he says about the talk:

In this talk, I walk through the steps of creating a web app including modeling, sketching, HTML, Photoshop explorations, and moving from static mockups to live running code. Each step is illustrated with a real example, including some live sketching and live HTML. I also wanted to give a sense of how we think about apps at 37signals, as a stack of different levels that we can iterate on individually.

A few points that I got out of this:

  • What can I do now that will simplify this?
  • Sketching out ideas in HTML, rather than first mocking then up in Photoshop or Fireworks, is clearly the way forward.
  • Emphasise the things that are important.