Enlin's Portfolio | JioMeet PIP & Screenshare Refresh

The Problem & Opportunity

A critical piece of user feedback, received from a customer who appears to be a teacher newly transitioned from a competitor platform, immediately highlighted a key area for improvement in JioMeet. The user enthusiastically praised the overall experience but specifically pointed out two crucial limitations: the desire for a full-screen view of their own video feed during online classes (a feature they were accustomed to) and a need for a more intuitive screensharing experience comparable to their previous solution.

Recognizing the high priority and urgent nature of these requests, a focused one-week initiative was immediately launched. To ensure swift delivery, the Head of Product Management, Senior Product Manager, Assistant Product Manager, and I, as the lead designer, collaboratively decided on a strategy prioritizing impactful design updates and minimal technical changes. This approach allowed us to rapidly address the user's pain points and deliver an enhanced experience in the shortest possible timeframe

Research & Analysis

To thoroughly understand the existing problems and explore best practices, we conducted:

1. Heuristic Evaluation

The screenshare icon is misleading, visually representing "open in a new tab" rather than its actual screen sharing functionality. This inconsistency is compounded by the fact that the entire bottom meeting toolbar icon set is outdated, not reflecting the current JioDesign System (JDS) 2.0 standards.

The current screen share window limits users to selecting from a list of open application windows. This deviates from a more comprehensive experience that should include options for sharing the entire screen, a single application, or a collaborative whiteboard.

Picture-in-Picture (PIP) Window:
The current PIP window in screenshare is excessively large. Its size could be significantly reduced by implementing: • Icon-based
• buttons without labels for controls.
• Reduced margins and content fitting.
• Adaptable sizing based on content or user interaction.

All icons within the PIP window are outdated, not adhering to the JioDesign System (JDS) 2.0.
Media Audio Sharing During Presentation:
Users frequently report that viewers cannot hear audio when the presenter plays videos or audio during screen sharing. The in-meeting audio settings, required to enable media audio sharing, are not easily discoverable by presenters. This necessitates a disruptive workflow where the presenter must:
• Navigate back to the main meeting window.
• Locate the audio settings.
• Return to their shared content.

Space can be saved in the screen share view by removing the small, disabled close/move system UI buttons and the underutilized "CLICK HERE TO RESIZE" bar. The meeting title can also be removed by default to minimize presenter distraction, with an option to reinstate it if needed.

Distracting Presenter Indication:
As a viewer, the persistent fluorescent-green badge indicating the presenter is overly prominent throughout the entire screensharing activity. This constant visual element distracts from the shared content and there is no option to hide it.

Limited Layout Options:
There is no functionality for viewers to enlarge the screenshare tile by hiding the participant tiles, limiting the ability to focus solely on the presented content

Unnecessary Presenter PIP Window:
Viewers can see the presenter's Picture-in-Picture (PIP) window, which is unnecessary and occupies valuable screen real estate. This PIP window is irrelevant to viewers as they cannot interact with it and it doesn't provide any useful information for them.

Screenshare Presentation Transition & Feedback:
• The transition to presenter mode lacks a loading indicator, resulting in an immediate shift from the normal meeting view.
• Presenters are not provided with any visual indication that their screen is currently being shared.
• There is a lack of clear notifications to both the presenter and viewers when screensharing starts and ends.

2. Competitive Benchmarking

To effectively analyze the numerous user journeys across Microsoft Teams, Zoom, Google Meet, and Webex, I engaged my design teammates to assist in this competitive analysis. Our collaborative effort, alongside our PM, specifically categorized features and UI elements into three groups: those visible to the presenter, those visible to viewers/participants, and those not visible to viewers/participants.

Ideation & Proposed Solutions

Based on the benchmarking insights, we developed several solution proposals focusing on decluttering the interface and providing better contextual controls:

Solution 1: Separate screensharing tools

Solution 1 proposes to declutter the presenter's screensharing interface in JioMeet. It suggests moving presenter-specific tools (audio, video, screen share, etc.) into a dedicated, contextual panel that appears only during presentations, potentially managing the PIP window as well. This aims for a cleaner presenter view and streamlined workflow, but requires careful consideration of panel discoverability and placement.

