Zoom class 
improvement

User Experience

The prompt is to design for better in-class communication during Covid-19. I want to redesign the most commonly used tool-Zoomto address some major pain points students and professors experience in telecommunications. 

11/20-12/20

Individual Project

Role:

UX

User research

User journey

Wireframing

Prototyping

User testing

Mockup2.png
1.png

Through personal experience and observations, I found out that college students struggle with Zoom classes compared to in-person learning, due to the lack of concentration and difficulty to concentrate in class.

Find out users' experiences with online classes

userjourneymap-10 1 (1).png

Findings

Listen to class

1. Students don’t know when to speak when eye contact is missing from online learning.

Class discussion

2. More awkward silence when the professor asks open-ended questions.

3. Hard to confirm student’s level of participation in class.

After class

4. Students can’t receive feedback in time

Asset 33.png

Pain point 1

Asset 32.png

Pain point 2

Insights

Difficult timing to speak in class

Difficult to give instant feedback

Define design goals

Asset 36.png

GOAL 1: 

Make speaking more efficient in class

  • Indicate the professor when students want to speak in class at any time

  • Allow students and professor to see who is ready to speak in order

  • Students can type and save their questions

Asset 37.png

GOAL 2: 

Encourage student to give instant feedback

  • Allow the professor to check on student’s level of participation easier

  • Avoid moments of awkward silence by letting students to give instant reactions

  • Create a more interactive way of giving feedback

Brainstorming ideas

crazy 8-12.png

GOAL 1

How might we make speaking in class more efficient?

  • Create a waiting line for students who want to ask questions, professor will answer questions in order

  • Using pop up box with reactions or voice generation to avoid awkward moments of silence.

GOAL 2

How might we make class participation more active?

  • Let class see instant reactions in the live chat format

  • A collaborative board that prompts a more interactive class discussion format

crazy 8-13.png

USER CASE 1

How to best take the opportunity to speak in class

Based on the first goal, I created a user flow that highlights students and professor’s actions in using a speaking line function to increase opportunity to speak in class. From here I created low-fi protoypes to visualize the steps.

userflow 1
userflow 1

press to zoom
wireframes student
wireframes student

press to zoom
wireframes professor
wireframes professor

press to zoom
userflow 1
userflow 1

press to zoom
1/3

STUDENT

Feature 1-Raise your hand to avoid multiple people speaking simultaneously

The raise hand function makes in class interaction more efficient, by indicating the professor at any time, students no longer need to save questions till the end. 

Type 12.png
Type 12.png

Feature 2-Q&A makes in-class inquiry straightforward

Student has the option to type questions and can easily receive and manage answers from the professor.

Group 41 (1).png
icon animation professor.gif

PROFESSOR

Allow professor to answer questions in time

While students are added to the list, professor can see who is speaking in order. Professor can choose to answer questions privately through the chat box.

Type 12 (1).png
Group 33.png

USER CASE 1

How to increase class participati on and active level

New features incorporated into Zoom that encourage students to be more active in class participation, including an alert window to remind students to respond more when the class is silent, and a collaborative board to post feedback to other’s presentations.

1. DURING AN AWKWARD SILENCE IN CLASS

userflowb.png

2. DURING SOMEONE'S PRESENTATION

icon animation professor.gif

PROFESSOR

Feature 1-Reminder that asks students for feedback

Professor can send a reminder to students with a note that asks them to give feedback when no one wants to talk, so the professor doesn’t have to sit through awkward silence.

Type 12 (4).png

STUDENT

Increase students' chances of giving feedback

The class sees the professor’s message. Students choose to talk, write short responses, or send emoji reactions. Students’ feedbacks appear in the form of live chat, and everyone can check on class participation easily.

Type 10 (1).png

STUDENT

+

icon animation professor.gif

PROFESSOR

Feature 2-Collaborative board for more engaging discussions

A collaborative board is integrated into Zoom that allows the class to post notes, images, comments, and draw. This feature allows more interactions such as group brainstorming to happen in online classes.

Type 16.png
Type 16.png

Usability testing

I did two rounds of usability testing on both user cases. In each round, I asked the user to describe what they see and expect to see after each operation, and any confusion. After the first round, I made changes to the UI design which was shown as the final outcome above; after the second round, I made some changes to case one’s UX flow.

ROUND 1

Law of Similarity–make operation buttons tied together

User case 1: Improving the design of student control panel

Type 17.png

BEFORE

AFTER

ROUND 2

Add an answer saving function to the existing flow

User case 1: User wish to save answers to desktop for record-keeping, also to see other students' questions as references

Type 12 (5).png
Type 12 (5).png

Evaluation

WIN

  •  I understood the needs of the users through interviews and research, and delivered a solution that addresses the user pain points.

  • User familiarity was considered throughout. The final solution integrated successful features used by other platforms to Zoom, but also blended well with the existing UI design and user pattern. 

  • Student users found the new "raise hand" function more efficient and easier to use than the existing Zoom chat feature.

NEXT STEP

  • I would like to perform user testing on professors for the next stage. If possible, I would also like to ask a few students and a professor to go through the prototype together and give collective feedback, in order to maximize a classroom simulation. 

PREVIOUS PROJECT
Button
PREVIOUS PROJECT