1

Web3 DApp用户体验的最佳实践

 2 years ago
source link: http://blog.hubwiz.com/2022/06/22/web3-ux-fundamentals/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Web3 DApp用户体验的最佳实践

2022-06-22

| 区块链

区块链开发课程精选

本文将介绍Web3去中心化应用程序(DApp)的用户体验(UX)应该遵循的一些最佳实践。

ux.png

用熟悉的语言学习 以太坊Web3 DApp开发Java | Php | Python | .Net / C# | Golang | Node.JS | Flutter / Dart

随着web3 应用程序的日益普及,大量新用户涌入该领域。 他们中的大多数都是第一次尝试去中心化应用程序,非技术用户的进入门槛仍然很高。

新用户不仅需要学习钱包、钥匙、gas 费等术语,而且 dApp 并没有让这一切变得更容易。

这个空间在一个主要由开发人员组成的社区周围发展得如此之快,以至于我们忘记了规范和良好的用户体验实践。 这与互联网最初的日子非常相似,开发人员、极客和早期采用者主导着这个场景,由于底层技术有点粗糙,可用性也被抛在了后面。

在无数的应用程序中,有一些做工精良并从大众中脱颖而出,但大多数仍然缺乏基本的可用性,作为尽快进入市场竞争的权衡。

我将介绍每个去中心化应用程序应该尝试遵循的一些最佳实践,以通过好的和坏的例子来改善他们的用户体验。

请记住,这些只是一些(可用性问题),并不是所有问题的详尽指南。如果你想阅读更多关于区块链设计原则 的信息,我会推荐Sarah Mills的文章,这些文章在今天仍然非常重要。

如需更多初学者资源,请查看此集合

1、什么是 dApp?

dApp 或去中心化应用程序是利用 web3 的去中心化特性的软件应用程序。dApp 背后的核心理念是用户拥有自己的数据, 不与 dApp 创建者或任何第三方共享。这是通过钱包、登录和身份验证、分布式数据库和文件存储系统(如IPFS )的组合来实现的。

  • 在访问网站之前不要要求自动连接你的钱包。

有时当访问一个新的 dApp 时,首先发生的事情是 Metamask 打开要求你连接钱包。

这实际上是一个烦人的做法,也是不好的做法。

用户没有机会检查你的网站或你提供的内容,他们被要求承诺连接他们的钱包。并不是说会发生不好的事情, 而是将用户从主要体验劫持到新窗口或弹出窗口中是我们需要避免的事情。

连接钱包与在 web2 场景中注册或登录你的帐户非常相似。

你需要用户做出选择,而不是强加给他们。

connect-wallet.png

2、Web3 UX最佳实践 - 用更少的术语创建有意义的界面。

Web3 应用程序带有许多最初可能会使用户感到困惑的新术语。因此,尽可能使用简单的语言很重要。

当某些事情无法用简单的术语解释时,也有例外,在这种情况下,添加工具提示或文档或资源的链接总是有用的。

meaningful-ui.png

3、Web3 UX最佳实践 - 创建用户引导和操作指南。

许多 DeFi 协议都有自己的 wiki 和用户指南,但它们并不总是很容易找到或维护得不好,因为它们不是产品的主要关注点。 另一方面,如果你是开发人员,则资源更加丰富。

对庞大文档的一个很好的折衷方案是在 UI 上添加一个帮助程序,这样用户就永远不会离开主要体验。

guide.png

4、Web3 UX最佳实践 - 不要让用户远离主要体验

正如上面的一些观点所提到的,将用户从主要体验中带出来并不是一个好主意,而将注意力转移到其他事情上可能会破坏用户流程。

如果你正在尝试创建转换并让用户尝试你的 dApp ,那么从开始到结束的线性流程更容易。

5、Web3 UX最佳实践 - 不隐藏重要信息,不误导用户。

交易费用或协议税并不总是被宣传,当用户发现时会有被背叛的感受。

应当非常清楚地展现你的协议将为交互收取的费用,包括(如果可能)网络上的预期 gas 成本。在一些链上,gas 费用可以忽略不计, 但如果你在以太坊主网上运行,至少让用户知道可能存在的高 gas 费用是一种好的做法。

cost-display.png

6、Web3 UX最佳实践 - 澄清正在使用的网络/区块链。

这应该是必须具备的,尤其是在不断增长的侧链环境中,并且 L2 解决方案并不总是清楚你的协议在哪些链上运行。

如果你的应用支持多链,让用户在链之间切换,或者如果你只在一个链上操作,通过显示链的名称让用户知道。

which-chain.png

7、Web3 UX最佳实践 - 始终告诉用户流程的每个阶段发生了什么。

如果在 dApp 中处理交易,请始终确保在某处显示它们及其状态。

新用户很容易对正在发生的事情以及他们是否执行了正确的步骤以完成任务感到恐慌。

澄清DApp正在与之交互的合约地址,以及是否有多个明确标记它们。

提交交易后,用户应该能够在区块浏览器上查看交易详细信息的链接。(其中一些并不是真正的用户友好,但如果你 正在与团队中的某个人交谈以获得支持,这对调试很有帮助)。

最后,回顾一下即将发生的事情或刚刚发生的事情,例如交易量、gas 成本和预期时间。

tx-status.png

8、结束语

我希望这个简单的良好实践列表将帮助你创建更加用户友好的 dApp。

我们还有很长的路要走,从全面改进技术到使其更加无缝和集成,但我们至少可以通过提供更好的可用性来掩盖其中的一些缺点。


原文链接:UX fundamentals for web3 apps

汇智网翻译整理,转载请标明出处


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK