A Seamless Navigation: Bucknell University’s Mobile Webpage

Approximately 5 billion people across the world use mobile devices so designing mobile webpages that cater to the smaller screen user experience is important. Failing to do so can result in inaccessible content and user confusion. I decided to explore how Bucknell designed the navigation experience for users on the site but specifically for mobile users. Below are screen shots of what the navigation bar looks like:

What really makes this user experience a good design is the stacking of content on a mobile device. Mobile users tend to scroll on their phones so the Bucknell navigation is a place where users can search what they are looking for but also query through the different pages as a second option. Furthermore, instead of crunching all of the subsections for each of the headers, the use of a “+” briefs the content and gives the user the option to explore topics of their interest. In terms of accessibility, I would love to see this mobile experience have “search by voice” to accommodate those that have a disability but generally the navigation consists of consistent fonts and colors that are simple and shortened descriptions for the sections and subsections. These simple design choices leaves the user with easier experiences without any complexity.