Hi, I'm Ryan Singer. I design software and manage teams at
37signals.  « See my home page for more articles about user
interface and product design.    Mar 17, 2011  Visualizing a
product's UI and code layers  If I asked you to visualize a
software product, a picture of the interface would probably come
to mind. That’s natural because the interface is the product
from a user’s point of view. But for us on the development side,
products are more than just interfaces. They’re also the code,
the connections between code and UI, the separations of concerns
and the boundaries between features.  To visualize a product
from the development side, I start with two layers: the code and
the UI.  The product is UI and Code  Depending on the product or
the feature, the code and the UI can be in very different
proportion to each other. On one extreme there are features that
expose very little UI but require a lot of code. Think about a
recommendations system for an e-commerce store. Hundreds of
lines of code might analyze