Prakerja UX enhancement

Ruangkerja LMS - Improvement

Role:

Interaction designer

 

Project type:
  • Improvement UX CMS
  • UI Bugs
Scope Of Work:
  • User interview
  • Stakeholder interview/ subject matter expert
  • User journey mapping
  • Ideation
  • High -fidility prototype
  • Interaction design
Duration:

1.5 Week fundamental research

2 Week Crafting design

 

Tools:
  • Figma
  • Maze
  • Figjam (Ideation)
  • Google Sheet
  • Confluence
  • Jira

Overview

Background

Ruangkerja is a LMS app that helps companies to centralize the internal training, centralize and streamline training activities within organizations. RuangKerja provides a platform for creating, managing, and delivering various training materials, courses, and assessments to employees.

Problems: RuangKerja's NPS data reveals that a significant percentage of users fall into the detractors category (scoring 0 to 6). This suggests that a considerable number of users are dissatisfied with the app's dashboard experience and the lack of a clear entry point for the learning process. To improve user satisfaction and retention, we need to address specific pain points and issues related to content selection, as well as ensure clarity in activity and achievement tracking.

 

Team effort for this project with 1 UX Researcher (@Fikri), 1 UI designer (@Farhan), 1 UX writer (@wini) and me as UX designer.  

Design process

Scope of work & timeline

The ideation-to-implementation process for this project took 4 weeks to complete and hand over to the developer. The primary challenge in the process was gathering context, as the subject matter experts are mostly account executives with limited availability for ad hoc meetings. This timeline varies depending on the project manager's context, making a strong kick-off design crucial for effective gap analysis.

Product Preview

Before improvement

Here are the previous design before improvement 

Research

Research overview

We conduct fundamental research to find and evaluate user satisfaction and gather feedback on the Ruangkarja platform. This is done to identify opportunities for improvement. Here are some insights we have gathered:

And some quotes user pain point that we found during research and match  the UJM exercise:

With above quote, we try to prioritize the problem (in this use case only one problem cases)

How might we simplify the dashboard interface to help users easily locate relevant information and navigate seamlessly through the platform, reducing the feeling of being overwhelmed

Solution: Streamlined Dashboard Design and Personalized Navigation

Based on the user journey mapping, we discovered that the majority of touchpoint issues revolve around the dashboard's sidebar navigation, information hierarchy, and information breakdown. These challenges do not stem from a lack of reliability.

Furthermore, the heatmap data reveals that users frequently click on specific information, indicating attempted visits (clicks) on the desktop view.

Ideation

Brainstorm and workshop

Following the brainstorming process during the workshop ideation, we prioritized both problems and solutions. Our primary focus was on insights linked to dashboard enhancement. Although this case study showcases only half of the complete project, actual improvements encompass more profound analyses and extensive enhancements across various pages. Notably, the class page, achievement pages, and mobile experience also undergo significant enhancements in real-world projects. Further details can be shared during the interview and on the forthcoming podcast program. Below are the exercise solutions and wireframe ideations.

The information architecture is based on our hypothesis that more users will comprehend the content if we divide the information into two primary information needs or Jobs to Be Done (JTBD):

  •  I want to find the class/ courses available for me
  • I want to see my progress and achievements

Based on this exercise we believe will increase readability by 70%, Benchmark with previous data only show 43, 5% user click targeted CTA (My Class) in a hour to find the dedicated class/ courses

User testing

Concept validation

We carried out moderated UT (user testing) with 5 participant clients, arranged by account executives. Convincing account executives (AE) to allocate time and ensuring the research timeline was feasible for them posed a challenge. The solution involved streamlining the process and running it parallel with participant recruitment.

Considering this was B2B research, we had to be extra cautious regarding availability and reliability. Occasionally, users delved into inquiries about product knowledge, which could lead to complications if we promised features we couldn't explain.

Final Solution

Implementation

We come up with the solution for redesign dashboard that cater 2 main problem based on the insight theming on the validation phases 

 

The Scenario

User want to find out the class/ courses that assign by the company in the dashboard and get started

Task

Searching the class/ courses

Key Feature

New structure information dashboard

Justification

  • 85% of participants expressed positive feedback regarding the findings and navigation for locating the relevant information.
  • Participant understand what assignment class and independent class mean

Bellow are the full design that include mobile experience

Key takeaway

Key Takeaway and learning

Objectivation: On the UX KPI for this project we achieve user adoption and satisfaction (CSAT) by 76% based on the accumulation each objective 

Design Thinking: I believe that for most B2B LMS concerns, the focus will be on the dashboard experience. It requires clear and simple information presentation, along with well-crafted design components that align with UI trends and design principles.

Communication: Ensure that the team remains on the same page; alignment and well-addressed checkpoints are essential for clear direction. I have the strong support of the best team for this project to ensure its successful execution and meeting deadlines. I've learned that Figma prototypes can encounter issues due to internet connectivity problems, necessitating thorough loading and preparation before client presentations. While Maze apps aren't the ideal solution, they can assist in recording and streamlining processes.

 

*The project only includes half of the information due to royalty constraints on creative content. Feel free to ask me more questions during the interview or in the upcoming podcast.