March 19th, 2014
In this week’s UIEtips, we offer part 2 of Josh Clark’s article New Rule: Every Desktop Design Has To Go Finger-Friendly. In it, Josh reminds us that ideally the web is a platform that can be accessed from any device, no matter what its input or output method. For now, that means opening up all desktop layouts for easy finger-tapping.
Here’s an excerpt from the article:
For most of its short history, web-design practice has focused on the visual-on screen size. It’s not yet in our industry’s DNA to consider physicality and environment in our layouts. That’s why many are still surprised at the idea that they can’t just use their legacy desktop layout on iPad, even though the screen size is the same. The layout looks good, sure, but that rarely means it’s also finger-friendly.
The rise of the hybrids means touch is no longer the sole province of phones and tablets. It’s arrived on desktops and laptops, too. Most desktop website layouts, however, are not optimized for touch. They challenge our clumsy fingers and thumbs with small touch targets for links and menus, or they lean on hover interactions that can’t be triggered by touch at all. Few sites place primary navigation in easy reach of the thumb zone for either tablets or hybrids; they favor cursor-friendly screen-top navigation instead.
Read the article New Rule: Every Desktop Design Has To Go Finger-Friendly, Part 2.
If you want to convert your mouse-focused desktop sites into mobile layouts with touch-friendly screens, than watch Josh’s virtual seminar, Designing Touch-Friendly Interfaces. It’s now part of UIE’s All You Can Learn, the place to watch, listen, and learn from the world’s best instructors.
How do you ensure your designs can be accessed from any device? Tell us about it below.