Home » Gadgets » How to create a tablet friendly website by increasing its tappiness

How to create a tablet friendly website by increasing its tappiness



Internet browsing by tablets no longer remains a fad. Almost every household these days that can afford a smart phone also has a tablet, whether it is the iPad, one of the Samsung Galaxy options or other brands. With broadband Internet available through Wi-Fi as well as 3G/4G, browsing the Internet comes as naturally as checking your text messages on a regular phone.

Content-intensive websites can be easily customized for tablets, the real problem comes when creating tablet friendly websites for e-commerce. Usability and quick access to critical information is of utmost importance.

The main stress should be, according to this Mashable blog post, tappiness. People should be easily able to tap on the various components of your website.

Purchasing an item can be difficult as well as simple from a tablet. For instance if you’re downloading and installing apps from the App Store or Google apps it is as simple as tapping on the download or purchase button. You don’t have to enter extra information (provided you are already logged in).

A full-fledged e-commerce website on the other hand may involve lots of form-filling and data entry. It may also involve tapping on links and buttons. People have different fingertips and they may find it difficult or easy to tap on your links, buttons and form fields according to the shape and size of their fingertips. Broadly, you can increase the tappiness of your website by incorporating the following:

  • Use bigger fonts for calls-to-action links and buttons
  • Use bigger buttons
  • Make it obvious that they are tappable
  • Use whitespace and padding around hyperlinks and menu items
  • Use bigger side margins for content blocks
  • Increase form field size with enough spacing around them

Read in greater detail on the link specified above.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>