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.
Make sure they stand out and have good runaround spacing.
Tables and lists
Do not run large linked lists together. Separating links is difficult.