Scan a QR code to connect with people on Zoom.
Problem
A Zoom user meets a colleague in person and wants to add them as a contact and start a new chat. Currently, the only way to add a new contact is by sending an invite via email. This is slow and cumbersome. Competing apps allow users to scan QR codes to send contact requests.
Jobs to be done
I want a personal QR code that I can show to other people.
I should be able to save, share, or regenerate my QR code.
I want to scan someone else's QR code to send them contact request.
Initial designs
Show and share QR code
Scan and send contact request
All entry points
The QR code can be accessed from the More page, user profile, new message, or new contact actions.
Early feedback
The initial designs were reviewed by customers and partners at Zoom. We received strong impressions about several aspects of the UX:
– The top tab switcher was hard to use with one hand.
– The entry point for "My QR code" was difficult to find.
– The interface was unnecessarily busy compared to competing apps.
– Privacy rules blocked us from displaying the user's role.
Final designs
Based on feedback, I simplified the content of the "My QR Code" view and relocated all buttons to the bottom of the screen where they'd be more accessible.
Because the tab switcher was necessary for switching between views, I changed the design to a bottom sheet that could be displayed on any screen where "My QR Code" was invoked.
To make the QR Code more discoverable, I redesigned the profile card to include a QR code icon that would launch the My QR Code sheet.
These final designs were received more positively than the first iterations.
