Chapter 8. CMS UI Patterns for Mobile

WHAT'S IN THIS CHAPTER?

  • Review of popular user interface patterns commonly used by Content Management Systems

  • For each of these, consider how they can be optimized and styled for mobile users

In this chapter, you look at some of the common parts of a typical Content Management System's user interface. Regardless of the platform, many of the patterns described are applicable in one way or another and provide some ideas for effective mobile user interface design on your site.

Throughout this chapter, the iPhone simulator is often used to illustrate the patterns discussed. This is not, of course, to imply that only the iPhone can be used for viewing the patterns you develop, but it does act as an effective way to prototype and present the ideas. You will also make sure the patterns work on less capable mobile browsers, and consider the Windows Mobile 6.0 emulator to see how these user interface approaches can be made to work on an older mobile operating system.

The markup presented throughout this chapter is deliberately independent of any particular CMS. At this point, you are trying to examine the user interface itself. The way in which you might use these templates and snippets varies depending on your choice of CMS and implementation.

REGISTRATION AND LOGIN

One of the big advantages of running a website with a CMS platform is that the content is dynamically generated from a database. This means it is easy to publish and edit, and it allows the platform ...

Get Professional Mobile Web Development with WordPress®, Joomla!®, and Drupal® now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.