Meet “Touch Design For Mobile Interfaces”, A New Smashing Book — Smashing Magazine

Meet “Touch Design For Mobile Interfaces”, A New Smashing Book

About The Author

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he’s most probably running front-end & UX …

More about
Vitaly ↬

Email Newsletter

Quick summary ↬

It’s shipping! Meet “Touch Design for Mobile Interfaces”, our brand-new guide with guidelines and best practices to improve usability and accessibility on mobile. 400 pages. For designers and developers working with mobile UIs. Jump to details and get the book right away.

How do we design for touch in 2022? Mobile and touch are the new default for computing, but there are still many myths, rumors, errors and out-of-date practices on how to design for them. Let’s change that!

In our brand-new book Touch Design for Mobile Interfaces, Steven Hoober shares his in-depth research and guidelines on designing for touch. You’ll learn how people hold devices and interact with interfaces, along with strategies and best practices for designing better mobile interfaces. A jam-packed book for designers and developers working on interfaces for mobile. Jump to table of contents.

Print + eBook

Quality hardcover. Free worldwide shipping. 100 days money-back-guarantee.

DRM-free, of course.

ePUB, Kindle, PDF.
Included with Smashing Membership.

About The Book

There are over 2 billion portable touchscreen devices in use today, and hundreds of millions more installed in cars and kiosks. Sales of traditional mouse-and-keyboard computers have been falling for years, replaced by mobile phones and tablets. Mobile is the new default, but there is a lot of myths and out-of-date practices on how touch works, and how to design for mobile.

Touch Design for Mobile Interfaces shows new insights from research on hardware, people, interactions, and environments. Steven Hoober has studied in depth how people actually touch and hold mobile phones and tablets. Steven spent over 20 years designing products for mobile phones, tablets, kiosks, and computers.

The book also includes guidelines and best practices you can apply to your designs to address usability and accessibility issues immediately. Download a free PDF sample (14MB).

400 pages. Written by Steven Hoober. Cover design by Espen Brunborg. Shipping now.

You’ll learn:

The book goes into details of human behavior and common design issues, covering rage taps, visibility and interactivity issues, as well as many other topics:

Who is this book for?

This book is for designers working on mobile or touchscreen interfaces. If you want to design better for mobile, or you need data to back up your decisions, this book is evidence-based, specific, and full of actionable insights. If you want to move from desktop design to mobile, the book provides a path for you to reconsider design decisions for touch and mobility.

There are benefits too for product designers, managers, and analysts, as well as developers and engineers working on mobile touchscreen interfaces. You’ll be able to plan for the new touch-also world, write better stories and features, and understand how the work environment has moved from predictable computers in cubicles to devices everywhere, anywhere, and anytime.

Print + eBook

Quality hardcover. Free worldwide shipping. 100 days money-back-guarantee.

DRM-free, of course.

ePUB, Kindle, PDF.
Included with Smashing Membership.

Table Of Contents

How do people really use their mobile devices? And how can we design better mobile interfaces based on that knowledge? The 13 chapters of our shiny new book explore just that.

1. Defining Mobile Devices

The first chapter describes different devices in the context of their unique attributes of portability, connectivity, and awareness. We’ll come to understand how important it is to understand mobile technology and use patterns, and become aware that mobile paradigms are influencing more traditional computing platforms.

2. The History and Technology of Touch

Chapter 2 reviews the evolution of direct screen interaction dating back to the 1950s, and the development of commercialized touch since the 1980s. Today’s devices can be better understood by learning how touch technology advanced before achieving ubiquity through capacitive touch.

3. Capacitive Touch

Chapter 3 addresses how capacitive touch intersects with human behavior and impacts our design work.

4. Standards, Assumptions, and Problems

We’ll learn how various standards, assumptions, and problems can be problematic for designers of today’s mobile touchscreens. The specifications, norms, and principles of earlier times are sometimes not to be trusted as they are too often based on technological assumptions that no longer apply.

5. Finding Out How People Hold and Touch

Chapter 5 covers the observational research Stevn Hoober conducted to discover how people actually manipulate their mobile phones and tablets in everyday use. Through debunking some widely accepted but incorrect assumptions, we’ll learn most of all to change the way we think about designing for touch, because while there are many ways to hold a device, everyone uses them all, constantly shifting from one to another.

6. Touch Accuracy and the Center-Out Preference

To understand touchscreen performance, Steven undertook several studies and found that popular notions of touch accuracy and preferred touch regions are wrong. He discusses this in chapter 6 and shows that people favor the middle of the screen for both reading and touching.

7. How Fingers Get In the Way

Every mobile device user has experienced how fingers get in the way, and in chapter 7, you’ll learn how our designs can take into account the ways people adapt their touch to perform different actions like tapping and scrolling, and to overcome problems of visibility and interactivity.

8. Imprecision and Probability

Chapter 8 covers the issues around imprecision and probability and shows how we need to design systems, interactions, and processes that prevent mistakes — especially avoiding catastrophe when mistaken taps are made.

9. Phones Are Not Flat

Mobile devices are used in all kinds of locations and people handle them constantly. People and their environments can be confusing, confounding, and unpredictable. Chapter 9 describes ways we can consider likely problems when planning the design of our apps and websites.

10. People Only Touch What They See

We start to move into tactics — with a little less theory, data, research, and background info. Chapter 10 covers best practices in how the UIs of interactive elements are designed to attract the eye, afford action, be readable, and inspire confidence that they can be safely tapped.

11. 1, 2, 3: Designing by Zones

In chapter 11, Steven introduces the concept of information design, describes how human vision is not what it appears to be, and then turns all that we’ve learned so far into a simple formula we can all use to create well-organized, usable templates for touchscreen design.

12. Progressive Disclosure

Shifting from template theory to template creation practice, in Chapter 12, we’ll review the pros and cons of some of the most important page design elements, such as menus, lists, floating bars, and tabs, to see how they can integrate with the concept of information design for center-out touchscreen products.

13. Practical Mobile Touchscreen Design

We’ll finish off by skimming lightly over more or less the entire process of designing digital touchscreen products, from teams to strategy and onward. From these resources we can start building a reference library of how to pursue each aspect of the design process.

400 pages quality hardcover. The eBook is available as PDF, ePUB, Amazon Kindle. Written by Steven Hoober. Cover design by Espen Brunborg. Shipping now.

Bonus: Touch Design Templates

We’ve included durable plastic templates to help you plan type and touch sizes in every printed book! They’ll help you design usable and efficient interfaces with less guesswork. A downloadable print-it-yourself version of the templates is included in the eBook as well.

About the Author

Steven Hoober shifted focus from graphic design to mobile UX in 1999. Since then, he designed the first Google mobile search, the first mobile app store, several mobile browsers, and numerous websites and apps for global brands. See more of Steven’s research at 4ourthmobile.com.

Reviews and Testimonials

Technical Details

Community Matters ❤️

Producing a book takes quite a bit of time, and we couldn’t pull it off without the support of our wonderful community. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be . Plus, Members get a friendly discount when purchasing their printed copy. Just sayin’! 😉

Stay smashing, and thank you for your ongoing support, everyone!

Print + eBook

Quality hardcover. Free worldwide shipping. 100 days money-back-guarantee.

DRM-free, of course.

ePUB, Kindle, PDF.
Included with Smashing Membership.

More Smashing Books & Goodies

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Stefan and Adam are two of these people. Have you checked out their books already?

This content was originally published here.