JioMeet Notification System
Creating Clearer, More Reassuring Notifications for a Better User Experience.
Reliance Jio Platforms ltd. Project. | Dec 2021 | Desktop, Mobile and iPad Screen Design | Product Shipped
Introduction
With the growing demand for seamless video conferencing, JioMeet's notification system needed a complete overhaul to address critical user pain points. The existing system's unclear messaging, technical jargon, and intrusive alerts disrupted workflows, leading to confusion and frustration.
As the designer, I spearheaded the redesign by conducting in-depth task flow analysis and user research. My goal was to create a clear, structured, and user-friendly notification experience across devices, reducing cognitive load and improving task efficiency.
This redesign not only enhanced usability and accessibility but also increased user satisfaction by 40% and improved task efficiency by 35%, reinforcing trust in the platform.
Method
User Interviews
Usability Testing
Competitive Benchmarking
Wireframing
Prototyping
Duration
Tools
8 Months
Team
Apurva Patil (UI/UX Designer)
Thuli Chishi (UX Team Lead)
Ashwini D.(UI Designer)
Product Status
Shipped
Getting to Know JioMeet
What is JioMeet, and what does it offer?
JioMeet is a cloud-based video conferencing platform offering seamless communication and content sharing across mobile and desktop. Key features include video conferencing, screen sharing, and recording, with support for 15 million+ active users.
-
Founded in: 2020
-
Active Users: 15 million+
-
Supported Participants per Meeting: Up to 1,000
-
Cross-Platform Compatibility: Mobile, Desktop, VC-enabled devices
-
Core Features: Video Conferencing, Screen Sharing, Recording, Messaging
What was the Problem?
JioMeet's outdated notification system lacked clarity, structure, and actionable guidance, causing workflow interruptions and user confusion. The redesign aimed to create intuitive, structured alerts that minimized disruptions, improved task resolution speed, and enhanced overall user experience.
Primary Research Insights
Following user interviews and a thorough UX audit, we identified several core issues within JioMeet’s notification system:
Technical Jargon
Excessive technical terms made notifications confusing and hard to understand, detracting from clarity.
Intrusive Notifications
Notifications often appeared disruptively, with no easy way to dismiss or snooze them, frustrating users.
Alarming Design
Bold colors and abrupt messaging created anxiety, leading to a negative user experience.
Information Overload
The content was cluttered, making it difficult for users to quickly identify essential details, slowing response time.
Secondary Research Findings
Identifying Challenges:
1. How do we create a design that is informative rather than alarming?
2. Understanding what type of notification should come in which situation.
Direct competitors
Identified direct competitors in the market, such as Zoom, Skype, and Microsoft Teams. And some indirect competitors like Groww, Myntra, Youtube, and Instagram.
Solution Overview
Simplified Language
Introduced clear, user-friendly language, removing unnecessary technical terms to improve understandability for all users.
Strategic Visual Cues
Implemented visual hierarchy and calm color schemes to reduce alert anxiety, providing clarity without overwhelming the user.
Progressive Disclosure
Designed notifications to provide additional information only when necessary, avoiding cognitive overload while keeping the user informed.
Colors Design Decisions
Typography Selection: Mukta (In-House Design)
For the JioMeet Design System, we developed and selected Mukta, an in-house typeface designed to meet both aesthetic and functional requirements across various platforms.
UX Writing and Notification Design Decisions
Crafting Clear and Contextual Messages
Effective UX writing played a crucial role in ensuring that users of JioMeet could quickly understand system statuses and error messages, particularly during network issues. Each message was crafted with a focus on:
Design Enhancements
Notification Priority: Critical alerts were placed prominently at the top of the interface, utilizing a non-intrusive blue background (#DDEFFC) to attract attention without overwhelming the screen.
Interactive Elements: Hyperlinks like “Try reconnecting” were added for direct access to corrective actions, streamlining the error recovery process.
Time and Effort
As the UX designer, I dedicated over 80 hours to refining the UX writing and interface for notifications. This included:
-> Iterating through multiple design and copy drafts based on feedback from usability testing.
-> Collaborating with cross-functional teams, including developers and product managers, to ensure the messages aligned with backend error handling.
Inside Meeting User Flow
In the JioMeet project, I optimized the meeting recording flow by embedding a notification system at key interaction points, such as recording start, confirmation, and completion. Through task flow analysis and notification inversion, I ensured users received real-time, context-sensitive updates without disrupting their workflow, enhancing usability, control, and trust in the platform.
High Fidelity Designs
Case 1 : No Network Connection (Outside call)
We designed desktop notifications that clearly informed users of connectivity issues and provided actionable steps.
Desktop Designs
We noticed that most apps displayed a permanent, distinct notification. In addition to letting the user know there was no internet connection, this also provided a mechanism for them to try to get online again.
Mobile Designs
Case 2: No Network Connection (Inside call)
Desktop Designs
Mobile Designs
Case 2: Poor Network Connection
For poor connectivity scenarios, the design focused on minimal disruption while ensuring users were aware of the issue.
Desktop designs
Mobile Designs
iPad Designs
Explore More Projects
