Deconstructing an Interface: Designing from the Conceptual to the Concrete

As shown in Figure 3.2, the user interface of any interactive product, be it hardware or software, can be modeled using three tiers and nine layers. With the layers arranged from foundational to supporting, the model not only captures the components of the interface, but also offers a useful method for understanding and designing an interactive product.

Figure 3.2. This diagram aids interface design by deconstructing an experience into a series of nine interrelated layers that can be analyzed one at a time.

Tier 1: Structure

The Structure tier comprises the ...

Get Making the Web Work: Designing Effective Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.