Overview

Problem

Design

Result

Live Class

Live Class

All new Live Class for enhancing tutor and Student Experience

All new Live Class for enhancing tutor and Student Experience

All new Live Class for enhancing tutor and Student Experience

All new Live Class for enhancing tutor and Student Experience

In the dynamic realm of online education, the Live Class feature on the Classplus platform has witnessed a remarkable surge in adoption and utility among tutors. Over the past years, diligent efforts have been invested in refining its functionality and technical infrastructure. However, the user interface (UI) and user experience of the Live Class feature has remained untouched for an extended period. In response to accumulating user feedback from both tutors and students, this UX case study delves into the strategic process of reimagining and revitalizing the Live Class UI.

In the dynamic realm of online education, the Live Class feature on the Classplus platform has witnessed a remarkable surge in adoption and utility among tutors. Over the past years, diligent efforts have been invested in refining its functionality and technical infrastructure. However, the user interface (UI) and user experience of the Live Class feature has remained untouched for an extended period. In response to accumulating user feedback from both tutors and students, this UX case study delves into the strategic process of reimagining and revitalizing the Live Class UI.

In the dynamic realm of online education, the Live Class feature on the Classplus platform has witnessed a remarkable surge in adoption and utility among tutors. Over the past years, diligent efforts have been invested in refining its functionality and technical infrastructure. However, the user interface (UI) and user experience of the Live Class feature has remained untouched for an extended period. In response to accumulating user feedback from both tutors and students, this UX case study delves into the strategic process of reimagining and revitalizing the Live Class UI.

In the dynamic realm of online education, the Live Class feature on the Classplus platform has witnessed a remarkable surge in adoption and utility among tutors. Over the past years, diligent efforts have been invested in refining its functionality and technical infrastructure. However, the user interface (UI) and user experience of the Live Class feature has remained untouched for an extended period. In response to accumulating user feedback from both tutors and students, this UX case study delves into the strategic process of reimagining and revitalizing the Live Class UI.

For

Classplus

Services

Leading the Project with 2 designers

Industries

FIGMA

Timeframe

September 2022 2 weeks

Problem Statement

The Live Class feature on the Classplus platform has experienced substantial growth and adoption among tutors over the past few years. While various improvements have been made to its functionality and tech stack, the Live Class UI has remained unchanged for a considerable period. To optimize the user experience and address feedback from tutors and students, we aim to revisit and revamp the Live Class UI. Additionally, we must prioritize the implementation of the two most requested features by tutors, which will enhance their overall experience and reduce their reliance on third-party software, thereby bridging the existing gap.

The Live Class feature on the Classplus platform has experienced substantial growth and adoption among tutors over the past few years. While various improvements have been made to its functionality and tech stack, the Live Class UI has remained unchanged for a considerable period. To optimize the user experience and address feedback from tutors and students, we aim to revisit and revamp the Live Class UI. Additionally, we must prioritize the implementation of the two most requested features by tutors, which will enhance their overall experience and reduce their reliance on third-party software, thereby bridging the existing gap.

Approach

Approach

As it was a project with tight timeline, we followed a Deep Dive Approach. First , we analysed our current platform and our competitors to understand what they were offering that we don't.
We then brainstormed the ideas and build and initial Design and show cased the prototype to stakeholder and users.

Step 1 : Analysis

First , we analysed our current platform and our competitors to understand what they were offering that we are not.

Few UX issues that we find and were concerning

Tutor Side

  • Takes 30+ seconds to go live

  • Showing toasts for every single action. Becomes overwhelming.

  • Small window for camera preview before live class starts.

  • No indication of where to accept/reject handraise on tutor side except a toast

  • UI needs to be improved

  • Can’t share screen with video turned off

  • 10+ sec audio/video lag between tutor and student

  • As a first time user, post ending the live session, there is no information when the live recording will be available.

Student Side

  • When tutor ends live class, student’s live class ends immediately without any message.

  • Needs a waiting room, if tutor hasn’t started the live class

Step 1 : Analysis

First , we analysed our current platform and our competitors to understand what they were offering that we are not.



Few UX issues that we find and were concerning

Tutor Side

  • Takes 30+ seconds to go live

  • Showing toasts for every single action. Becomes overwhelming.

  • Small window for camera preview before live class starts.

  • No indication of where to accept/reject handraise on tutor side except a toast

  • UI needs to be improved

  • Can’t share screen with video turned off

  • 10+ sec audio/video lag between tutor and student

  • As a first time user, post ending the live session, there is no information when the live recording will be available.

Student Side

  • When tutor ends live class, student’s live class ends immediately without any message.

  • Needs a waiting room, if tutor hasn’t started the live class

Competitor Analysis & Benchmarking

Our direct competitor were Teachmint ,AppX and Graphy so we did a quick compitetive analysis on Techmint and Graphy as APPX was verified B2B paid platform.


Teachmint Live Class

Pros

  • No video/audio lag between educator and student

  • Poll experience is better

  • Recordings not available by default. Tutor has to click on record for those live classes he wants to save.

  • Every click has an instant response with no loading or lags.

  • Has two way video and audio like Google Meet

  • Can fullscreen the video

  • Has waiting room for students

  • Can go live instant in one click, no need to add any details.

Cons

  • Can’t disable chat for specifc students

  • Can’t pin chat

  • Chatting in portrait mode was difficult


Graphy Live Class

Pros

  • No video/audio lag between educator and student

  • Clean Interface

  • Intuitive Handraise experience for both tutor and students

  • Every click has an instant response with no loading or lags.

  • Can fullscreen the video

  • Has two way video and audio like Google Meet on handraise

  • Has waiting room for students

  • Poll experience is better

Cons

  • Tutor side go live have an pseudo state which is confusing

  • Can’t disable chat for specific students

  • Can’t pin chat

  • Chatting in portrait mode was difficult


Step 2 : Understanding User Behaviour

Video

Video


Conclusion

Conclusion

Get for Free

Next Project

Suitcase

Back to Work