Mobile development. Template Gallery

    Good afternoon, habrayuzery!
    Just the other day, the next translated book by O'Reilly should leave the printing house.


    Title : Mobile Development. Template Gallery
    Author : Teresa Neil
    Book Translation : Vadim Chernik
    Release Date : just the other day

    Designing mobile application interfaces is one of the most interesting stages of mobile development. In this edition, examples of specific applications show successful and unsuccessful solutions of developers. A big plus in the book is that the author does not focus only on Android and iOS, but also affects platforms such as Blackberry and Windows Mobile. In total, the book covers more than 70 templates, which is a lot for 208 pages. Of course, some of the applications will already change by the time the translation is released, and maybe even more than once. On the other hand, the essence of the book is not to consider the latest “ups”, but to understand / learn the essence or deepen knowledge in the design of user interfaces.

    Who is this book for?

    Let's just say that if you are a confident designer / leader / developer with many years of experience who has already developed more than a dozen applications, then this book will seem to you simple and useless. But for beginners, this book is simply necessary. Author Teresa Neil describes a large number of “no water” design patterns. She does not pay attention to the theoretical part (what and when was first born), but only to the practical one. The author divided the design patterns into 10 categories, which he clearly describes.

    1. Navigation
    2. Forms
    3. Tables and lists
    4. Search, sorting and filtering
    5. Tools
    6. Charts
    7. Invitations
    8. Feedback and possibility of action
    9. Help system
    10. Anti-patterns

    Fragment from the chapter "Tools"


    The toolbar, also called the action bar, contains tools for action at the screen level. In Pandora, the toolbar includes commands for switching to a list view, rating songs, pausing the currently playing song, and skipping the song. A + Picture Effects for BlackBerry also provides a toolbar that allows you to perform typical actions (Fig. 5.6).

    Fig. 5.6. Pandora and A + Picture Effects

    In the iOS operating system, a light blue color is used by default to style the panel, but a different color is also possible (Fig. 5.7).

    Fig. 5.7. The default toolbar in iOS and the stylized toolbar in Trip Journal (color sticker)

    Sometimes actions may have additional commands that need to be displayed. Neutral to the operating system, the approach to displaying the commands of the selected tool on the screen is to use the cascade menu. This technique is used in many mobile applications to display editing and formatting commands (Fig. 5.8).

    Fig. 5.8. QuickOffice Pro and Document To Go

    Evernot takes a different approach to providing a rich set of text formatting commands - a nested panel that remains constantly visible (Figure 5.9).

    Fig. 5.9. Evernote

    Button drop-down menus in iOS are another way to offer users additional commands related to the selected tool. An example of their correct implementation can be seen in Pulse, which displays four different options for how you can tell this or that story to other people. The creators of Yelp and Ibis went the wrong way, using drop-down menus with buttons to display, respectively, sorting and filtering options (Fig. 5.10). More suitable approaches to sorting and filtering can be seen in chapter 4.

    Fig. 5.10. Pulse, Ibis, and Yelp

    Book at

    Also popular now: