Navigation & IA

Jimdo, 2021

Jimdo’s core product is a website builder that aims to be the easiest in the market. Product strategy was increasingly shifting to a connected multi-product experience, while we heard from users that finding what lived where in individual products was challenging.

Years of iterative MVP experiments had led to irreconcilable journeys and mixed metaphors in different products.

Practice:

User research

Quant research

Interface design

Tools:

Figma

Maze

Playroom

Fullstory

 

Challenge: How to approach a fractured cross-product journey when cross-product is becoming company strategy?

Response: Build a discoverable, extensible IA and a navigation to fit current and future needs.

 

Background

Over the course of dozens of user interviews across various features (from copy-pasting page elements, to creating onboarding guidance for new users) we were beginning to hear a pattern of feedback - that our navigation was a barrier to users creating their websites effectively.

Since the core product launched 5 years ago, several add-ons, sub-products and features had been added, but often as MVPs without thought to broader product journeys. In each case the process of using the product was simple and effective - but finding out it existed at all, or remembering where it was the next time you logged in, was a challenge.

 

Discovery

To establish if this was accurate we combed through previous usability studies and surveys, ran new rounds of moderated user testing, and went through Help Centre usage data - as well as speaking to our Customer Support staff and creating custom FullStory filters to watch user navigate directly.

From all these data points we established that something like 1 in 10 support tickets was a direct result of our navigation and information architecture - people struggling to find what features were available or how to find them.

To try to gain momentum for the project and justify some resource allocation, we challenged Jimdo staff and management to complete the same journeys we were expecting users to complete

We did this as a tree test - that is, away from their familiar visual navigation, so muscle-memory and simple recall can’t do the work for them.

For some core cross-product journeys that we intended to result in upselling to more expensive packages, only 4% of Jimdo staff and management reached the goal.

 

Testing

Establishing that IA is a problem area is the easy part. Establishing what should replace it and how to improve it in a way that was extensible and scalable is trickier.

We took a content inventory of each in the product journey, and went through a workshop with internal stakeholders from content design, product management, and marketing, in order to find better terminology for complex features and establish a clearer hierarchy for information in each product.

With that complete we launched a series of tree tests to check against our Jimdo employee baseline - in almost every case we saw significant improvements.

Screenshot 2021-10-18 at 07.58.33.png

To accomodate an improved information architecture and to ensure cross-product navigation was possible, we also worked on developing new navigation concepts and interactions.

We did two rounds of unmoderated testing to establish whether one model was preferable to others, and a round of moderated interviews to discover where we’d made errors in our reasoning.

Screenshot 2021-10-18 at 08.35.00.png

We also made sure to document both the decision processes that led to these navigations and the ways by which they can be extended, amended and improved in future in our internal documentation.

Screenshot 2021-10-18 at 08.38.50.png
 

Production-ready proof

Parallel to moderated and unmoderated testing was an experiment to determine the technical feasibility of sharing a navigation component between teams - one more complex than the functional components that comprised the other elements of the design system.

Screenshot 2021-10-17 at 22.27.22.png
Screenshot 2021-10-18 at 08.03.42.png