Bootstrap Themes
Cisco logo

Navigation

In 2019, I was UX Lead on two revamps of the Cisco.com global navigation.

Skills

  • UX design
  • Visual/interaction design
  • Prototyping
  • Wireframing
  • UX research
  • Customer interviews

Tools

  • Sketch
  • Zeplin
  • Axure
  • UserZoom
  • Adobe Analytics

Background

In April 2020, Cisco.com had 26K unique visitors averaging 1.5 minutes on its homepage (Audience Playground, 2020). These visitors are often prospective customers or partners looking to learn more about Cisco products, and use the site navigation as a jumping off point. By looking at click data and also running customer interviews and task-based testing with customers at Cisco Live, the team was able to identify several problem areas to validate updating the navigation.

Problems

Mobile

Earlier versions of the navigation were not mobile-optimized, leading to less engagement from mobile users.

Clicks

Users needed more clicks than necessary to reach their link, especially on desktop with a hamburger menu.

Findability

Users struggled to find what they needed during task-based user testing, such as the language selector.

Styles

Brand styles were updated on the site, but the navigation did not reflect those updates.

Solution

controls
(2019) Created a mobile-friendly navigation, improved findability by moving the language selector, applied updated brand styles. View comparison
nav before
nav after
(2020) Reduced clicks and improved findability by surfacing most-clicked on links.