Her Crypto
Sara Hao
UX Researcher
UX Designer
UI Designer
Adobe Illustrator
Adobe Photoshop
Figma
Her first step into the crypto world
Her Crypto is a cryptocurrency exchange app geared to encourage women to learn and invest in cryptocurrency. Created by women for women.
My role
Product Designer
Platform
iOS and Desktop
Project Overview
Initially, this project was to design a general online payment service application. However, during my initial research, I recognized a gap between the number of women and men investing in cryptocurrency.
I designed HerCrypto to help close that gap. HerCrypto is a responsive cryptocurrency exchange app that includes educational learning content for women and is created by women.
Goal
To encourage more women to learn about cryptocurrency and eventually start investing in cryptocurrency.
Challenge
To design a cryptocurrency exchange application that will allow users to learn about cryptocurrency as a beginner and guide them to their first cryptocurrency investment.
My Process
Discover
👉🏼 Understanding the problem 👉🏼 Survey👉🏼 Interviews👉🏼 Problem statement 👉🏼 Competitive analysis
Understanding the problem through...
Surveys
9 participants
Interviews
5 participants
Survey & Interview goals
My goal was to fully understand the potential users' views on investing and what they would require to get started.
Turning point...
I analyzed the data I gathered from the interviews into an affinity map using sticky notes because I this way it is organized and easier to digest.
The problem statement
Female professionals looking to take care of their financial security by investing in cryptocurrency have limited resources that they can relate to and understand.
Delivering a product that can provide relatable learning content and a user-friendly investing process will increase the opportunity for women. Potentially increasing the percentage of female investors in cryptocurrency.
Competitive analysis
To understand the market, I reviewed and analyzed two leading cryptocurrency exchanges: Coinbase and Crypto.com.
My goal was to identify common patterns, trends, potential improvements, and possible solutions for a cryptocurrency exchange application.
Overall, I concluded that both apps are missing easy-to-learn learning content, limited accessibility to some countries, and no access to a physical card.
Key insights
👉🏼 The majority of participants' feelings toward investment are scared, nervous, and unsafe.
👉🏼Users would feel more comfortable investing if they understood how everything works.
👉🏼The app should include easy-to-understand tutorials on how to use the app and on what cryptocurrency is and how to invest in it.
👉🏼All interviewees expressed that their willingness to use a finance app is based on the level of security and user-friendly it has.
Define
👉🏼 User personas👉🏼 User journeys👉🏼 User flows
User Personas
To better define my user, I created personas based on the ideas and data I got from the survey, interviews, and competitive analysis results.
Their motivations, frustrations, and goals & needs influenced the significant decisions in the entire product development process.
I realized along the way on my research that Alice is the more ideal user for this app.
User Journey
I then designed the users' steps to identify opportunities to simplify their journey to complete their goals with the product.
User flows
I then designed user flows to identify how users find and interact with the product based on the user journeys. This also assisted me in determining the key features of the application.
Develop
👉🏼 Card sorting and Sitemap👉🏼 Low-fidelity sketches👉🏼 Mid-fidelity wireframes and prototype👉🏼 Usability testing👉🏼 Test report
Card Sorting
To identify the Information architecture of HerCrypto, I decided to create a sitemap based on the results of an open card sorting survey.
I chose to do an open card sorting because I was genuinely curious how the results will turn out when the participants were not influenced or guided by anything.
Turning point...
The open card sorting ended up being too overwhelming for the participants and the data was not very helpful. To fix this, I conducted a hybrid card sorting.
Sitemap
Sketches and mid-fidelity wireframes
I designed the low-fidelity wireframes by sketching them on paper. Then I moved on and created the mid-fidelity wireframes on Figma. I created the wireframes for testing purposes.
Usability Testing
To validate the design of the mid-fidelity wireframes, I did a round of usability testing. I wrote a usability test plan that included the test's goals and objectives, the test questions, and the test script to prepare for the process.
Usability test report analysis
I conducted moderated remote usability test with 6 participants. I then organized the result from the test using affinity mapping. I sorted them into four categories: error, observations, negative quotes, and positive quotes.
👉🏼 Click me to see all of the post-its
Overall, most participants were overwhelmed by the numbers and steps taken in the app. To improve on this, I took some actions to simplify the app. I used a rainbow sheet to further identify the issues and drafted possible solutions.
Deliver
👉🏼 High-fidelity wireframes and prototype 👉🏼 Preference testing and peer review👉🏼 Final design and design style guide
UI Design
Once I tested and fixed the usability issues, I started designing the final UI Design on figma.
A/B testing
I asked potential users to choose their preferred screens by preference testing. In total, 27 participants did the preference test.
Peer-to-peer feedback
Final Design
High-fidelity prototype on Figma
Design style guide
Biggest challenge
Though I came in wanting to conceptualize an app that is themed around simplicity and that came with zero overwhelming feelings, most of my interviewees during the card sorting survey and usability tests were still overwhelmed.
Solutions
👉🏼 I learned to detach myself from the initial idea and redesign it into something more simple and is more appealing to the user.
👉🏼 I decided to change to a progressive style onboarding Instead of the overwhelming start guide that pops in and out of a FAB. The guide boxes will pop on the screen whenever the users enter a specific page.
👉🏼 I lessened the action buttons on the trade page. Instead, I added a 'more' button where, when pressed, it will pop up with the rest of the action buttons.
