New web development challenges for the iPad and tablets

The iPad and tablet revolution has forced web developers to re-think how they design sites. Now that finger taps have replaced mouse clicks, the size and proximity of links must be considered: a mouse pointer is much more accurate than a human digit. This means text that is easily read is not necessarily easily manipulated and clicked and especially if there is a long, compact list of links.
To overcome these challenges, here are a couple design tips that will help your site display properly and function seamlessly no matter the platform:

Resize menu items and text

Many sites use simple text menus in the left-hand column of the home and category results pages, which look clean and can fit more items above the fold. But on tablets, it can be harder to click tap these targets. Be sure the buttons and text are afforded ample room.

Pagination and breadcrumbs

Those page numbers at the bottom of pages and navigation indicators at the top are often rendered in tiny, 6-8 pt type. Activating one is a major challenge unless the user resizes the display. Kick the point size up.

Navigation buttons

Make sure they stand out and have good runaround spacing.

Tables and lists

Do not run large linked lists together. Separating links is difficult.

Market IQ is a website development, graphic design, publishing and marketing agency in Victoria, B.C. Canada. Market IQ is focused on delivering results for valued clients both online and in print. All images, text, software, documentation, electronic text and image files, audio and video files and clips, and other materials on this website are protected by copyright laws and may be covered by other restrictions as well.