Solution 2: A single, minimal, movable floating window

Solution 2 introduces a movable, minimal floating panel for JioMeet presenters during screensharing. This compact window integrates essential controls (audio, video, screen share) and the presenter's PIP, offering a space-saving alternative to a fixed toolbar. It also includes a quick way to return to the main meeting view. Key benefits are reduced clutter and flexible positioning, while considerations include discoverability and the balance between minimal controls and necessary functionality.

Solution 3: A dynamic multi-window

Solution 3 offers a dynamic, multi-window JioMeet interface for screensharing. It displays minimal, context-based windows for presenter controls (floating panel), participant videos (when cameras are on), and chat, aiming to improve multitasking and engagement. While beneficial for concurrent information access and flexible layouts, careful design is needed to manage screen space and avoid overwhelming users.

Solution 4: Focused on reducing distractions

Solution 4 aims for a less distracting presenter screensharing experience. It features a green presenter border and controlled participant visibility, showing only the active speaker when the presenter chooses. The presenter also has a floating control panel and a toggle for chat/participants. This prioritizes focus but might reduce immediate awareness of the audience.

We decided to proceed with a hybrid approach, primarily combining the concepts of solution 2 and 3, with floating window of changing background video, omitting the separate chat window for this rapid iteration.

Design Iterations & Testing

We went through numerous UI iterations focusing on optimizing the chosen floating window concept. This involved refining:

States (hover, active, disabled)
Margins and padding for compactness
Icon clarity and adherence to JDS 2.0
Window sizing for minimal footprint
Representation of speaking participants (audio only vs. video on)

Testing

Testing was conducted with eight participants to clarify the meaning of the two icons positioned in the top right corner of the PIP window. This was crucial due to varied individual interpretations. The icon set that yielded the highest consensus among participants will be prioritized for the final design.

Final Design Highlights

The redesigned experience introduced several key improvements for both presenters and viewers:

1. Simplified Sharing Initiation

a simplified and direct "Share Screen" menu. Instead of potentially complex options, users are presented with three clear choices: "Share entire screen," "Share a window," and "Share white board," each with a corresponding icon. This focused approach reduces cognitive load, improves efficiency, and enhances the user experience for initiating screen sharing.
Icons for all sharescreen experience has been updated to Jio Design System v2 of 2022

2. Visual Window Selection

Users now see visual previews (thumbnails) of their open application windows, making it much easier and more accurate to select the specific window they want to share. This visual approach improves efficiency and the overall user experience.

3. Multi-Display Support

When a user chooses to share their screen, they are now presented with visual representations of all connected monitors and prompted to select the specific display they want to share. This provides increased control, clarity, and reduces errors for users with multiple screens.

4. Clear Feedback

Added a "Preparing your screen share..." loading indicator for presenters and a "[Presenter Name] is going to share screen..." indicator for viewers. This provides clear visual and textual feedback to the user that the screen-sharing process has been initiated and is in progress, improving the user experience by reducing uncertainty and managing expectations.

5. Improvements During Active Screen Share

The key improvements during active screen sharing are:

A persistent, floating PIP control bar at the bottom right (default placement) of the shared screen provides the presenter with direct access to essential meeting controls (mute/unmute, video on/off, end call) without leaving the shared content.
A clear green banner notification briefly appears at the top confirming "You have started your screen share."
A subtle green border around the shared screen provides a visual cue that sharing is active.

These changes aim to enhance the presenter's control, provide clear feedback, and create a smoother, less disruptive presentation experience.

6. Minimized PIP

