O'Reilly logo

Android UI Design by Jessica Thornsby

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

Chapter 6.  Turning Your Sketches into Wireframes

In the previous chapter, we concentrated on planning our screens at a very high level by creating things such as screen maps and flowcharts. In this chapter, we'll move on from high-level planning to start designing the screens that'll make up our app.

During the screen designing process, you'll usually complete the following steps:

  • First draft wireframing: This is where you begin to layout your screens by making quick sketches with paper and pencils. A wireframe is a low-fidelity, visual representation of your app's layout; sometimes, it is referred to as a skeleton, outline, page schematic, or screen blueprint. To help you focus on each screen's layout, functionality, and usability, wireframes ...

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