Book Image

Android UI Design

By : Jessica Thornsby
Book Image

Android UI Design

By: Jessica Thornsby

Overview of this book

<p>Great design is one of the key drivers in the adoption of new applications, yet unfortunately design considerations are often neglected in the face of “will it work,” “can we make it quicker,” or “can we get more people using it”?</p> <p>This book seeks to redress this balance by showing you how to get your PM to start treating the design phase of your project seriously. This book is focused entirely on the development of UI features, and you’ll be able to practically implementing the design practices that we extol throughout the book.</p> <p>Starting by briefly outlining some of the factors you need to keep in mind when building a UI, you’ll learn the concepts of Android User Interface from scratch. We then move on to formulate a plan on how to implement these concepts in various applications. We will deep dive into how UI features are implemented in real-world applications where UIs are complex and dynamic.</p> <p>This book offers near complete coverage of UI-specific content including, views, fragments, the wireframing process, and how to add in splash screens—everything you need to make professional standard UIs for modern applications. It will then cover material design and show you how to implement Google's design aesthetic in a practical manner. Finally, it ensures the best possible user experience by analyzing the UI using various tools, and then addressing any problems they uncover.</p> <p>By the end of the book, you’ll be able to leverage the concepts of Android User Interface in your applications in order to attract new customers.</p>
Table of Contents (16 chapters)
Android UI Design
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

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 are usually stripped of all look and feel elements, and at least initially, most content and text.

  • Digital wireframe: Once you're happy with your pencil-and-paper wireframes, it's time to refine these first drafts using digital software. This...