top of page

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

Main Image

Redesigning Notification System for JioMeet - Enhancing Clarity and Reassurance in User Notifications

Introduction 

With the increasing demand for seamless and user-friendly video conferencing solutions, JioMeet’s notification system required a redesign to meet evolving user expectations. The previous notification setup led to user frustration due to confusing visuals, technical jargon, and a lack of clarity, which negatively impacted user satisfaction. To improve user experience, we embarked on a project to simplify and clarify notifications, making them more accessible and reassuring across all devices.

Method

User Interviews

Usability Testing

Competitive Benchmarking

Wireframing
Prototyping

Duration

8 Months

Tools

3a6473163333e6fc3f2944cd294e9858.jpg
pngimg.com - photoshop_PNG11.png
Illustrator-Logo.png

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 comprehensive HD video conferencing platform that supports seamless communication and content sharing across devices. Designed for enterprises, it’s a CPaaS (Communication Platform as a Service) solution that enables businesses to integrate video, voice, and messaging into their workflows for enhanced team collaboration and efficient communication.

  • 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?

High stress, complex terminology, and intrusive alerts create frustration in navigating JioMeet's notifications.
JioMeet users frequently face challenges due to notifications filled with complex language, overly technical jargon, and an abrupt, intrusive alert style.
 
These notifications disrupt the user experience, especially during critical tasks, leaving users feeling confused and unable to respond effectively to connectivity and technical issues.
 
The design lacked a clear structure, leading to misinterpretations and contributing to an overall stressful user experience.
 
This project aimed to revamp the notification system to provide a seamless, reassuring, and supportive user experience, simplifying alerts and improving accessibility for users of all technical backgrounds.

Solution Overview

Group 2085661646.png
Group 2085661644.png
Group 2085661642.png

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.

Primary Research Insights

What was the Problem?

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.

image 9.png

Secondary Research Findings

Dots
User Empowerment in Resolving Connectivity Issues.png
Enhanced Communication of Connection Issues.png
Psychological Considerations in Design.png
Snackbar.png

Ideation 

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. 

Key Insights Derived from Benchmarking

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.

Personas

Meeting Disruption Alert: Lost Network Connection

Enhanced Communication of Connection Issues:

  1. Personalized Messages: We tailored notification messages based on user activity, making the communication feel more relevant and reducing frustration.

  2. Progressive Disclosure: We implemented a strategy where detailed information is revealed only when the user interacts with the notification, keeping initial messages simple and non-intrusive.


Insight: Progressive disclosure aligns with Norman's principles by not overwhelming the user with information upfront. Instead, it provides users with additional details only when needed, ensuring that the system remains manageable and less intimidating.

Psychological Considerations in Design:

  1. Calm UI Design: We focused on creating a UI that promotes calmness, using smooth transitions and subtle animations to reduce anxiety.

  2. Feedback Loops: We ensured that users receive immediate and clear feedback when they take actions, reinforcing the system's reliability.
     

Insight: Norman highlights the importance of feedback in ensuring users understand the system's state and what actions have been completed. This approach reduces user uncertainty and enhances the overall experience.

Banner Notification Principles:

  1. Strategically Interruptive: Banners are used to catch attention when critical issues arise, such as a lost internet connection.Each banner message is concise and informative, guiding user interaction without overwhelming them. 

  2. Clarity is Key: Banners are designed with a single, clear message to avoid confusion and ensure users can take appropriate action. Singular Focus.

Insight: Keeping notifications focused and clear prevents cognitive overload, which is a key principle in Norman's discussion on the psychology of everyday actions.

Anchor 2

Case 1 : No Network Connection (Outside call)

High Fidelity Designs

We designed desktop notifications that clearly informed users of connectivity issues and provided actionable steps.

Desktop Designs

Web 1920 – 2.png
Home Dashboard.png
chat section preloaded chat.png
Meeting unloaded section.png
contact unloaded section.png

Mobile Designs

Group 118141.png
Group 118143.png
Group 118142.png
Group 118144.png
Group 118145.png
Group 118146.png

Case 2: No Network Connection (Inside call)

Desktop Designs

Inmeeting banner.png
Ellipse 17139.png
inmeeting banner - Error pop up.png
Ellipse 17139.png
inmeeting banner - Leave meeting pop up.png
Ellipse 17139.png

Mobile Designs

Group 118148.png
Group 118147.png
Group 118149.png

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

Desktop- 1.png
desktop 2.png

Mobile Designs

Group 118150.png
Group 118151.png

iPad Designs

Poor network iPad 1.png
Ellipse 17139.png
Poor network iPad 2.png
Ellipse 17139.png

Case 3: Feature Discoverability 

We improved feature discoverability by making the interface more intuitive, guiding users to explore and utilize new features without confusion.

Desktop Design

Mobile Design

Design system

Typography

Group 194777.png

Colors

Group 118121.png

Illustrations

Group 118122.png

Explore More Projects

Group 2085661813.png
Group 2085661554.png
Group 2085661536.png
Group 2085661569.png
bottom of page