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 are the characteristics of an effective UI?


Over the course of this book, you'll learn how to create an effective UI, but before we get stuck into this, it's helpful to have the end goal in sight.

A successful Android UI should be as follows:

  • Clear...

  • Your UI is how your app communicates with your users. Make sure it's clear what your app is trying to say!

  • If the user can't glance at every single screen within your app and immediately know what the screen's asking them to do, then your UI isn't clear enough.

  • ....But not too clear!

  • How can a user interface be too clear?

  • Imagine a screen that feels the need to explain each and every UI element. Sure, this kind of UI would be clear, but would you persevere with such an app? Or would you look for an alternative app, one that isn't crammed full of unnecessary and, most likely, irritating text, such as Tap the Submit Results button to submit your results?

  • An effective UI strikes a balance between being clear and concise. If you design your UI well, the user will immediately know that the + icon in your music-playing app means add new track to playlist, without you cluttering up your UI with additional text.

  • Responsive

  • No matter how great your app's content, if the UI is laggy and prone to freezing, no one is going to want to use it.

  • An effective UI is responsive, smooth, and plays out like a conversation between the user and your application. For example, imagine you've just downloaded a new app and your first task is to create a new account. You fill in a form and tap Submit. Then, suddenly you're taken to an entirely new section of the app with no explanation of what's happened. Have you just created an account? Are you already logged into your new account? What's going on?

  • In this scenario, an effective UI would respond to you tapping the Submit button even if it's just a simple Thank you for registering your details - you're now logged into your account! popup.

  • Easy on the eye

  • In an ideal world, it wouldn't matter how attractive your UI is (or isn't). After all, if your content is good, what does it matter if your buttons aren't perfectly aligned? Or if your images aren't quite as high-definition as they could be?

  • The simple truth is that it does matter. A lot.

  • It's not enough for your UI to be clear, consistent, and responsive—it has to look nice, too.

It's also worth noting that creating an appealing, professional-looking UI may mean forgoing your own tastes and sticking with the safe option. Maybe you have a fondness for neon colors and have always thought that orange and green is a criminally underrated color combination, but remember that you're trying to attract as wide an audience as possible; is this aesthetic really going to appeal to the masses?