Whatsapp Audio & Video Call Autocaption Feature

Overview

Making Whatsapp video & Audio call more accessible for 2 billion users

Roles

  • Lead designer
  • Interaction designer
  • Visual designer
  • Prototype
  • Project manager
  • Design system

Tool

  • Figma
  • Miro

Introduction

Many platforms now offer close captioning feature making it easy for user experience. Giving a textual representation of what is being spoken and heard on any type of video format as it is happening is referred to as captioning or closed captioning. For those who are total ear loss or have hearing impairments, closed subtitles are designed expressly to help them follow along.

This project elaborates on my design journey in designing a new feature for Whatsapp. This was a personal project.

For people with disabilities :  People with disabilities need extra help in when they need to experience whatsapp even better.

The Goal

To see how we can Improve Whatsapp accessibility through it’s new feature. We will be accessing and looking at platforms that support auto or close captioning features. YouTube, Google meet, 

User Research

How do we solve such annoying problem, Figma, google meet has Instant autocaption when you are on a call.

Design Process or Thinking Process

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Understand

Understand the problem and gather up requirement

UX research

Scenario, User journey map,user stories

Design

Information architecture,sketch flows, visual designs, prototype

Validate

Iterate

User Story

In order to illustrate the key audience of my product, and to help potential stakeholders gain more sympathy for the target issues, I decided to build personas. After combining the major findings from the interviews and the surveys with other research reports I gathered online, I listed the insights I had developed which could impact the future design, sorted them on the whiteboard, and built two personas: Techy Sarah and Pragmatic Mark.

Wireframing, UI, and Prototype

Wireframes

With the user stories developed and a better understanding of the live streaming framework the engineering team used, the design team was tasked in 4 weeks to establish an experience that would be design against the user stories created for the product.

 
 

Hifidelity Designs

With the user stories developed and a better understanding of the live streaming framework the engineering team used, the design team was tasked in 4 weeks to establish an experience that would be design against the user stories created for the product.

 
 

DESIGN SYSTEM

Clickable Prototype

This is still an incomplete project, But you can clearly interact with the prototype

Conclusion

  • Close captioning is not the same as subtitle
  • Figma's close captioning feature for collaborative work is fantastic
  • Google meet has the best close caption feature.
  • Otter.ai's design for the mobile app is also excellent.
Back to top Top