OVERVIEW

DEFINE

IDEATION

DESIGN

IMPACT

OVERVIEW

DEFINE

IDEATION

DESIGN

IMPACT

Live Class

The all new Experience

For

Classplus

Services

Leading the Project with 2 designers

Industries

FIGMA

Timeframe

September 2022 2 weeks

OVERVIEW

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.

Problem Statement

To stop our client from moving out of our platform due to sub standard of out Live class platform by enhancing its user experience through technology and design

DEFINE

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


Competitive Analysis

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.

Graphy Live Class


PRO

  • 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

CON

  • 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


Teachmint Live Class

PRO

  • 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.

CON

  • Can’t disable chat for specifc students

  • Can’t pin chat\

  • Chatting in portrait mode was difficult


Benchmarking

We analysed major market player which support video streaming which our users were also using that were Google Meet, Zoom

Google Meet

  • Widely Used

  • User friendly , intuitive UI

  • Pre joining screen gives sense of security & satisfaction

  • Have white boarding option

  • Have Fluidic cross platform design


ZOOM

  • Widely Used

  • Advanced options for video sessions

  • Join Audio screen is confusing

  • Have white boarding option

  • Can handle large audience

Graphy Live Class


PRO

  • 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

CON

  • 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


Teachmint Live Class

PRO

  • 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.

CON

  • Can’t disable chat for specifc students

  • Can’t pin chat\

  • Chatting in portrait mode was difficult


Benchmarking

We analysed major market player which support video streaming which our users were also using that were Google Meet, Zoom

Google Meet

  • Widely Used

  • User friendly , intuitive UI

  • Pre joining screen gives sense of security & satisfaction

  • Have white boarding option

  • Have Fluidic cross platform design


ZOOM

  • Widely Used

  • Advanced options for video sessions

  • Join Audio screen is confusing

  • Have white boarding option

  • Can handle large audience

Understanding Users

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

IDEATION

Wireframing- Low Fidelity

Wireframing- Low Fidelity

Hi- Fidelity Designs

Tutor Side


Student Side


Featured Screens

Tutor Side


Student Side


Featured Screens

Showreel

Showreel

Imact & Outcome

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.

The new live class experience help in not only just retaining our customers,but also in increasing our customer base by onboarding new ones.

We run a review of new live class and it had an NPS score of 82

Below are the internal feedback shared by users.

The new live class experience help in not only just retaining our customers,but also in increasing our customer base by onboarding new ones.

We run a review of new live class and it had an NPS score of 82

Below are the internal feedback shared by users.

Next Project

Snapdeal Redesign

Back to work

Back to work

Next Project

Snapdeal Redesign

Back to work

Back to work

Next Project

Snapdeal Redesign

Back to work

Back to work


For best experience

Rotate your phone for landscape mode
or
view on Desktop/Laptop


For best experience

Rotate your phone for landscape mode
or
view on Desktop/Laptop