Enhancing for Engagement: Recreating the LMS
PeopleFirst
User Research | UX & UI Design | Design System
Learning
"Full details are restricted by NDA, but the core strategy and research are documented here"
How do you turn "required reading" into delightful discovery?
Tasked with revitalizing a legacy LMS, I looked beyond the surface to fix the underlying friction in the user's journey. In 9 months, with new design system and navigational flow, we created "one-click" access to Learning, reducing process time by 84%
The major result ? Updated UX Strategy Shifted Employee Behavior : turning a platform of "have-to" tasks to a where users now self-initiate learning, increasing return rates by 34%
Home Page
Key features of Redesign
-
One click access to learning
-
Easy Navigation
-
Enhanced Course selection relevant to user
-
Visual Enhancement
Before
After
Course Content
-
Enhanced Layout, better space utilisation
-
Course information more accessible
-
Optimised design for mobile
-
Added provision for Transcripts and notes
Why the redesign works
Course List and Details
-
Visual Hierarchy is balanced
-
Clear breadcrumbs for better navigation
-
Improved sorting and filtering
-
Optimised design for mobile
Why the redesign works
Before
After
1.
Context
Reliance Industries has a workforce of over 0.4 million and our internal LMS provides a centralized platform for employees to access training materials.
However, this legacy LMS was outdated and we recognised the need for a smart & modern learning management system that will meet the evolving needs of the employees.
2.
What did we hear?
For Primary Research, we ran Surveys, 25+ interviews and contextual enquiries with Employees.The painpoints were made in to an Affinity Map to find patterns, create personas and extract actionable insights.
What was
critical?
The top 3 critical 'quotes' were identified for creating actionable insights
It is very difficult to find assigned courses- I end up asking my colleagues where to find it
UX
It looks really old- That grey background reminds me of old computers
UI
I use the platform once I get
e-mail reminders on course deadlines. Most courses I see are not relevant
User Behaviour
3.
What did we see?
Heuristic Analysis and Benchmarking was done to further understand the existing system and find the gaps against design standards and industry standards
4.
What did we learn?
From Research User Needs and corresponding Actionable were identified.
User Need
-
A visual revamp of the platform was essential.
-
Better Navigation and Discoverability of content
-
A personalised and delightful experience, to increase engagement and return rate.
-
Easy team tracking for Managers
-
Networking and Mentorship from experienced professionals
-
More accessible content for on the go learning
Actionable
-
A well defined Design System
-
​Nomenclature and Information Architecture should be updated to better Navigation
-
Personalised dashboard to focus on relatable content
-
Skill based tagging of team for managers
-
Enhanced Mentorship focused modules
-
A mobile app for Learning can make the content more accessible.
5.
The Problem
-
The Problem: The current platform had navigation problems and irrelevant content that affected the return rates.
-
The Strategy: Use a mix of courses and mentorship to keep employees growing.
-
The Goal: Turn "PeopleFirst Learning" into a clean, personalized, and engaging platform.
How might we create a personalized learning experience that employees enjoy using, while giving managers the data they need to help their teams grow?"
6.
What did we do?
First we created the skeleton of user flow from for MVP. Detailed IA was created from this.
Updated
UX Strategy
We redefined the LMS UX to focus on three pillars:
clean UI, internal mentorship, and career incentives.
the key differentiator was human connection: providing direct access to experienced mentors.
By integrating networking, gamification, and linking certifications to appraisals and promotions, we transitioned the employee mindset from 'additional chore' to 'professional self-development,' significantly increasing platform return rates.
Structuring
​
We created basic structure of mobile screens followed by Desktop. Detailed UI screens were later developed. HomeScreen Structure is given below:
JIO DS 2.0
Design System
We implemented our New design System , for consistent and aesthetic design
7.
Sample Screen & Features:
Home page
The new design brings key actions front and center, making 'to-dos' accessible in a single click
Gamification is added to the experience
Course suggestions are tailored to the user’s professional needs, ensuring content relevance remains the top priority.
8.
What do the users say?
We debuted the redesigned LMS to 500+ employees at the PeopleFirst Expo 2023.
What worked?
-
Streamlined Navigation: "Assigned Courses" now accessible in one click.
-
Course Content page: Redesigned for high engagement and accessibility.
-
Visual Identity: Modernized look and feel received high praise.
-
Gamification: Skill tracking and goals to drive retention.
What more?
-
Employees Suggested Multi-lingual support for Field Force training
-
More Community Forums and Activities
What would I add?
-
AI Integration: Leverage AI to accelerate secondary research, surveys, and data analysis.
-
Skill based info-graphics can be added to manager dashboard for better leadership visibility which is currently available only in admin mode.
-
A mentorship focused personalisation can be provided for higher level managers and experienced staff.
-
Growth Visualization through milestone-based graphs and recognition badges to boost engagement
