Takeaway Points

  • Start with a bird’s-eye view and work your way down to the details, from flow diagrams to storyboards to simple sketches to wireframes and eventually to detailed mock-ups.

  • Fix problems early. The earlier you notice a problem with your design, the cheaper it is to fix it.

  • Flow diagrams help you make it as simple as possible for your users to reach their goals.

  • Storyboards help you flesh out and communicate the interaction design of your product.

  • Simple sketches help you figure out what to put on individual screens.

  • Wireframes help you decide where to put things on individual screens.

  • Mock-ups help you iterate quickly on the visual design.

Get Designed for Use 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.