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.
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
Listen to class
1. Students don’t know when to speak when eye contact is missing from online learning.
2. More awkward silence when the professor asks open-ended questions.
3. Hard to confirm student’s level of participation in class.
4. Students can’t receive feedback in time.
Pain point 1
Pain point 2
Difficult timing to speak in class
Difficult to give instant feedback
Define design goals
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
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
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.
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
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.
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.
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.
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.
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
2. DURING SOMEONE'S PRESENTATION
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.
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.
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.
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.
Law of Similarity–make operation buttons tied together
User case 1: Improving the design of student control panel
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
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.
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.