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

What is a user interface anyway?


This may seem like an obvious question. After all, we interact with UIs every day, whether it's on our computer, mobiles, tablets, or other electronic devices. But sometimes, the simplest questions are the hardest to answer.

The technical definition of a user interface is the junction between a user and an app or a computer program. A user interface is everything the user can see and interact with, and unless you're developing a very special (or very unusual) kind of Android app, then every app you develop will have some form of user interface.

When it comes to creating your app's UI, the Android platform gives you the freedom to bring your vision to life. Just flick through a few of the apps installed on your Android device, and chances are that you'll encounter UIs that look very different from one another.

Although these UIs may look different on the surface, they do share lots of common elements, whether they're the layouts working quietly behind the scenes, or visible elements such as buttons, menus, and action bars.

Here are a few UIs from different Android apps. Although they each have their own look and feel, they also have a lot of UI elements in common:

Google Photos isn't just a gallery, it also gives snap-happy Android users new ways to enjoy their media by organizing photos and videos based on factors such as location, date, and subject matter. Since the Photos app wants to encourage you to spend time exploring and enjoying its photo and video content, it's no surprise that the most prominent UI element is the floating Search button in the bottom-right corner, which allows users to search their media based on factors such as location and subject.

Announced at the 2014 Google I/O conference, and later making an appearance in Android 5.0, Material Design is a new design language that provides a more consistent user experience across Google products-including Android. Taking its cues from paper and ink, Material Design uses shadows, edges, dimensions, and the concept of  sheets of material to create a striking, minimal experience.

Many apps now implement Material Design. This helps to provide a more seamless UI experience, even when the user is switching between apps created by entirely different developers. The previous screen shows the Dashlane password manager app, which has a Material Design theme.

The UI elements you'll find in the Maps app are carefully designed to stay out of the way, so the main body of content (that is, the map part of Maps) is clearly visible and uninterrupted. This is a good example of a UI that strikes a tricky balance between being unobtrusive, while also ensuring all the UI elements you could possibly need are always within easy reach. Another example of this kind of UI is the YouTube app.