What is MetaMask?

MetaMask is a software cryptocurrency wallet used to interact with the Ethereum blockchain. It allows users to access their Ethereum wallet through a browser extension or mobile app, which can then be used to interact with decentralised applications.

In this instance, I will be focussing on the mobile application available on the App Store.

The Problem

MetaMask has millions of users worldwide and a wide range of features that they can interact with. Upon opening the app for the first time, the user is walked through a short onboarding process in order to set up their wallet. For seasoned crypto enthusiasts this shouldn’t be an issue, but for first timers this can be a little overwhelming or confusing. 

There are four main steps in the onboarding before the user is directed to the dashboard. 

1. Accept the terms of use.

2. Create a password for your account.

3. Review your recovery phrase.

4. Enter the recovery phrase given to you.

These steps, although brief, will give the user the basic knowledge they need in order to access their account. However the information is presented in an inconsistent and at times confusing format, reducing any trust the user may already have in the platform. 

As you can see from the images below, there is a lot of variation in the styling of buttons, inputs and typography. Even when the onboarding process is complete and the user is directed to the dashboard, the style of messaging changes once again.

Overall, the process feels half hearted and unprofessional. Which isn’t something you want from an application meant for holding your investments. 

The Solution

In order to help alleviate some of the issues mentioned above, I did the following:

• Set a clear type hierarchy.

• Consolidate the styling of inputs and buttons.

• Adjust the colour scheme to inspire trust.