The key improvement for minimizing the PIP window is the introduction of a persistent thumbnail representation. Instead of disappearing entirely, the minimized PIP now shows a small preview (in this case, the presenter's video with the JioMeet logo), providing a constant visual reminder of the active meeting and easy access to restore the full PIP window with a click. This enhances presenter awareness and workflow.

7. Notification Improvement

The improvement focuses on the positioning and privacy of notifications during screen sharing. Key changes include placing presenter-specific notifications (like hand raise) in the top center for better presenter awareness, while ensuring these notifications are hidden from viewers to minimize distractions and protect the presenter's privacy, leading to a more professional presentation.

8. New PIP window

The final PIP window design is a compact and minimalist interface displaying the participant's name and essential meeting controls—

at top right corner, from left to right: go back to meeting and minimise PIP window
from bottom left to right: mute/unmute audio, stop/ start video, stop screenshare, start recording, more options, and end call.
Red indicators show active muted/stopped states.

This design prioritizes space efficiency and key user controls within a small, unobtrusive window during screen sharing and video conferencing.

primary research result in data visualisation

9. Optimized PIP

The final redesigned PIP window achieved a significant reduction in size compared to the original. The version incorporating the recording button resulted in an approximate 44.8% decrease in relative area. The more compact version, without the recording button (people without recording rights), yielded an even greater relative area reduction of approximately 59.4%. This demonstrates a substantial decrease in the visual footprint of the PIP window.
Furthermore, when all participants are using audio and no video is turned on, the redesigned PIP window (without recording button) achieves an even more significant reduction, resulting in a scaled size that is approximately 82.5% smaller in relative area compared to the original.

New PIP Design - Full Journey

The below visual flow visually details the complete user experience for the redesigned Picture-in-Picture (PIP) feature in JioMeet. It shows how the PIP window appears and functions across various meeting stages: from being alone, to participants joining (speaking or silent), interacting with the PIP via hover and click, handling late joiners, exiting the meeting, and managing scenarios with multiple past active speakers. The flow illustrates the intended behavior and available controls throughout a meeting.

10. PIP More Options Menu

This image shows the "More Options" menu of the final PIP window design. Clicking the three dots reveals a small menu with options for "Apply Background" and toggling "Share audio" (default ON). Crucially, the most important tools accessible during screen sharing have been integrated here, eliminating the need to navigate back to the main meeting window for quick adjustments. This design uses progressive disclosure to keep the main PIP window clean while providing direct access to essential secondary features.

11. Change Background Menu

A new, draggable floating "Change Background" menu is introduced. This menu provides visual thumbnails of available backgrounds, allowing users to easily preview and select their desired background directly while screensharing without the need to go back to meeting, improving convenience and efficiency.

12. Dynamic PIP Window Expansion for Participant Video

The PIP window now features dynamic vertical expansion to automatically accommodate and display one participant's video feed when at least one participant in the meeting turns their camera on. Due to technical constraints and aiming for minimal changes, only a single participant's video tile will be shown within the expanded PIP. This allows the presenter to see at least one other participant with video without manual adjustments.

13. Screen Share Indicator in Presenter Tile

The active screen-sharing status and presenter's name ("Rahul's screen share") are now integrated directly into the presenter's tile at the bottom left, replacing a separate green banner at the top. This offers a more consolidated, contextual, and potentially less obtrusive way for the viewers to see their presenter's sharing status alongside key meeting controls.

14. Screen Share Full Screen View

Viewers are now prompted with a helpful pop-up suggesting they "Try Full Screen View" at the start of screen sharing. This message clearly directs them to click the "extend view" button for a more immersive and less distracting viewing experience of the shared content.

Screen Share Full Screen View Experience

After clicking the "extend view" button, viewers experience an immersive, full-screen view of the shared content. All meeting interface elements are hidden, allowing for undistracted focus, enhanced readability, and a more professional presentation viewing experience.

Conclusion & Lessons Learned

This rapid redesign project successfully addressed critical user feedback and significantly improved the usability of JioMeet's screensharing and PIP features within a tight three-week timeframe and strict technical constraints. The focus on heuristic evaluation, competitive benchmarking, and iterative design led to a more intuitive, efficient, and less intrusive experience for both presenters and viewers.

Key Lessons Learned:

User Feedback as Catalyst: Direct user feedback can effectively pinpoint high-priority areas for improvement.
Pragmatic Prioritization: Balancing user needs with technical feasibility ("least tech changes") allows for rapid, impactful improvements.
Importance of Status & Feedback: Clear loading indicators and status cues reduce user uncertainty.
Focused Scope: Clear constraints (like minimal tech changes) help prevent scope creep and enable focused development.

The project demonstrated a practical approach to UI/UX enhancement, delivering tangible user benefits through thoughtful design within defined boundaries.

JioMeet PIP & Screenshare Refresh

My Role

The Team

Timeline