top of page
Document cover.jpg

Live Document Collaboration in Zoom

Problem 

​Document collaboration in Zoom is hard. Users must re-share document links, resolve access issues, and can only view documents during meetings, preventing active engagement. These issues lower productivity and user satisfaction.

​​

Solution 

Enable users to easily select, grant permission, share, and co-edit documents with meeting participants. 

Responsibilities

Lead product designer 

​

Team members  

1 product manager

10+ engineers

2 brand & marketing specialist

​​

Status / Duration

Launched / 4 months

Why (1).png

Why do users co-edit a document in a meeting?

Main use case - collaborative product planning

Faster Product Delivery

30-50%

reduced project delivery times

Increased Productivity

25-30%

higher productivity

Collaboration Efficiency

5x

more likely to meet project goals on time and within budget

Use case 2 - contract or legal document review

Faster Document Review

20-50%

reduced contract review cycles 

Legal Tech Growth

17%

compound annual growth rate

Improved Accuracy

17%

fewer errors in final documents

Use case 3 - sales proposal or pitch creation

Shorter Sales Cycle

10-15%

faster sales cycles

Higher Proposal Win Rates

14%

higher win rates

Better Engagement

10-15%

 increase in customer engagement

thinking.png

Persona & pain points

Document sender

Women.png

Lindsay
A product manager who collaborates with teammates on product requirements via Zoom.

Goal

​Collaborates with colleagues on product requirements documents easily.

Challenge

Difficult document collaboration, he manually invites attendees via browser to collaborate.

A tedious process to share documents
A lot back and forth, contexts switching

OneDrive-Logo.wine.png
  1. Find the document in the browser

  2. Manually update the permissions by entering meeting participants' emails one by one

  3. Copy the link

Icon_Bloom_Shape_2x.png
  1. Manually paste the link in chat

  2. Ask if everyone has permission

OneDrive-Logo.wine.png
  1. Wait for everyone to click the link and join

  2. Start co-editing the doc

  3. Go back to Zoom and discuss if needed

Document receiver

Man (1).png

Michael 
Product designer, works closely with PM.

Goal
Collaborate with PM on product requirements document.

Challenge
Collaborating on docs in Zoom is difficult due to constant tool switching.

A tedious process to co-edit documents
A long waiting period

Icon_Bloom_Shape_2x.png
  1. Wait for the sender to update the permissions

  2. Wait to receive the doc link once the sender is done updating the permission

OneDrive-Logo.wine.png
  1. Co-edit in browser

  2. Go back to Zoom and discuss if needed

Summary

Document collaboration in Zoom is complicated. The sender must manually update permissions, and receivers have to switch between the browser and Zoom windows to co-edit.

research.png

Why do people use Virtual Background app?

Bill.png

Bill, who works remotely at home a lot

Virtual backgrounds ensure my children or pets aren't visible during video calls."

Teng.png

Teng, who travels a lot for work

I like office-themed virtual backgrounds for a professional appearance."

Amy.png

Amy, who manages numerous meetings

Unique virtual backgrounds enhance engagement and interaction."

Helena.png

Helena, a creative brand designer

I like fun backgrounds that reflect my personality; people often ask about them.

final design.png

New user flow and JTBD

Women.png

Document sender

When start sharing,

I want to quickly find where to start, so I can avoid wasting everyone's time.

When selecting documents to share,

  • I want to seamlessly connect with my third-party document apps and easily select the right document to share.

  • I want to easily update document permissions so everyone can access it without any issues.

After I share documents,

I want everyone to have the doc link without me having to send it manually.

Do everything in       Zoom
Multiple ways to share

Icon_Bloom_Shape_2x.png
Share (5).png

Click the 'Share' button in the meeting toolbar to choose between collaborating or screen sharing.

Team Chat (3).png

Share by sending the doc link in the meeting chat; the link will unfurl, and document permissions will be updated automatically.

Zoom apps (3).png

Share by adding the Microsoft Zoom app, connect with Microsoft account, and see all documents within Zoom

Man (1).png

Document receiver

When receiving documents to co-edit,

I want to easily join collaboration without too much context switching.

After I finish co-editing,

​I want to easily access the document link so I can view it after the session.

Do everything in       Zoom
Easily start collaboration and consistent access to document after the co-edit session.

Icon_Bloom_Shape_2x.png
Share (5).png
Team Chat (3).png
Zoom apps (3).png

Seamlessly co-edit documents

New design goals 

Collaborate.png

Real-time Collaboration
Brainstorm, edit, and finalize contents together

Info.png

Centralized Information
Easily access to documents in one place

Time Efficiency.png

Time Efficiency
Enable quicker decision-making

iterations.png

Design explorations

Exploration 1 - Add a new meeting tab to share

Pros
Familiar browsing experience.
Choose personal and collaborate mode.

Cons
​A major change to the core experience, requiring further discovery & validations.

1
Users can dd a new tab by clicking "+Add"
2
After clicking "+Add"
IMG_7035.jpg
3
Switch to "Collaborate" mode
4
Start collaborate
IMG_7035.jpg
on
on

Exploration 2 - Redesign the share modal in meeting

Pros
Clearly separates sharing screens from contents.

Cons
​A major change to the core experience, requiring further discovery & validations.

1
Hover "Share" to view two options
2A
After clicking "Contents" - option A
IMG_7036.jpg
2B
After clicking "Contents" - option B
2C
After clicking "Contents" - option C

Exploration 3a - Design with the existing share modal

Pros
Have options for both bulk permission and individual permission per participant.

Cons
Jarring web view size changes.
Complex permission settings.

Exploration 3b - Design with the existing share modal

Pros
No need to change web view sizes.

Cons
Small click area.
Inconsistent button styles.

live.png

Solution overview - Collaborate on documents in Zoom meetings

final design.png

Final design - Document sharer

Share method 1 - Share via the toolbar’s “Share” button

  • Easy file selection

  • Clear distinguish between collaborate & share screen

  • Documents shared in chat

User feedback (30 testings & interviews)

  • Users think the feature is simple and straightforward.

  • But they think it lacks flexibility to set permission settings each meeting.​

user research document.png

Very satisfied

Mixed sentiment

More negative

Share method 2 - Directly share in the chat

  • Link unfurl to card

  • Easily update permissions

Share method 3 - Share in document apps

  • Select docs within the document app

  • One click to collaborate

  • Easily update permissions

final design.png

Final design - Document receivers

See a prompt to join along with the document link shared in the chat

  • Easily join collaboration 

  • Receive doc in chat

  • Can summarize doc with AI

business icon.png

Launch impacts

Google_Drive_logo.png

Google Drive​

30% month-over-month DAU growth​

G-drive.png
OneDrive-Logo.wine.png

OneDrive​

39% month-over-month DAU growth​

OneDrive.png
Microsoft_Office_SharePoint_(2019–present).svg.png

SharePoint​

60% month-over-month DAU growth​

Sharepoint.png
Thanks for watching!

Enjoyed it? Next: Webinar Resources

bottom of page