Back

Streamlined first-time experience

LASTPASS AUTHENTICATOR
B2B2C / B2C
SaaS
Android, iOS
Cybersecurity

Context

In 2024 at LastPass I saw an increase in bad reviews, due to users feel lost. I initiated this project and negotiated to add to the roadmap.

My responsibility

Leading the design process from research to impact to uncover and solve the user need while supporting the business goal.

User problem

Less tech-savvy users don't know what do to and how to set up multifactor after downloading the app.

What we did

  • Designed an educative onboarding

  • Reworked the home screen emty state

  • Added quick links to most visited support articles

  • Reworked add account flow so users feel more in control

Outcome

Increased app store ratings from 2.3 to 4.5

Decreased time to first value significantly

Decreased the number of churned users after download

New educative onboarding

  • An answer to the uncovered user problem

  • Feature promotion

  • Clearly explains how multifactor changes a usual login process

Make users feel more in control with the new add account flow

  • List of most added MFA sites listed

  • Instruction for each site

  • Detailed instruction for adding LastPass, more general instruction for third-party and not listed sites

  • Three quick actions kept on top for users who know what they are doing

Get help to unblock yourself

  • List of most visited support articles added right where most users felt lost earlier

  • Reworked home page to give a hint to users what kind of accounts they can add

Core team

1 product designer (me)
1 content designer
1 product manager
1 engineering manager
3 developers

Tools

Miro
Figma
Confluence

Timeline

2024 Q1

The challenge

Most of LastPass's less tech-savvy users experienced an issue when first using the app. They were lost, didn't know where to start. They went through something like this:

Step 1

Download and open the LastPass Authenticator app

STEP 2

See a message: "Scan the displayed QR code"

STEP 3

Have no clue about where to find that QR code

“Waste of time...where is QR code I am supposed to scan ???” - Wayne

“QR code is required but one doesnt exist.” - Tim

“Every time I get prompted to install this I get stalled because of poor instructions. This time I was asked for a QR code. Nothing tells me where that supposed to come from or where to get it.” - rksinger

STEP 4

Leave the app frustrated and confused

Identifying the root cause

I organized and conducted hybrid usability tests of the current experience to see where users are stuck, and learn about their needs and goals when it comes to multifactor.

Problem

Less tech-savvy users don't have a good understanding of multifactor and how it works.

Need

They expect us to help them.

Insight

(1) Many users started to set up MFA in LastPass Authenticator, not on the site they're setting up MFA for.

(2) Some users don't know they can add third party sites aswell, not just LastPass.

The no-brainer solution: onboarding

First, I've conducted a competitor analysis to see how others approach this topic. Then collaborated with content design and product management to find the right direction. As a first attempt to mitigate the problem we created an onboarding flow that we didn't have before.

The no-brainer solution is not enough

User tests showed that the onboarding is helpful, but not enough. They still need some more guidance, because once they're in the app, users feel lost and "alone". I brought the team together to ideate on "How might we help users feel more in control in the app"? We came up with two main ideas:

Improvement idea 1

Provide a quick access to most visited support articles in the app

Improvement idea 2

Rework the flow of adding an account, include instructions for most popular sites

Final UI with LastKit 2.0 design system

After some quick iterations we landed on the final design that proved to be working. We organized 10 additional user tests to validate our assumptions. With these additions users felt more in control.

New educative onboarding

  • An answer to the uncovered user problem

  • Feature promotion

  • Clearly explains how multifactor changes a usual login process

Make users feel more in control with the new add account flow

  • List of most added MFA sites listed

  • Instruction for each site

  • Detailed instruction for adding LastPass, more general instruction for third-party and not listed sites

  • Three quick actions kept on top for users who know what they are doing

Get help to unblock yourself

  • List of most visited support articles added right where most users felt lost earlier

  • Reworked home page to give a hint to users what kind of accounts they can add

Outcomes

Increased app store ratings from 2.3 to 4.5

Decreased time to first value significantly

Decreased the number of churned users after download

Challenges and takeaways

Initially the project timeline was only considering an easy fix. When we discovered that the easy fix doesn't solve the problem I had to make a case for digging deeper and find solutions that actually solve our users problem.

Even when we were confident that we were on the right track, anticipating an easy fix, it became evident that our initial solution ideas were insufficient. Throughout this project, I learned a great deal about managing uncertainties and effectively communicating these to stakeholders.