Mobile Design Patterns

Mobile Design Patterns

Since the appearance of the smartphone and tablet computers, we are experiencing a boom in Mobile Design. And, as it happens with the development of new gadgets and technologies, some trends and patterns are already established. With this eBook "Mobile Design Patterns", you will learn the most important guidelines and strategies for Mobile Design, including solutions for forms, tap-ahead patterns and UX approaches.


If you are looking for more information about mobile design patterns, this eBook might be exactly what you are looking for.


  • The Elements Of The Mobile User Experience
  • Picking A Mobile Support Strategy For Your Website
  • Essential Design Patterns For Mobile Banking
  • Seven Guidelines For Designing High-Performance Mobile User Experiences
  • Useful Design Tips For Your iPad App
  • A User-Centered Approach To Web Design For Mobile Devices
  • Mobile Auto-Suggest on Steroids: Tap-Ahead Design Pattern

Technical Information

  • Formats: PDF, EPUB, Kindle (DRM-free)
  • Pages: 124
  • Language: English
  • Released: September 2012
  • Publisher: Smashing Media GmbH
  • ISBN: 978-3-943075-43-4

Excerpt From Chapter 3

Essential Design Patterns For Mobile Banking — by Greg Nudelman

Despite a great deal of mobile innovation, many creators of financial apps still copy their interface patterns from the desktop Web, even though these patterns are not as well suited to the mobile space. Small screens, custom controls, divided attention and fat fingers demand different thinking when designing for mobile.

In this article, we will look specifically at simple mobile transfers of funds from checking to savings accounts, taking what works on the Web and converting it into authentically mobile flows using simple, effective design patterns. Similar analyses and design strategies can be applied to many other areas that involve complex forms, such as mobile e-commerce checkout and social network registration.

Excerpt From Chapter 6

A User-Centered Approach To Web Design For Mobile Devices — by Lyndon Cerejo

The term “Mobile Web” is commonly used to describe accessing the internet using a mobile device. This definition is broad enough to cover everything from using a browser on a feature phone, to using highly customized apps on smartphones or tablets. “There’s an app for that” has made device-specific applications the rage of the day, with some companies starting off backwards with “we need an iPhone app” instead of first understanding what their users actually need when they are mobile, the devices that they use, and then deciding the best approach for going mobile, which may not be an app, but could be a mobile website instead. Mobile websites are universally accessible, less expensive to develop and maintain, and can be searched and accessed by most mobile phones.

This article focuses on designing the user experience for mobile websites accessed from mobile phones with small screens, though the process can be applied to building apps as well. As a Web designer, the good news is that the process is similar to designing desktop websites — with some additional mobile-only considerations that go hand-in-hand with small screens, device features and constraints, and connectivity issues.

Related Products

↑ Back to top