Firefox Sync Reboot

Creating an account system for the basis for future Firefox connected services, and revolutionizing Sync in the browser.

The original Sync authentication method, JPAKE, was not gaining traction with users, and most had never synced a second device. Beyond replacing this with a more conventional account system, we transformed Firefox into a browsing system where a user can better control their data on multiple devices.

My Role

Senior Product Designer

Teammates

Engineers, Program Manager, Product Managers, Security Engineers, Data Scientists

Challenges

  • Large userbase
  • Fragile
  • Many teams
  • Encrypted data

Methods

  • Ideation
  • Browser Feature
  • Design Systems
  • User Flow Diagrams
  • Wireframes
  • Prototypes
  • Data Analytics

The problem and how it was solved

Firefox was the first browser to introduce syncing of bookmarks, history, and more but had the problem in that few people could figure out how to configure it correctly.

The original Sync authentication method (JPAKE) never converted users
The original Sync authentication method (JPAKE) never converted users

Along with my design engineer, I was tasked with designing a conventional account system that integrated into Firefox on every platform.

The process involved working with product managers and engineers to create a detailed, and color-blind friendly, user flow diagram, desaturated below, that detailed all of the surfaces and their possible states.

Each state linked to a detailed wireframe describing more detail.

Firefox Sync Reboot
Cross-surface authentication flow done using colour-blind friendly patterns

What came next?

With a successful launch under our belt, we invested further into the feature by bringing some of the Sync features, previously background features, into the foreground of the browsers.

We first breathed new life into the Tabs from Other Devices feature, shortened to Synced Tabs, and then created the Send Tab feature.

Firefox Sync Reboot
Firefox Sync Reboot
Some designs intended to increase adoption of the feature in the browser

All of these initiatives were coupled with remote user testing to ensure users could make their way through the journey to set up Sync.

Over the course of many years, user behaviour was tracked and optimized through the experience. Further work was done to strengthen the security of the system with 2FA and Recovery Codes.

Firefox Sync Reboot
2FA and recovery codes were added
2FA and recovery codes were added

Impact

Within 10% of the time, the new Sync had attracted 10x the number of users eventually reaching 20M MAU.

← Back to all work