Design Is Contagious

Design Is ContagiousDesign Is ContagiousDesign Is ContagiousDesign Is Contagious
  • Welcome
  • UX Case Studies
  • Visual UI & Concepts
  • Motion Graphics Videos
  • Graphic Design and Art
  • UX Design Challenges
  • Entrepreneur Startup's
  • About Me
  • Let's Talk

Design Is Contagious

Design Is ContagiousDesign Is ContagiousDesign Is Contagious
  • Welcome
  • UX Case Studies
  • Visual UI & Concepts
  • Motion Graphics Videos
  • Graphic Design and Art
  • UX Design Challenges
  • Entrepreneur Startup's
  • About Me
  • Let's Talk
MODERNISATION OF EXPERT QNA PLATFORM

Modernisation of Expert QnA Platform

Background


We are investing in a unified Expert System to solve tomorrow's problems and not just handle the scaling needs of today. To do this, we are rebuilding the existing expert system piece by piece from the old tech stack (PHP) into a new tech stack (React), which is faster, more secure, easier to maintain, and more robust. 


This study represents 20% of the traffic on chegg.com. We want to separate the expert experience from the student experience to scale the systems independently. 


What Problem are we solving?


As a Chegg Expert, I require a better mobile answering experience for uploading images, typing text, and viewing all the answering elements.

 

As a business, I need a scalable, robust Expert System with standardized analytics on par with modern technologies.

 

As a business, I want to upgrade the CK editor tool, which experts use to answer questions. 


As a business, I want to release expert initiatives faster by having dedicated infrastructure for Expert System. 


As a business, we want to release expert initiatives faster by having a dedicated authoring editor infrastructure for the Expert System.  

Who Is The User?


We have 160k+ Expert Answerers from India who freelance with Chegg to answer questions. 


They answer 152k+ questions/week from desktop and mobile-web.


Expert Empathy map & persona

Herein we describe the creation of a set of 2 personas focusing on the needs and motivations of two different subjects around assessment and teaching. 

Herein we describe the creation of a set of 3 personas focusing on the needs and motivations of thre

What Are Expert and authoring tool Goals?

GROWTH MINDSET​

ALWAYS BE LEARNING/INFORMATIVE​

GROWTH MINDSET​

We learn and invent with passion, empowerment, and accountability to succeed together​.

RELIABLE​

ALWAYS BE LEARNING/INFORMATIVE​

GROWTH MINDSET​

We strive to offer reliable and straightforward solutions to delight our experts and exceed their expectations every time. 

ALWAYS BE LEARNING/INFORMATIVE​

ALWAYS BE LEARNING/INFORMATIVE​

ALWAYS BE LEARNING/INFORMATIVE​

We challenge each other every day to seek continuous improvement and find joy in what we do allowing us to serve our experts best. 

USER-ORIENTED/ACCESSIBLE​

USER-ORIENTED/ACCESSIBLE​

ALWAYS BE LEARNING/INFORMATIVE​

We prioritize ease of engagement and active communication with our experts to ensure transparency. Our platform increases their productivity and ROI.​

ENGAGING

USER-ORIENTED/ACCESSIBLE​

CENTRALIZING EVERYTHING​

The new platform must increase experts' engagement and motivation by awarding achievements, points, and badges based on the system's participation by being transparent.

CENTRALIZING EVERYTHING​

USER-ORIENTED/ACCESSIBLE​

CENTRALIZING EVERYTHING​

We want to create a centralized experience connecting experts and students to accomplish their most essential tasks.​

Competitive analysis: Editor Authoring Tools Benchmarking

Wyzant

Hello Tutor

Hello Tutor

Hello Tutor

Hello Tutor

Hello Tutor

Edulastic​

Hello Tutor

Edulastic​

Ideation and Wireframe: Low Fidelity

Building Superior Quality Editor Authoring Tools | Enhanced content creation  

  

IDEATION AND WIREFRAME: HIGH FIDELITY

Building Superior Quality Editor Authoring Tools | Enhanced content creation  

  

Responsive Breakpoints

1200px > 900-1199px

600-899px > 375-599px > 320-375px

600-899px > 375-599px > 320-375px

  • Count: 12
    margin: 48px
    gutter: 24px.   
  • Count: 12 and 8
    Margin: 48px
    Gutter: 24px

600-899px > 375-599px > 320-375px

600-899px > 375-599px > 320-375px

600-899px > 375-599px > 320-375px

  • Count: 8
    Margin: 48px
    Gutter: 24px
  • Count: 4
    Margin: 16px
    Gutter: 16px

Prototype & MVPs

Drawing Tool

Prototype

Tag the question recommendation

Prototype

Add Explanation

Prototype

Live Demo in Test Environment: Structured Answering Workflow

Launched in Oct 2021 to 177 accounting subject experts. 

