Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By : Andy Matthews, Shane Gliser
Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By: Andy Matthews, Shane Gliser

Overview of this book

<p>jQuery Mobile is a mobile-centric web framework developed by the jQuery team. The project focuses on building a framework compatible with the ever-increasing variety of smartphones and tablet computers on the market. The jQuery Mobile framework plays well with other frameworks and platforms, such as PhoneGap and Backbone.</p> <p>Automate repetitive tasks easily and painlessly with the Grunt task runner, build a fully responsive, gorgeous photography website, and learn how to mix and match jQuery Mobile 1.4.5 into existing websites and how to deploy those changes to content management systems such as WordPress, Drupal, and HarpJS. jQuery Mobile aims to reach everyone, and so does this book. It will enhance your mobile knowledge and help you to create versatile, unique sites quickly and easily.</p>
Table of Contents (18 chapters)
Creating Mobile Apps with jQuery Mobile Second Edition
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

HTML prototyping versus drawing


Do not start with the code. Being a developer, this is really hard to say. jQuery Mobile is very fast and easy. Refactoring is also very fast. However, there is something that happens when you jump right into HTML prototyping.

People who don't know code will assume that we're much closer to a complete product than we actually are. This is especially true with jQuery Mobile because even the most rudimentary stab at a project comes out looking polished and complete.

People fixate on minutiae like spacing, margins, colors, logo size, and so on. Due to the sunk cost of our time in the current design, we are less likely to make significant changes from whatever we initially coded, because refactoring is easier than a make-over.

Instead, get a pen and paper. Wait, what? Isn't this a web developer book? Relax; you don't have to be an artist. Trust the process. There will be plenty of opportunities to code later. For now, we are going to draw our first jQuery Mobile wireframe.

The following are a few great things about starting with paper-based ideation:

  • We are more willing to simply throw out a drawing that took less than 30 seconds to create

  • Actually sketching by hand uses a different part of the brain and unlocks our creative centers

  • We can come up with three completely different designs in the time it takes to create one HTML page

  • Everyone can contribute their best ideas even if they're not skilled in graphic design or coding

  • We will naturally begin by drawing the most important things first

  • More attention is paid to the ideas and flows that actually make our site work instead of the myriad details, which few would even notice

  • We will probably end up with a more User-Centered Design (UCD) since we're drawing what we would actually want

Ideally, 3x5 Post-it notes are perfect because we can easily lay them out on walls or tables to simulate site structure or process flows. We could even use them to conduct usability testing. A little later, we'll lay out our drawing for the owner to see how the whole thing could work before we get buy off.