O'Reilly logo

Learning iOS Design: A Hands-On Guide for Programmers and Designers by William Van Hecke

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

4. The Wireframes

In the grand hierarchy of pictures of imaginary software, wireframes exist somewhere between sketches and mockups. Their purpose is to nail down the details that sketches leave out: what exactly exists on each screen and how it all fits together—the geography of an app. A sketch is casual and usually disposable; you might attach a sketch to a design document as a reminder of the conversation that led to a decision, but the sketch probably doesn’t represent a definitive understanding of how the software should end up. Wireframes, on the other hand, document some details of how the app should be built. (See Figure 4.1 for an illustration of the difference.)

Figure 4.1 A sketch (left) becomes a wireframe, gaining detail about ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required