UX will fix the Web3-trauma

UNmetamask challenges Web3' UX/UI: Skyward Finance example

Do you remember the days when you were suffering from unhealthy Web3 user interfaces? And now think of someone new to crypto and how he/she/they curse using services like Metamask. I am a big fan of no-code Web3 where even mums could use the Web3 services with ease.

Welcome,?UNMETAMASK? - a project where I will analyze popular Web3 projects and try to make them better via UX/UI research. Let’s start with the popular NEAR ecosystem launchpad?Skyward Finance.?Go-go-go!

Rule #1: every Web3 service should be inclusive to the non-Web3 audience (converting them from the Web2 to the Web3).

Main screen

On average, a person spends around 5–7 seconds on the main screen. It is important to make sure that the user stays after this time

• What the sky should tell to the visitor?
• Why it’s relevant for the crypto audience?
• Why visitors should subscribe?
• Where is the value communicated?

For a person who’s not familiar with the project, the main screen does not tell at all what this site is about.

Examples

Clear messaging about ecosystem connection and service purpose

Clear messaging and transparent call to action.

General recommendations

1.?Constant communication with the user

The main purpose of the website is to always communicate with the user.?

Help him answer the questions that arise:

Where am I?

A small description of the project or a slogan actualize the project and its purpose for the user. It makes it easier for him to navigate the new space.

Oh, I’m interested. I want to know more.

You need buttons “About” or "Contact", leave mail to satisfy this request, — any actions that will allow your user to continue exploring the website in search of a solution to their needs or just satisfy curiosity.

2.?It is important to speak with the user in his language

Imagine a visitor who knows nothing about the Web3, launchpads or even crypto. But he/she/they have enough financials to participate in IDOs…

These visitors don’t know Web3 slang and they feel stressed communicating with tokens, IDOs, and listings. All they want to have — soft onboarding where they would feel comfortable. So it’s crucial to minimize Web3 slang and make Skyward Finance more inclusive to almost anyone who wants to explore the world beyond crypto.

Improvements

#Making the Main page user-friendly

Here all the main actions that connect the user and the project are placed on the main screen. Users can perform the following actions with one click:

• Apply
• Join Telegram community
• Read news
• Purchase

This solution allows the user to maintain inner confidence. And even if he would have troubles — help is within quick reach. This allows you to keep the user longer on the site page at the first contact with it.

Before…

…After

Value

User will read a little information and decide what to do next. And if he would be motivated — he will make his decision quick and stay with you for longer.

#Highlighting crucial data

It’s important to show the key figures for the project immediately.

This allows visitors to track the dynamics of growth (and the most important activity). The first impression really matters (almost like in real life!):

• See the real numbers
• Show the general picture
• Ensure the project is alive
• Statistics is really believable

This approach allows answering the questions:?What is my benefit? Why should I trust you?

You can also animate the numbers, so the website will create an impression of ongoing liveliness and activity here & now.

It creates a sense of the movement of funds and is an argument for the user to stay for longer (decreese bounce rate).

Implementation example

Value

The user gets acquainted with the general figures of the project:

• what percentage of the collection and withdrawal of funds
• that most of the funds are sold in, let’s say, 6 months
• what’s the total volume.

All this reinforces the user’s confidence, trust and likeability of the project.

#Highlight transaction dynamics

GameFi example

Challenge: Now the “IDO cards” are hidden deep in the website and user needs to look for them. Skyward Finance could lost user before communicating importang information.

Therefore, it is important to bring IDOs onto the main screen. This is the main motive of the user to use Skyward Finance. Real-time transactions not just grab user attention, but decrease his “time on search”.

The dynamics of transactions will allow users to see current profit/transaction rates, token behavior etc. Moreover:

• The bidding process is open to the user
• Users can try the role of an investor in almost 1-click
• Visible sales dynamics provide useful insights

Improvement

Ongoing listings or starting soon

User has the opportunity to evaluate how many transactions have passed, and which are currently underway. You can quickly join and invest, or you can observe what’s going on with IDOs and wait for the best deal.

#Highlight a List of tokens on the platform

Coinmarketcap example

Benefit

This will allow user to see a deeper picture of the current IDOs activities. For an investor, seeing the general picture of the “market” is very valuable:

• Show on the main page a list of tokens that the site works with.
• The prospective investor will be able to immediately assess the risks/rewards and make his decision. Take a look at the entire market and analyze it rapidly.

The user gets to know the key projects at Skyward Finance and their trading volumes. The website demonstrates openness and provides an opportunity for analysis

The website already has an implemented list of tokens. It would be valuable to see more information on the card — it will add a better idea for analysis

> Improvement

User has the opportunity to see a brief information on each token/IDO and make decisions based on it. And also due to the fact that the cards are similar to investment cards, it will be easier for an inexperienced user to start using Skyward Finance with ease.

#Highlight the most popular IDOs

Display popular tokens/IDOs on the main page

It will be a valuable tool for quick benchmarking and assessment. It’s similar to the Web3 bank account where you always see exchange rates and their dynamics.

• Users will understand benchmarks and have an internal reference to compare existing with previous and successful projects (IDOs)
• Users will be better able to make better decisions and feel cared for

This will allow user to quickly get involved in the actual and the most important information and make useful actions for the Skyward Finance (deposit funds, choose the right IDO etc).

Summary

1. The Web3 services should re-think their purpose for the Web3 audiences: become more user-friendly to non-IDO, non-crypto crowds. This means, speaking the Web2 language, providing onboarding content, and decreasing additional stress (for example, with slang).
2. It’s important to articulate what’s the purpose of the website and why it really matters, so users could understand if he/she/they match the Skyward Finance profile.
3. Launchpads could invite visitors to explore actual, popular projects immediately. So potential investors would explore the latest activities, convert them into the hottest deals and perform an action ASAP.

Here and now we have a unique opportunity to nurture thousands of random Web2 users and teach them why Web3 really matters and how they could benefit from becoming a part of it. It’s important to take care of their user journey as if every user matters.?Making more user-friendly is a mission of the Web3 market.?And we are here to make it real

22 Jul 2022: today I experienced Solana's user-experience trauma > the next hero of UNmetamask storytelling

First published on my Medium: here