Post Launch in Oct 2021-Guerrilla Testing and UX Survey@At-R

UXR Interview Key findings

UXR Survey Results

 

Key UXR Interviews

To reveal areas of confusion and uncover opportunities to improve the overall user experiencE

New Workflow: 7 of 7 experts understand the new workflow- Tagging, Step by Step, and Final Answer. They found it a systematic and structured way of authoring.

Authoring Experience: All the 7 at-risk experts have made slow progress in their answering count since Expert 2.0 release in December 2021.

  • Naved ~ 250/m
  • Adarsh ~3000/m
  • Divya ~ 30/m
  • Pawan ~600/m
  • Rose ~ 3000/m

3 of 5 experts were active during the Nov-Dec rush; 2 of 5 experts wrote their exams.

Onboarding Time: The transition was ~10 days for the experts to get used to the new interface. 

LMS Modules: It was helpful. However, a more detailed walkthrough of the individual editor features, use, and functionalities available in the interface could be more helpful. For example, the "help tutorial" should be available for regular access.

Student Question: Zoom in/out features for student questions images. Experts found the Image rotation feature helpful. Better utilisation of real estate with expands and collapse capabilities.

UX Change log

UX Process & Methodology

Product Discovery Process: 


We have created a modified version of the Google design sprints methodology to help us integrate design thinking in our discovery process.


Step 1: Understand, Define and Align - 2-3 weeks. ​

Kickoff, Understand needs, collect data, User journey mapping​

​

Step 2: Ideate - 1 week per design sprint​

Recap of learnings, Ideation workshop, Prototype, test, Wrap up with next steps​

​

Step 3: Iterate & Combine - 4 weeks​

Top ideas generated in design sprints , Identify areas of friction & dissonance, Create a unified end to end experience across web & native.


TImeline: 1 week per design sprint


Participants: Core (PM, UXD, EXR, UXCD, PMM), Specialists (Data science, content) Run parallel design sprints for each focus area identified.  •These sprints are run best when all participants are together in person for a week. They clear out their calendars and are 100% focused on the sprint.    

   

Include native team in each area of work. They will work asynchronously on ideation & prototyping but join in for synchronous sharing at specific milestones.   

Design System Visual components

Editor icons

Vector illustrations

  

  

Color palette

Increased focus on accessibility than it was previously. Additionally, each component has been reviewed by Deque for additional to ensure we meet a11y standards and will be acceptable for all types of users. 

  

Enhanced components

More advanced components with cleaned-up code. 

​

What Are The Acceptance Criteria Before Launch?

An expert should be able to skip a question on the new platform.


An expert should be able to post text/image-based answers to a question on the new platform.


An expert should be able to navigate to the dashboard on the old platform from the new answering platform.


When an expert answers a question, the answer should show up in the "My Answers" section and update the My stats for the day, week, and month for the same expert.


When a student/SME rates an answer(excluding India IP ratings), it should show up in rated solutions and update the My stats CF score for the expert for the day, week, and month.


When an expert applies any dashboard message rules, the particular message should appear on the dashboard. 


When a student comments on an answer, that comment should appear in the list of statements shown to the expert on the view answer page. 


When the expert comments on an answer, the following should happen:

Student comments should show on the expert's view answer page.


The student(question asker) should be notified of the new comment

The student(question asker) should see the words while they view the answer page. 


Risk: 

Experts' adaptability to new systems might impact the KPIs.   

Expert experience hindrance due to any issue in the handshake of the old and new applications.


Mitigation:      

We will test this with a   controlled user test to ensure the KPIs are not impacted and then roll it out to other experts.


If we see any impact on the KPIs, we will roll back to the current experience. We will provide a fallback to redirect to recent answering experience.

Design Thinking Workshop: Being Facilitator

The introduction of Design Thinking culture is not a linear path, it's a big mass of looping back to different places in the process. 


The thought process intends to

  • Make people aware how creative thinking is conducted 
  • Emphasis on developer inclusivity in user centric design and not UX team

Other Case Studies@Chegg

Legacy Text Book Solutions UX Redesign

As a Signed-in employee: I want to easily navigate across Chegg surfaces so that my experience across Chegg remains uniform. I want to be able to access TBS solutions across mobile devices so that I can access TBS easily from anywhere.


Read more

OCR for Handwritten Answers

For Students and Experts: Currently, ~80% of all new questions and answers posted are images. Enhanced OCR is a new model developed by data science and UX which enhances the output of the question posted in the form of image resulting in better readability of the question text. 


Read more

Content Discoverability using Camera

Camera to discover content: Having a visual indication of solutions that are Enhanced content or contain video will enable the user to choose the best solution to fit their needs. Camera as a search method is becoming a basic feature for students to expect in content and search-oriented apps


Read more

Copyright © 2023 All Rights Reserved.

  • Welcome

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

Accept