Beginning HTML5 and CSS3 For Dummies

20

Ten Keys to Mobile Web Design

In This Chapter

Understanding different mobile devices

Optimizing for small screens

Designing for distracted users

Testing on different devices

There’s no doubt today that mobile devices have gone mainstream. Today’s marketplace boasts a wide array of products, many competing manufacturers, and oodles of innovative features. However, before we wax too eloquent, we should clarify that we aren’t talking about skimobiles, mobile homes, or even Mobile, Alabama. Rather, we’re talking about the mobile web, which serves those portable multi-use phones and other devices (such as the iPad or a Wi-Fi–connected portable GPS) that are so easy to carry around and integrate into everyday life.

Mobile devices are unbeatable for quick access to directions and maps, checking out product reviews or comparisons, finding contact information, or simply surfing the Internet while on the go. Because of this, we think understanding mobile web design is important, too. That way, you can use your new skills and knowledge to account for the many unique challenges that mobile ...