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