Improving platform navigation with a smart homepage

Making it faster and easier for employees to access what they need within Lyearn with improved platform-wide navigation patterns and a redesigned employee homepage that functions as a smart stack of all the things they need to see and do.

Improving platform navigation with a smart homepage

Making it faster and easier for employees to access what they need within Lyearn with improved platform-wide navigation patterns and a redesigned employee homepage that functions as a smart stack of all the things they need to see and do.

Improving platform navigation with a smart homepage

Making it faster and easier for employees to access what they need within Lyearn with improved platform-wide navigation patterns and a redesigned employee homepage that functions as a smart stack of all the things they need to see and do.

What does Lyearn do?

Lyearn is an employee productivity tool used by organizations. It helps teams align on shared goals, upskill with continuous learning, improve performance, and maintain engagement.

Check it out

The Problem

Lyearn offers more than 12 core features across 4 different modules. As employees have a lot of tasks to complete, it can be challenging for them to prioritize and decide which actions to take and when. Moreover, accessing these features requires several clicks, which is time-consuming and frustrating for users.

To help users stay organized and quickly access the features they need, we needed to provide an efficient way for users to get to the most important tasks quickly.

My Role

I worked as the product owner and lead designer along with a product manager on research & strategy and 2 junior designers on design and execution.

Target Users

Employees and Managers in organizations.

Timeline

2 months.

My Role

I worked as the lead designer along with a product manager on research & strategy and 2 junior designers on design and execution.

Target Users

Employees and Managers in organizations.

Timeline

1 month.

My Role

I worked as the lead designer along with a product manager on research & strategy and 2 junior designers on design and execution.

Target Users

Employees and Managers in organizations.

Timeline

1 month.

The Research

With our goal of giving users a faster and smarter experience in getting to their tasks on Lyearn, we decided to first measure how long the current journey took.

How many clicks does it take to achieve some of the most common user goals on Lyearn?

The Solution

We decided to tackle the problem in 2 ways -

Faster Navigation

Reduce the number of clicks it takes to achieve the user's goal.


Reduce the number of clicks it takes to achieve the user's goal.

Reduce the number of clicks it takes to achieve the user's goal.

Plan of Action

Build a simple top navigation bar and a homepage with multiple access points upfront.

Smarter Navigation

Reduce the user's cognitive load in figuring out what to do.


Reduce the user's cognitive load in figuring out what to do.

Reduce the user's cognitive load in figuring out what to do.

Plan of Action

Build a dynamic homepage that intelligently shows tasks in order of relevance and priority.

I. Top Navigation & Breadcrumbs

The current navigation had issues of discoverability and nesting.

We mapped out all the user flows on Lyearn and categorized them into modules. The new bar is broken down by these modules to give a familiar and intuitive experience.

We also brought in breadcrumbs into a sub-navigation bar. This eliminates the problem of nesting and repeated Back-button clicks.

The navigation bar is static on most pages to allow users to move from one feature to another with minimal friction i.e., 1 to 2 clicks.

II. Employee Homepage

The current homepage was outdated and focused primarily on Learning. Other features were less accessible to users while being equally important to them.

We redesigned the homepage into a smart, priority-driven card stack. This works as a central hub where users can view a daily snapshot of their work and easily access any workflows. Here, each card

  • Refreshes on a daily basis.

  • Reflects the day’s actions - things time-tagged to today or can be finished today.

  • Has an objective as to why an employee would be looking for it.

  • Conveys information most helpful to employees to achieve their goals.

  • Has a logic as to when it should appear and disappear.

  • Has relevance mapped from the importance-priority matrix that determines its position.

  • Has a CTA to kickstart relevant workflows.

The New Homepage

We used 4 primary ways to understand the problem better and gather data to get us started.

Product Maps

User Interviews

Usage Metrics

Market Research

Here is a glimpse into some of the process -

Product maps made to identify user flows and touchpoints across the platform. Align and Engage flows are shown in the charts above.

Identified touchpoint cards categorized into 4 broad themes.

Card mapping exercise on a Frequency x Urgency matrix by both user personas conducted in user interviews. This helped rank actions on a scale of importance to the user.

We took out the usage metrics for 25 users.
Sample metrics for 2 random users across 4 features as shown above where User A is a manager with 195 reports and User B is an individual contributor.

A peek into the final prioritized list of 30 cards determined by the research for the visual explorations to start.

The Deliverable Cards

Take a look at some of the cards that made it to the final product after several visual iterations and reviews. These cards appear on the homepage of a user in accordance with their relevance and order of priority, providing an intelligent stack of their daily work.

The Final Steps

With a redesigned navigation bar and a new employee homepage, we revisited our click rate metric.

How many clicks does it take to achieve some of the most common user goals on Lyearn with the new navigation patterns?

Navigating through Lyearn got faster.

We also interviewed a pool of 23 employees from different companies to understand if there was any improvement in the cognitive load they felt when completing their work on Lyearn.

74% of users (17 users) reported that it became simpler to figure out how to get started with their day's work on Lyearn.

The remaining 6 users reported no change in the cognitive load due to either a mismatch in the priority index of the cards on the homepage or confusion over the overwhelming number of actions to perform.

For a majority of users, understanding what to do and when on Lyearn got easier with a smarter homepage.