Essential Mobile Interaction Design: Perfecting Interface Design in Mobile Apps (Usability)
Format: PDF / Kindle (mobi) / ePub
Design User-Friendly, Intuitive Smartphone and Tablet Apps for Any Platform
Mobile apps should feel natural and intuitive, and users should understand them quickly and easily. This means that effective interaction and interface design is crucial. However, few mobile app developers (or even designers) have had adequate training in these areas. Essential Mobile Interaction Design fills this gap, bringing together proven principles and techniques you can use in your next app–for any platform, target device, or user.
This tutorial requires virtually no design or programming knowledge. Even if you’ve never designed a mobile app before, this guide teaches you the key skills that lead to the best results. Cameron Banga and Josh Weinhold help you master the mindset, processes, and vocabulary of mobile interaction design, so you can start making better choices right away. They guide you through the entire design process, demystifying issues that arise at every stage.
The authors share hard-won lessons from years of experience developing more than one hundred mobile apps for clients and customers of every type. They cover important issues that platform-specific guides often overlook, including internationalization, accessibility, hybrid apps, sandboxing, and what to do after release.
This guide shows you how to
- Think through your designs, instead of just throwing together UI elements
- Allow an intuitive design flow to emerge from your app
- Sketch and wireframe apps more effectively
- Reflect key differences among smartphones, tablets, and desktops
- Design for visual appeal without compromising usability
- Work effectively with programmers
- Make sure your apps are accessible to everyone
- Get usable feedback, and understand what it’s telling you
- Learn valuable lessons from today’s most successful apps
- Refresh your designs in new apps and future versions
- Discover new tools for designing more successfully
Packed with iOS and Android™ examples, Essential Mobile Interaction Design offers dozens of tips and solutions that will be equally useful on today’s platforms and on whatever comes next. Extensive resources are available at cameronbanga.com/EMIDbook.
create since 2008, and the industry has seen monumental shifts and growth in the six years between the introduction of the “app economy” and the publication of this work. This book aims to help put you in a place to succeed as a designer in today’s app market by teaching proven principles and techniques that you can use in your next app, no matter what mobile platform, targeted device, form factor, or user base you’re targeting. In short, the tutorial style used here aims to help you master the
pieces of artwork. Second, you may find that a piece of raster art rendered at a large size will not always scale down uniformly when shrunk to a smaller size. For example, when you take a 1,000 x 1,000 pixel square and shrink it down to 100 x 100, the software you use to handle that manipulation, typically Photoshop, merely estimates how the art should look at the smaller size and then recreates the piece of work to fit the new resolution. However, because your artwork previously fit a size much
“intents” and “contracts,” respectively. These setups allow other apps 153 154 CHAPTER 8 MAKING APPS USABLE BY ALL Figure 8.3 Throughout users’ experiences in iOS, they never truly encounter any traditional filemanagement opportunity. to take hold of specific data in order to allow users to do certain tasks. Figure 8.4 shows an example of what the user sees when an intent is brought to the forefront. Say, for example, that a user wanted to save a single page from an academic article being
of how many items could appear at any given time, and then it paired the bar with a common “more” button, presenting a simple drop-down when more items needed to be viewed (shown in Figure 9.6). This design allows the action bar to provide sufficient functionality on both the smallest phone screen and a 10-inch tablet. It gives developers a valuable space to put buttons that execute essential actions while also offering a location for the user to repeatedly look for a one-touch Figure 9.6 When
past 20 to 30 years, tablets have been seen as the computing device of the future, making frequent appearances in science fiction movies and TV shows, and for good reason; a carryable computer that can be written on or interacted with by touch just seems to make sense. tip Currently, all major tablet operating systems are essentially siblings of and based off of systems that were also successful and popular on phones. Don’t try to pick up WHAT IS A MOBILE DEVICE? both Apple and Android