K-wallet

Sprint 3 Demo

September 30, 2022

Content

01 Sprint goals

02 Roadmap

03 Team progress

04 Next sprint

Sprint goals

K-wallet

Sprint goals

K-wallet

​

​

1. Research - Exploratory Research on New Crypto Users

​

• Design - Dev Handoff Annotations, Design Iterations and NFT Research

​

• Product - User Stories for Wallet Onboarding Flow and Cont’d Revenue Models Research

​

• Dev - Completed UI components for password creation flow

​

• UX Writing - Started framework for Branding personality

​

Product roadmap

K-wallet

K-wallet

​

Research team

TechFleet

Research Updates

K-wallet

1. We interviewed 12 people who never used crypto before and never opened a wallet;
2. We learned tons of information and extracted our notes and put them into individual empathy maps;
3. 10 of the interviews were recorded but we need additional Dropbox space before we can upload them all.
4. We will synthesize the data into a usable affinity map and report our findings on Wednesday.
5. We began developing our research plan for the Metamask usability test.

Example

​

​

Design team

K-wallet

Design Updates

1. Dev Handoff Annotations
2. Design Iterations
1. Send From & To
2. Transaction Overview & Confirmation
3. NFT Research

​

DESIGN SPECS

SCREEN ANNOTATIONS

CREATE AN ACCOUNT

Link to prototype

DESIGN SPECS

SCREEN ANNOTATIONS

IMPORT EXISTING ACCOUNT

Link to prototype

Input Field Interactions

DESIGN ITERATIONS

‘Send From’ Screen

BEFORE

AFTER

1

2

What We Learned (INSIGHTS)

1. SENDER input fields were not intuitive and accessible for users
2. There were inconsistencies and disconnections with the ASSET, AMOUNT & CONVERSION elements; users identify immediately the relationship with each element, causing potential confusion

What We Created (SOLUTIONS)

• We made the SENDER fields easier to interact with a larger cursor target area
• We improved the design of ASSET field combining the field with the TOKEN funds and logo; as well as adding field titles
• We iterated the AMOUNT field to show users pertinent information about TOKEN funds and CONVERSION

1

2

3

DESIGN ITERATIONS

‘Send To’ Screen

BEFORE

AFTER

1

What We Learned (INSIGHTS)

• The users would like to send between their accounts more often so that option should be displayed
• There was no clue that indicates that the users can open the dropdown when clicking on a “send between my accounts” section

What We Created (SOLUTIONS)

• We defaulted to showing the users account and giving them the option to preview recent once.
• The arrows were added to communicate that users can click the “recent” section to reveal information.

1

What We Learned (INSIGHTS)

• The send “from” and “to” fields weren’t consistent with the design system because they weren’t labeled
• Users won’t be able to adjust any settings when the Public Gas Station is paying the gas so having the “advanced settings” feature displayed is not useful and lead to confusion.
• The “edit” button didn’t exist. Users could only use the arrow in the top left corner to go back

DESIGN ITERATIONS

‘TX Overview Screen

BEFORE

AFTER

1

3

2

What We Created (SOLUTIONS)

• Labels were added to keep the design consistent and indicate what each field means to the users
• The “Advanced setting” feature is disabled when Public Gas Station in paying for gas and will be enabled when users chose other options
• “Edit” button was added to facilitate the process of editing the information.

1

2

3

What We Learned (INSIGHTS)

• Accessibility concerns for status indicators

​

DESIGN ITERATIONS

‘TX Overview Screen

BEFORE

AFTER

What We Created (SOLUTIONS)

• Using “badges of the various states, which align with the current design system

​

NFT Research

Coinbase

Disadvantages

Advantages

NFT Research

Metamask

Advantages

Disadvantages

NFT Research

​

Advantages

Disadvantages

NFT Research

​

Advantages

Disadvantages

NFT Research

Kadet NFT Opportunities

• Show internal transactions & smart contracts in Kadet Activity/ History: �“Often, the process of selling an NFT is performed through a smart contract (a blockchain program), and as a result, the funds you receive are delivered to you through an internal transaction, which do not show up in your MetaMask activity.”�
• verification of NFT transfers right in the wallet (no need for block explorer)

​

• Cheap Gas Station fees

DESIGN

NEXT STEPS

1. Iterate Onboarding & Dashboard using Test & Research Insights
2. Incorporate (updated) Kadet Branding & Style Guide in Designs
3. Expand (updated) Kadet Design Systems & Components Library
4. Have Design Handoff for Dev

Product strategy team

K-wallet

Product Updates

K-wallet

​

1. Started working on the User Stories for Wallet Onboarding Flow

​

• Cont’d Revenue Model Research

​

​

K-wallet

​

K-wallet

​

K-wallet

​

Revenue Model

K-wallet

​

K-wallet

​

K-wallet

​

K-wallet

​

K-wallet

​

For more details on Revenue model view HERE

Dev team

K-wallet

​

Dev Updates

K-wallet

​

• Completed UI components for password creation flow

Followed Design team ‘Create Wallet > Create Password’ flow in creating UI components

K-wallet

Developed components for first steps of password creation

​

• Click ‘Create a Wallet’
• Type a password at least 8 characters long
• Re-type to confirm password
• Code logic confirms the two passwords match
• Check to agree to terms
• Next button becomes ‘active’

UX Writing team

K-wallet

​

UX Writing Updates

K-wallet

​

• Assigned representatives to each team
• Product Team: Mari
• Research Team: Nicole
• Design Team: Beth

​

• Started framework for Branding personality

(Mari & Nicole)

• Deck of Framework to be presented here

• Created ticket for Onboarding & Create Account Flow (Chika & Beth)

​

​

EMPATHIZE

Who is Kadet Wallet?

DEFINE

Let’s describe Kadet Wallet!

IDEATE

How does Kadet Wallet speak?

What: 30 min / 1 hour sessions

Who: UX-W, client, Research Team

How: Semi-structured

Why: Map feelings, attitudes; humanize

When: Week of Oct. 3 (sprint 4)

What: 1 hour workshop

Who: UX-W, Kadet Wallet Team

How: Guided, facilitated

Why: Highlight attributes, find voice

When: Week of Oct. 3 (sprint 4)

What: Brainstorming sessions

Who: UX Writing Team

How: Team meetings

Why: Create guidelines, tone samples

When: Oct. 3-Oct 14 (sprints 4/5)

Framework to find brand personality, voice & tone

Method: design thinking process, specific tools for each stage.

Deliverables: brand personality and voice & tone guidelines.

Onboarding and Create Account Flow

​

• Ideated potential areas where content needs

to be changed

​

• Edited microcopy on screens

​

• Made recommendations on screen design

Next sprints

K-wallet

​

• Research - Usability testing with user signing up with MetaMask & Coinbase, Competitive analysis of larger crypto exchanges and how they help users build trust & confidence in crypto, etc..
• Design - Usability testing on iterations of designs, Dev handoff, etc…
• Product - Grooming session with Client (Scope of testnet functionality & NFT ticket review), etc…
• Dev - Front end: Work on the second flow, ‘SRP Information Screens’
• UX writing - Work on website onboarding flow, work on the copy of screens - Create an account and Onboarding flow, etc…
• Tech Fleet - Customer experience diagram of new crypto users

Questions?

K-wallet

​

Thank you!

K-wallet

​