top of page
A tale of UI/UX Innovation 
to craft connections through the integration of an
Ice-Breaker feature in Zoom web app
hh.png

Problem Statement
 
As a student, I often have online classes on Zoom. I often see the first 10 minutes of the lecture go by deciding on an ice-breaker followed by doing an ice-breaker on Zoom which again takes time, during Zoom calls, furthermore, from a batch of 60 students, mostly only 10 or 15 students took part in those activities, so when my professor asked in frustration for a better way, I thought of leveraging my UIUX skills to solve it, and redesign zoom app experience.

Challenge: 

Enhance Zoom web app, by adding ice-breaker feature

Tools used:

Figma, Google Forms, UseBerry, and Canva

Team:

3 (1 Desginers, 2 Product manager)

Time:

 2 month (Nov 2023- Jan 2024)

Existing Challenges

So, in the Zoom app right now, people have trouble getting each other during online meetings – whether it's remote work, talking to clients, or virtual classes. Even students find it tricky to team up. We saw this gap and decided to amp up Zoom. Now, it's got features dealing with the awkwardness and boosting how we connect virtually. Making online chats way smoother and way more fun!

Design Thinking approach

After understanding the need for this feature in the existing Zoom meeting and the web app, I decided to use the design thinking method to develop the case study, and better break down the problem to understand the solution of it.

Understanding the user

Understanding the Problem

Sketching the ideas

Building the prototype

Testing the final app 

  • Conducted user interviews

  • Did Personna building

  • Built Customer Journey

  • Analyzed the data collected

  • Competitors analysis

  • Brainstormed the ideas 

  • Did Feature prioritization

  • Worked on lo-fi frames

  • Built Prototype

  • Conducted Usability testing

  • Iterated on Prototype

User Interviews

The user interviews were conducted in the form of Google form filling, where I had 11 participants out of which two were UI designers, six were students and three were professors, who were asked a set of 10 questions. The questions I asked are drafted on the right 

Out of the 11 participants in the study, I have drafted one persona below, which include the student who will be taking her first class, and another one from an organizer perspective, that is the professor

Link to the google form used for the user interview-  

How ofted do you use zoom for video call?

How ofted do you use participate on zoom calls?

Are you someone, who likes to take the lead or take  initiatives  in a zoom call or remote meetings?

Have you ever felt uncomfortable or awkward in a Zoom meeting with people you didn't know?

How important is it for you to build rapport or establish a connection on zoom call?

Have you ever felt uncomfortable with strangers during zoom calls or breakout rooms?

In that case, do you prefer to use some kind of ice breakers?

What are you go to ice-breakers in online meetings or zoom calls?

Personas Building

User Persona_Zoom.png
User Persona_Zoom (1).png

Customer Journey

Building the customer journey for my user, in the existing Zoom app highlights the differences and gaps the app has currently, and also the paint points leading to the opportunities, that we as a team was trying to solve through this case study.

Zoom.png

Analyzing the Data Collected

How often do you video call using Zoom?
Sometimes (Bi-weekly)
Daily
Have you ever felt uncomfortable or awkward in a Zoom meeting with people you didn't know?
Never
pi5.jpg
Daily
Once or twice
Have you used ice-breakers on Zoom calls?
Yes
Pi8.jpg
No
How often do you participate in zoom calls?
Depends on people, agenda etc
Pi2.jpg
Almost never
Actively 
How important is it for you to build rapport or connection with others in a Zoom meeting?
Somewhat
pi6.jpg
Absolutely important
What kind of ice-breakers do you prefer?
pi99.jpg
Two truths and one lie
Other
None
Are you someone who often takes the lead on a zoom call?
Sometimes
pi3.jpg
No
Yes
What are you more comfortable in 1:1 calls, or team calls?
Teams call
pi7.jpg
1:1

Market Analysis

After researching and understanding the paint points of my users, it was essential to see, which apps in the market, currently acutally address these problems. So I went ahead and conducted a market analysis.

Ease of Use

Cost

Security and Compliance

Breakout rooms, reactions, hand raising, and polling

Limited engagement features. Integration into Google apps

Chat, threaded conversations, @mentions and emojis.

Virtual backgrounds, reactions, and emojis.

User-friendly interface. Intuitive controls.

Various pricing plans, including free and paid options

Limited features addressing psychological barriers.

Reactions, emojis, and personalized backgrounds

Simplicity and ease of use.

 Feature-rich interface. May be perceived as more complex.

 Google Workspace with various pricing plans

Included in pricing plans, with productivity tools.

 End-to-end encryption for meetings.

Encryption and security measures.

Adheres to security and compliance standards

Criteria

Features for Virtual Collaboration

Z.jpg

Upto 1000 participants.

GM.jpeg

With Google Workspace integration.

logo.png

Upto 300 participants, and Microsoft 365 integration.

Engagement and Interaction

Psychological Barriers

Brainstorming

Based on the market gaps analysis, I understood what competitors lacked and what Zoom could improve on. And then drafted solutions in the form of a brainstorming session with fellow team and product managers.

Mind map.png
IMG_6683.HEIC

Feature Prioritization- MoScoW approach

Now based on the mindmap, we drafted features and did feature prioritization based on a intense discussion with product manager, and feasiblity of the features

MoScoW.jpg

Low-Fidelity Wireframes

To draft the flow of the features and how we will integrate this into the existing Zoom application we drafted wireframes

WhatsApp Image 2024-01-06 at 18.21.30 (1).jpeg
WhatsApp Image 2024-01-06 at 18.22.09 (1).jpeg
WhatsApp Image 2024-01-10 at 21.00.59 (1).jpeg
WhatsApp Image 2024-01-10 at 21.00.59.jpeg

Hi-Fidelity Wireframes

We converted these sketches into a hi-fidelity prototype to further get a picture and add interactions and get a whole picture of the flow

User interface flow-
Host screen

User interface flow-
Participants screen

 I am working on the testing part of it, if you want to know more you can
reach out to me at sonipinkle@gmail.com

Reach out to me

  • Linkedin
  • Outlook Email
  • Gmail
bottom of page