Tablet Web Design Practices: Ebook Offers Loads of Useful Guide


Who would dare not call the boys and girls Canadian mobile website design experts Mobify? They really are. Although not everyone finds its cloud-based design concepts attractive. Recently, the folks at Mobify decided to release an eBook on best practices in tablet-focused web design. They titled The 25-Pager “best practices for tablet web design: 30 ways to create amazing web experiences on tablets”. Even more amazing, they give it away for free…

Best practices for tablet web design: 30 ways to create amazing web experiences on tablets

Mobify’s eBook is a compact read. Based on internal and external studies, the authors compiled a clear List of the most important tips for designing mobile websites. Experience in designing mobile websites for large customers such as Starbucks contributed to the creation of the book and the Mobify customer experience with 75,000 designers and developers.

No wonder some of the advice comes naturally as you ponder the issue, while others need to think more and would not have come naturally to me, at least not right away.

Best practices for tablet web design: two parts to master them all

The ebook consists of two parts. The first part assumes that you have received an existing desktop site and want to make it as mobile as possible so as not to lose mobile Clients. With the rise of mobile, this is becoming more and more important by the hour. If you are running a web-related or at least supported business, you should definitely study this first part in depth.

Confused why I call it mandatory? In 2013 and 2014, tablet sales will reach about half a billion devices. Studies show that tablet users spend an average of 20% more on online shopping than their desktop counterparts. If you do not support tablets, you will completely lose these revenues, which partially replace desktop revenues.

Confused why I say you could lose this income? The answer is obvious. Desktop websites with 12-pixel fonts, buttons that are too small to touch, and unnecessary forms on touch devices distribute even the most patient web client. If you are a tablet user, you will definitely agree: most websites are not fun to surf on a tablet. On the other hand, browsing the Internet is what tablet users do the most. Can we agree that something needs to be done?

In its part 1, the ebook comes straight to the point, even shirt sleeves to offer tips like this:

  • Touch targets should never be less than 44 px squared,
  • all sections of the site should be checked for ease of use,
  • do not let users type on mobile devices,
  • disable auto-correction and auto-capitalization in forms, enable pop-up keyboards,
  • increase font size and line height,
  • provide symbols in the form of fonts and images in high resolution,
  • and much more.

Part 2 changes the view. This part is not intended to make desktop sites acceptable to mobile surfers, but part 2 focuses on creating a web application optimized for tablet users, fully adapted to the particular capabilities and limitations of a tablet:

  • Let images on a page remain zoomable while the page does not,
  • make Navigation sticky so that it is persistent throughout the Site,
  • add location-based services to support the logistics or purpose of your website,
  • make fonts and sizes customized by your visitors,
  • work with many images, create visual experiences,
  • obey the hot areas, the areas of the Tablet easier to reach with your fingers, put most features at your fingertips,
  • and much more.

Certainly, the authors work for Mobify and combine the resources and tutorials of this service to visualize the concepts explained in the book. Remember this and do not be restrained. The advice given is universally valid regardless of the tool you use. If you are an experienced developer/designer for the mobile UI, the book probably won’t teach you much new stuff. Whether you are the average online store supervisor or a self-trained designer learning through work, this eBook will bring your skills more than a little higher.

If you want to know best practices in web design for tablets: 30 ways to create amazing web experiences on tablets, go to the download page. As mentioned earlier, the whole process is simple and costs you nothing. You just need to leave a syntactically correct email address, click “Get the Guide Now” and download immediately. A link is additionally sent to the specified Email Address, but it is no longer needed-nice to know for the growing number of online paranoids whose paranoia is overtaken by reality faster than you can increase it…

Leave a Reply

Your email address will not be published. Required fields are marked *