← Back to Portfolio

Brave Wallet Onboarding Usability Evaluation Research and Design

#End-to-end #UXResearch #Wireframing #UsabilityTesting #Thinkaloud #Time-on-task #Onboarding-quant-data

Before

Brave Wallet UI

After

Brave Wallet UI

Background

In 2022, our teams focused on improving Brave Wallet, with the goals of growing its user base, reducing friction, and improving its visual appeal.

This study aims to streamline the Brave Wallet onboarding experience by identifying and addressing any pain point and friction uncovered, ultimately making it easier and more intuitive for users to navigate and understand the platform.

Problem Solving

πŸ’¬ I synced up with the stakeholders, product and design, to get aligned on the focus of the study. I encouraged them to consider and share their perspectives on which aspects of the onboarding process might present the highest risks or challenges for users.

  • What frictions do users have going through wallet onboarding?
  • How well do novice users comprehend the onboarding flow?

Research Objectives

πŸ’¬ I then translated stakeholders' concerns into research objectives, which shaped my research framework and provided a clear path for uncovering insights to improve the Brave Wallet onboarding experience.

  1. Identify user friction points during onboarding, with a focus on Web3-specific elements such as the recovery phrase.
  2. Assess design comprehension throughout the onboarding process, particularly for novice users.

Research Methods

πŸ’¬ To mitigate the Hawthorne effect (the researcher effect), I decided to make the usability testing unmoderated to create the most natural context of use for the participants.

  • Usability Testing (Unmoderated)
  • Think Aloud
  • Funnel Analysis (to measure changes)

Sampling & Recruiting

Recruiting Criteria

  1. Novice Web3 users who are new to Web3 wallets
    1. Having awareness of Web3 wallets
    2. Using 1 or no Web3 wallet
  2. Crypto exchange users who are not yet integrate into the Web3 space
    1. Low awareness of Web3 wallet
    2. Transacting on crypto exchanges recently
    3. Having no Web3 wallet

Sample

n=5

Sampling method β€” simple random sampling

Outreach

Released screener to randomly selected Brave users

Incentives

Gift cards distributed via email

Non-Disclosure Agreement (NDA)

Specified data that would be collected in this research, ensured that participants agree not to disclose any proprietary or sensitive information they may encounter during the research


Research Design

Unmoderated testing is conducted on Userlytics where I defined preliminary testing requirements including testing device platform, video and audio recording enabled, and demographic requirements.

  1. Intro β€” Build report, set testing expectations, create a good and open environment for participants.
  2. [Verbal] Gauge participants' previous experience with Web3 wallets and crypto exchanges to identify subtle variations.
  3. [Task 1] Set task scenario β€œyou are about to explore a crypto wallet…”, ask participants to stop once password is set. Verbalize their thoughts as they go.
    1. Measure time-on-task
    2. Measure ease-of-use via 7-point Likert scale question
    3. Measure pass-fail
  4. [Verbal] Uncover anything that was confusing or hard to do for the participants.
  5. [Task 2] Continue from task 1, ask participants to proceed until the end. Verbalize their thoughts as they go.
    1. Measure time-on-task
    2. Measure ease-of-use via 7-point Likert scale question
    3. Measure pass-fail
  6. [Verbal] Uncover anything that was confusing or hard to do for the participants.
  7. Verbal] Ask participants to describe the recovery phrase part based on their understanding, what it is and its purpose.
  8. [Verbal] Uncover any questions participants may have along the way of onboarding but did not find answers to.
  9. [Verbal] Gather any other thoughts via open-ended question.

Analytics Data Collection - I partnered with data engineers to structure the anonymous analytics around user onboarding journey, specifically at which step did users drop off of the onboarding.


Data Analysis

  1. Thematic Analysis β€” Identified recurring themes, captured deeper insights into users' frustration, confusion, and positive experience.
  2. T-test Analysis β€” Compare Task Success Rate, Time On Task, Ease of Use of 2 versions of design.
  3. Drop-Off Rate β€” Calculated the drop-off rate at each step by measuring the percentage of users who leave at that specific stage.

Key Insights

πŸ’¬ I shared the key insights with the key stakeholders first for review, asked them to share their thoughts. #designers #PM

  1. Passwords creation process lacked easily identifiable requirements, causing participants to miss the necessary criteria.
  2. Recovery phrase seed generation and seed verification screens were too similar, leading to confusion when participants needed to verify the seed.
  3. Recovery phrase process imposed a heavy cognitive load on users, resulting in long time-on-task rate.
  4. Sudden transition to portfolio page left novice participants uncertain about their progress in the onboarding process.

Action Items

  1. How might we make password creation criteria easily perceivable?
  2. How might we make recovery phrase generation and verification process more seamless?
  3. How might we welcome users to the portfolio page to make them feel confident and aware of their progress?

Wireframing

To address the research findings, I brainstormed some potential solutions to address the recovery phrase verification process via wireframing.

Original approach

Wireframe
Wireframe

Solution 1 - The seed shows as a dysmorphic shape in the generation screen for quick recognition from the verification screen.

Wireframe
Wireframe

Solution 2 - Ask users to fill in 3 words with the appointed order instead of 12 to decrease user task load.

Wireframe
Wireframe
Wireframe
Wireframe

Design changes based on the key insights

After reviewing and discussing potential solutions with the product designer and product manager, we finalized the design changes.

We decided to go with solution 3 which simultaneously differentiates the 2 screens and reduces user task load.

Before = static password criteria

Wireframe

After - interactive password criteria indicator

Wireframe

Before = static password criteria

Wireframe

After - interactive password criteria indicator

Wireframe

Before = static password criteria

Wireframe

After - interactive password criteria indicator

Wireframe

Timeline

Wireframe

Constraints & Reflection

Due to the limited budget for this research project, we had to carefully select a research method that fit within the constraints. With more resources, I would have increased the sample size to ensure statistically significant insights into user attitudes. This would allow for more robust analysis of the effect of design changes on users' perceived security of the Wallet, using the Mann-Whitney U Test to compare differences between groups and measure the impact effectively.

Future Studies

  1. I ran the same study on the new version of onboarding design, improvements were observed compared to the previous version.
  2. Once design change was shipped and we had enough analytics on the new version, I ran an analysis to compare the drop off rate, the change of the recovery phrase was statistically significant. Since we worked with ordinal data, I used Chi-Square Test to analyze it.