6 ways to make your website tablet-friendly

A checklist of simple things from UX Magazine:

When a website exhibits “tappiness,” it’s easy—or even delightful—to use on a mobile or tablet device. Tappiness encompasses smart use of space, text that is easy to read, logical interaction clues, and large touch targets that allow visitors to navigate with confidence.

Read: The Pursuit of Tappiness

Tl;dr:

  • Bigger buttons with more whitespace around them.
  • Make links more obvious, without relying on hover states.
  • Bigger font sizes.
  • More padding in nav menus (to create bigger hitboxes).
  • Greater margin, padding and line-heights for better readability.
  • Bigger form fields with more whitespace around them.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s