Speaker Deck

Navigating the Mobile Web (eduweb '14)

by Dennis Kardys

Published August 5, 2014 in Design

What do you do when your website must serve multiple audiences such as prospective students, current students, faculty, and alumni, and you want to make sure all of them can easily get to where they need to go? Add more links! But while wide screens afford plenty of space to pack links into compartments on the page, statistics scream that small screen use is rapidly on the rise. When your visitors' screens fit in the palm of their hand, how on Earth do you translate all that navigation to mobile?

As you add more navigation, your site increases in size and complexity. So does the challenge of translating it to different size devices. It becomes more and more difficult to help people find what they're looking for. The design choices you make and the navigation conventions you rely on impact how people process information and find content. Each time your design adapts to different screen sizes, you create a new landscape your users must familiarize themselves with. Done right, this can lead to more seamless multiscreen, multichannel experiences. Done poorly, and your users will be left frustrated and disoriented. This dissection of mobile UI and IA best practices will help you make it easier for your visitors to find their way around your site ?no matter what size screen they're on.