DevNet Docs Redesign

Employer:
CISCO

Our Role:
UX, VISUAL DESIGN, RESEARCH

Platform:
WEB

A BETTER WAY TO SEARCH FOR DOCS

PROJECT BRIEF

The task was to clean up and create a more user-friendly way for both the developers who are looking for docs and our internal content team to update the documentation. Before this update, the page needed to be manually updated every time a new doc needed to be added and lots of docs were missing since developer.cisco.com has over 310 docs but before this redesign 80 were on this page.

PRODUCT RESEARCH

It all starts with what are the needs of the people consuming the content and the people producing the content. When talking with users lack of being able to quickly filter docs as well as good brief descriptions were real pain points for users. On the content-producing side, it was about how do we keep this page updated with limited resources.

RESULTS

– User return rate went from 1.4 to 4.4 times
– 44% of users where are able to find content faster
– Automating the page going from 80 docs to showing over 310
– Working with the content team to clean up docs on the backend for better tagging and description

Taking a step back and a deeper look

When going into this project the biggest thing was to step back and look at the bigger picture. I created a Miro board to cross-collaborate to work with our content team. To look at what content is missing and what is needed as well as documenting issues from user research.  This helped us get on the same page and divide up the work needed from the design and content teams.

Explore what’s new and focus on search

We broke the page into two pages the first focused on the search and most popular Documentation. The second was to create a more granular level of search giving more filters and allowing users to drill down and find the documentation they were looking for.

A better way to search and filter

Out of the user research searching and finding content was something users lacked. We worked hard with the content team to fix the tagging and write better titles and descriptions to create an easier way for users to find the content they were looking for