Responsive Navigation: Optimizing for Touch Across Devices | Responsive Web Design

Responsive Navigation: Optimizing for Touch Across Devices

Luke Wroblewski and Jason Weaver take a look at a series of touch screen devices ranging from 4″ smart phones up to 13.3″ touch screen tablet/laptops.  They divide the navigation techniques into Split Screen Navigation, Multi-Level Bottom Navigation, Split Screen Navigation with a background, and a Single Row.  They also take a closer look at the easy/okay/hard touch areas across all of the devices.  As usual, smashed it!

As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes? In these demos, Jason Weaver and I decided to find out.

An excerpt from Responsive Navigation: Optimizing for Touch Across Devices

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.