Chapter 5. Mobile design and user experience


This chapter covers

  • What works (and what doesn’t) on mobile devices
  • How to use Bootstrap for responsive, mobile-optimized design
  • An overview of Mobile UI frameworks

So far we’ve discussed how to install Cordova, how to generate native binaries from HTML, and how to make use of fancy device features with plugins. For the most part, what we’ve discussed has been fairly straightforward. Install an SDK, install the command-line tool, write some HTML, and whammo!, see it on your device.

5.1. Congratulations—you’re a (horrible) mobile developer!

Okay, that may be just a tiny bit over the top, but most likely there’s a bit of truth to it as well. What we haven’t yet discussed is how to create a good mobile application. Taste is subjective. While it’s difficult to precisely describe what makes a good mobile application, there are definitely guidelines that help define what a successful mobile application looks like. And notice I’m not saying a successful hybrid mobile application. Your users don’t care what you used to build your application. They only care about the end result. Therefore, the guidelines for a good hybrid mobile application are going to be the same as a good 100% native-built mobile application.

5.2. Enhancing your Cordova UI with Bootstrap

5.3. Mobile UI frameworks: an overview

5.4. Summary