Introducing the UX Best Practices for BUIDLers Series

Blocknative Ethereum Web3

Here at Blocknative we spend a lot of time thinking about Dapp usability. Because usability is key to blockchain catching on and taking hold among the masses. If people have a hard time using something, they won’t. Just like if a tree falls in a forest and no one hears it… if a game-changing Dapp has few active users, can it really change the game?

As part of our Dapp usability work, we have worked with Dapp developers to find actionable ways to improve usability. The responses have been insightful and productive, though most of these conversations have happened in private. So, in an effort to share our learnings — and provide the community with actionable tools — this post marks the first in an ongoing series focused on UX Best Practices for BUIDLers.

We plan to publish posts that provide actionable insights on how to improve your Dapp’s UX. We’ll cover both our own findings and highlight other projects and developments in the community.

Dapp Transaction Audit TemplateSo let’s kick things off with our first post in this series: open sourcing our Dapp Transaction UX Audit Template.

 We created an audit template to help designers and developers objectively evaluate the transaction usability of their Dapps.

This template provides a simple scoring system for Dapp transaction usability across two major categories:

  • Onboarding Support How well does a Dapp support new Web3 users on desktop browsers? Returning users? All the scenarios that could prevent someone from using the Dapp? Does the Dapp also handle users on mobile and give them specific instructions?
  • Transaction NotificationsHow well does a Dapp keep users informed as transactions move from Approved to Pending to Successful (or Failed)? How do these notifications get delivered? Are they in an easily-human-readable format?

The objective of this template is to make it easy for designers and product managers to go through their Dapp step-by-step and evaluate it across a dozen crucial elements of successful Onboarding and Transacting. The template also covers:

  • Language — Was it easy to understand the terms and prompted instructions?
  • Usability — Did the Dapp use consistent and familiar patterns that guided me through the task?
  • Visual Consistency — Was the Dapp visually consistent, providing me with visual cues?

You can get the template here: Dapp Transaction UX Audit Template. It emerged after we manually audited a half-a-dozen prominent Dapps to evaluate baseline industry transaction usability. To get started with your own audit, grab the template and work through the instructions to audit your Dapp. Oh, and please share your results with us — we‘d love to see your work!

Download the Audit Template

We created this tool to assist developers and designers in the ecosystem to continue to build human-friendly Dapps. We hope this is another small step in creating shared best practices for interacting with the new web.

And as always, send us your feedback. You can find me on Twitter via @aseoconnor

 


Blocknative believes that for users to adopt blockchain, we have to be friendly, human, and simple. We build tools to help users easily onboard and transact with your Dapp. Sign up for free below.

 

Observe Ethereum

Blocknative's proven & powerful enterprise-grade infrastructure makes it easy for builders and traders to work with mempool data.

Visit ethernow.xyz

Want to keep reading?

Good choice! We have more articles.

blocknative-gas-estimator-extension-now-supports-multiple-blockchains!
Gas

Blocknative Gas Estimator Extension Now Supports Multiple Blockchains!

Big News: Blocknative Gas Estimator Extension Now Supports Multiple Blockchains! We're super..

understanding-blocknative's-gas-estimator:-why-do-some-predictions-show-the-same-values?
Gas

Understanding Blocknative's Gas Estimator: Why Do Some Predictions Show the Same Values?

Understanding Blocknative's Gas Estimator: Why Do Some Predictions Show the Same Values? If you've..

base-101:-how-gas-works-on-base
Gas

Base 101: How Gas Works On Base

Incubated and developed by the popular centralized exchange Coinbase, Base is an Ethereum Layer..

Connect with us. Build with us.

We love to connect with teams who are building with Blocknative. Tell us about your team and what you would like to learn.

"After first building our own infrastructure, we appreciate that mempool management is a difficult, expensive problem to solve at scale. That's why we partner with Blocknative to power the transaction notifications in our next-generation wallet."

Schedule a demo