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
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
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
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.
Secondary Research Findings
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:
-
Personalized Messages: We tailored notification messages based on user activity, making the communication feel more relevant and reducing frustration.
-
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:
-
Calm UI Design: We focused on creating a UI that promotes calmness, using smooth transitions and subtle animations to reduce anxiety.
-
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:
-
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.
-
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.
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
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
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