Ryan Singer of 37signals came to Starter School to talk to us about how to think about design and product development.
Here are a few takeaways.
.@rjs dropping product design knowledge on @starterschool students this afternoon pic.twitter.com/D78mSydTTJ— The Starter League (@starterleague) 21 Novembre 2013
Design is an organic process
From the center outward. From the epicenter to the periphery.
"Designing a product is like building a city. You cannot start by building the first floor of every building of the city, then the second, and so on. You want to get one building right, and go on from there."
Don't leave your visitor guessing. Avoid surprises
Show your customer the process he is supposed to go through. Let him see the entire process before he embarks on it.
The visitor must know at a glance what you expect him to do. You must also give him a heads up how many steps there are in the process. That way, he can estimate if it's worth his time and effort, and he can be sure there are no surprises along the way.
Three types of features
- Must have (breaks on a car, wings on a plane, etc.)
- Performance (enhance)
- Delight (oh, nice!)
Everything must be here for a reason
Each element of our apps must have a good answer to the following questions: who is it for? why is it important for my customer? why does he care?
Break free of the grid if you must
It seems all web designers these days swear by grid design. It creates order and harmony. It's easy on the eye.
But what if adding a critical link or button somewhere on the page breaks the grid. Should you leave it out? Or break out of the grid?
If that button is really important, if it adds more value to the customer than it takes away, then feel free to break out of the grid. It's a trade-off. If it's worth it, do it.
"Never let your decisions be dictated by the grid." -Ryan Singer.
Recommended by Ryan Singer
- [Video] Simple Made Easy, a talk by Richard Hickey
- [Book] Domain-Driven Design, by Eric Evans
- [Book] Timeless Way of Building and The Nature of Order, by Christopher Alexander
Ryan Singer on the web
- [Blog] Ryan Singer's blog
- [Video] UX Sketching on Peepcode
- [Video] Designing with forces, How to apply Christopher Alexander in everyday work
- Ryan Singer on Twitter: @rjs