作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
马雅克·夏尔马的头像

玛雅·夏尔马

Mayank是一名产品设计师,专门从事金融科技和构建Web3应用程序和平台. 他在区块链、加密货币和金融交易所方面拥有丰富的知识.

以前在

AUTO1
分享

开发者有一个新互联网的梦想. Web3是一种去中心化的模式,让用户完全拥有他们在网上创建的平台和内容. 但是,试图彻底改变互联网面临着多重设计挑战——主要是, 构建用户界面,解决由Web3的独特特性引起的混乱和安全问题.

Web3解释

要理解Web3,了解一个 短暂的历史 关于互联网:

  • 网络1.0是分散的, 这意味着内容和平台的所有权和控制权分布在许多个人和企业之间.
  • 网络2.0是互联网的最新版本,它的发展要归功于少数软件 公司 与用户友好的平台,如苹果,谷歌,Facebook(现在的Meta)和Twitter. 随着越来越多的人成为活跃的创作者和在线消费者, 网络变得更加集中, 主要由几家公司拥有和控制.

有了Web3,开发人员正在让互联网再次去中心化. 科技垄断企业将不再拥有和控制用户创建的内容和平台. Web3还旨在解决互联网的安全和隐私问题.

Web3是:

  • 不可靠的: 开发人员、内容创建者和其他用户 保留对Web3平台和dapps(去中心化应用程序)的构建和维护方式的控制权, 以及什么内容可以发布. 他们对代码和服务的运行方式具有完全的可视性. 这与web 2形成了对比.0, 企业和政府拥有控制权,而用户无法独立验证有关应用程序如何开发和管理的信息.
  • 无许可: 用户可以进入任何Web3应用程序,而无需公司或政府机构的授权. 他们用持有私钥的数字加密钱包登录, 他们用来访问数字货币的密码. 钱包可以是类似于USB驱动器或移动应用程序的硬件 MetaMask 和TrustWallet.
  • 分布: 互联网产品和服务的权力和控制权并未集中在投资者或首席执行官手中, 但要在用户之间公平分配, 谁根据他们对Web3平台的开发和维护的贡献获得所有权.
  • 开放: Web3运行于 区块链,它将数据存储在称为块的单个组中. 一旦一个块填满了信息, 它和前一个相连, 按时间顺序形成的. 区块链是一种开放的分类账,最常用于记录金融交易.

许多Web3应用程序是由主要由开发人员组成和领导的小团队构建的. Some teams are independent; others are employed by 公司, 包括NFT(不可替代代币)市场和加密货币交易所. 通常,是开发人员雇佣设计师来开发Web3产品. 在很多情况下, 有Web3经验的设计师优先考虑,因为在这个快速变化的领域,学习曲线陡峭.

Web3用例和扩展障碍

Web3以金融应用为主:加密货币, 用于交易的加密交易所(去中心化交易所), 或敏捷), 和 非功能性测试,这是用来表示唯一的数字或物理物品的所有权. 另外, 分散的财政, 或挑战, 允许用户绕过银行,获得点对点金融服务, 比如借, 贷款, 赚取利益, 以及交易资产.

事实证明,将Web3扩展到其他行业是困难的. 例如, 没有办法区分一个合法的Web3网站和一个欺诈网站——这个问题被放大了,因为用户必须输入他们的 加密钱包凭证 以进入Web3平台. 如果一个Web3网站是一个骗局,任何进入网站的用户都有可能失去他们所有的钱.

另一个问题是区块链不允许上传图像或视频. 用户可以将媒体存储在像以太坊这样的加密网络上,但这很昂贵.

在Web3视频游戏中, nft可以代表玩家的化身和购买的物品,但通常不可能将这些资产转移到其他游戏或应用程序中, 减少玩家的投资,阻止他们玩Web3游戏.

设计师必须知道的事情

利用以下UI模式和 用户体验设计原则 可以促进Web3平台的发展;

提供清晰的提示和完整的信息

许多Web3应用错误地假定用户有相当丰富的经验. 相反,设计师应该澄清Web3不熟悉的功能和操作的含义. 例如,在将加密资金存入 资金池在美国,新投资者需要知道,他们的资金可能会受到影响 失去价值-一个警告,可以在存款界面上弹出消息.

DeFi应用程序上的活动由称为协议的标准管理. 大多数DeFi应用程序执行定期安全审计并记录关键发现, 包括漏洞、代码问题和修复. 设计人员可以确保DeFi应用程序在新的审计报告可用时通知用户, 它们还可以通过将复杂的部分总结为清晰的文本,从而使审计更容易理解.

同样的, 许多人阅读Web3产品文档来理解协议的机制,并在使用应用程序时做出明智的决定. 这些材料中的大部分都是难以理解的技术术语.

在这里再次, 设计人员可以通过在文档部分的开头提供会话摘要来确保用户友好的内容, 以及更多技术内容的链接. 弹出式词汇表可以作为链接图标嵌入 在文本中,用户只需点击鼠标或手指就能了解术语的含义. 并且,副本可以用说明重要Web3概念的图像来分解.

使用熟悉的货币来沟通汇率

随着比特币等加密货币越来越受欢迎,它们的价格也在波动, 很难追踪它们的价值. 在购买代币的数字钱包和电子商务应用程序中, 出售, 以换取nft等资产, 设计师应该向用户展示从加密货币到其本地货币的价格转换,并避免使用超过几个小数点后的数字.

使钱包和交易哈希易于读取

默认情况下, 区块链上的每个地址都是一长串字符,最多42个,称为ID或哈希. 在发送资金时,人们必须检查整个字符串. 犯错误很容易,而且风险很高:所有区块链交易都是最终的. 如果资产被发送到错误的钱包地址,就没有办法恢复它们. 在我工作的一家投资公司, 我们代理ICO(首次代币发行)交易, 向参与其中的企业发送巨额转账——我们做到了 六个 人们每次都在检查收件人钱包地址.

以太坊名称服务(ENS)使人们能够将他们的哈希值更改为更容易阅读和记忆的内容, 比如他们的名字加上 .以太币. 然而,并不是每个人都使用ENS,因为它很昂贵.

Web3 UX设计人员可以通过只显示哈希的前四个字符和最后四个字符,让用户无需检查整个字符串即可验证它,从而减轻事务的压力. 设计人员还可以要求用户在任何交易之前仔细检查哈希值, 它们还可以在每个收件人地址旁边加上一个识别标志. 这些额外的验证层应该伴随着一个提醒,即将资产发送到错误的地址将导致资金的完全损失.

澄清交易等待时间

通过银行在线转账时, 您将立即收到状态更新或确认交易已完成. 这与Web3 dex不同. 区块链交易的最短处理时间约为三分钟,但我不得不等待长达两个小时. 我已经使用这项技术六年了, 当钱离开我的钱包,而我没有收到及时的送货确认时,我仍然会感到恐慌.

更多的dex应该通过文本或动画显示事务状态, 在状态栏或通知中. 如果无法在UI中显示更新, 提供到开源块浏览器的链接——比如以太坊上的Etherscan——是一个很好的选择.

截图显示T以太币er (USDT)存款通知, 托管在以太坊网络上的加密货币. 一条消息如下, "If your deposit does not arrive within the estimated time frame, check the progress with Deposit Self Help" 和 provides a link. 还有文字表明,平均到达时间为三分钟,硬币将在12次网络确认后存入. 此外,还显示了用户的当前余额为0 USDT.
关于加密货币T以太币er (USDT)在以太坊网络上存款的通知. 更多的Web3交易所需要显示交易状态和平均交付时间,以增加用户的舒适度和信心. (来源:Shetcoiner.com)

实现“最大发送”按钮

比特币、以太币和其他 cryptocurrencies 通常以小数位数表示,例如0.0000085191. 当向个人或企业汇款购买资产时,很难准确有效地键入总金额, 比如NFT, 或者把钱存入 聪明的合同. 我建议设计师在应用程序中创建一个“最大发送”按钮, 允许用户一键将其整个钱包余额转移到另一个地址.

This is convenient when the balance of a person’s wallet is equal to or slightly higher than the sum they need to transfer; some users have multiple wallets, 是什么增加了这些事件发生的可能性. 他们可以发送全部余额,该功能会自动将其转换为比特币或以太币. 当钱包余额大于应付总额时,此功能不做任何会计处理, 因此,设计师应该包含一个确认对话框,以确保用户不会错误地发送超出预期的信息.

解释天然气价格是如何运作的

Gas可能是Web3中最令人讨厌和困惑的东西,特别是对于加密新手来说. 天然气价格 用户是否需要支付额外费用来支付处理交易所需的计算能力成本. 用户可以选择支付更高的费用来加快转账速度.

设计师需要解释什么是气体以及它是如何工作的. 如果可能的话, 他们应该以用户最常用的本地法定货币(通常是美元)显示天然气价格。. 设计师 could also suggest a viable combination of gas price 和 resulting transfer speed; if transactions stall or fail due to low gas payments, 设计师应该允许用户支付更高的费用来加速转账.

使用户的交易历史易于访问

几乎所有集中的电子商务网站(web 2.0)允许用户检查他们全面的购买历史. 在去中心化的交易所很难访问这样的记录:钱包提供了交易历史, 但一次只能对一个账户, 而且很难或不可能被dapp过滤. 在一个集中的平台上获得这种历史记录, Web3用户必须使用像Etherscan这样的块浏览器, 这是不友好的,使难以找到具体的交易.

Web3设计者应该给人们一种简单的方法来查看他们在各个dapp中进行的链上交易. 这应该放在一个容易找到的地方,比如侧边面板或菜单. 另一个选择是创建一个chain-view"模式,由按钮激活:一旦点击, 它会在整个UI上放置一个过滤器, 表示存储在区块链上的D应用程序中的所有内容,包括交易历史. 允许用户轻松过滤和导出他们的交易记录也会很有帮助.

屏幕截图显示了Zerion上用户交易历史的一部分, 以太坊网络上的去中心化交易所. 两种加密货币的存款——BitTorrent和以太币——是有特色的, 还有一张小熊软糖的收据. 此外,图片显示余额为15023美元.99,以及天然气价格、货币兑换和加密货币购买的选项. 侧菜单显示历史记录与概览一样易于访问, 投资, 转移, 非功能性测试, 还有其他选择.
用户在以太坊网络托管的DeFi平台Zerion上的交易历史记录. 设计师可以通过使这些记录易于访问来改进许多Web3应用程序的UI, 过滤器, 和出口. (来源:Zerion)

启用简单,私钥管理

允许用户访问其数字钱包的私钥并不容易存储. 人们有时会忘记备份它们,或者不知道如何备份. 这些密钥一旦丢失就无法恢复:没有“重置密码”选项. 设计人员可以通过遵循MetaMask的示例并为每个用户提供一个 种子词这是一组可以用来打开钱包的单词.

设计师还需要提醒用户,如果他们丢失了私钥或种子短语,他们的资金将无法访问,而且很容易被盗. 这样的消息应该会在用户的钱包应用程序中弹出, 首先在设置钱包时作为通知,然后在预设的时间表上作为循环提醒.

关键的外卖

Web3越来越受欢迎,并扩展到数字钱包和金融平台之外, 设计师需要让Web3应用更加一致和直观. 他们还必须提供更直接的用户教育,帮助新手熟悉Web3平台上的新功能和交互.

让dapp感到安全也必须是一个高优先级. 控制不可信的人是不可能的, Web3的无权限特性, 但设计师可以预测可能出现的问题,并帮助防止这些问题的发生. 对于风险的更透明的警告将在很大程度上缓解人们的担忧,并说服他们接受Web3.

了解基本知识

  • web3到底是什么?

    Web3是一种新的、去中心化的、开放的互联网形式. 它让用户完全拥有自己创建的内容和平台. 用户通过包含加密货币的数字钱包登录应用程序. Web3运行在区块链技术上,主要用于金融交易.

  • 谁是web3的幕后推手?

    加文·伍德, 谁帮助开发了加密货币以太币及其网络, Ethereum, 是web3之父并经营着web3基金会, 哪一个支持分散的技术项目. 他也是奇偶科技公司的负责人, 一家专注于为web3构建区块链基础设施的公司.

  • dapp能做什么?

    D应用程序s, 或者去中心化应用, 能让用户在web3的世界里参与各种活动吗, 比如创建内容, 用加密货币交换资产, 玩游戏. 绝大多数dapp用于金融交易.

就这一主题咨询作者或专家.
预约电话
马雅克·夏尔马的头像
玛雅·夏尔马

位于 柏林,德国

成员自 2017年1月6日

作者简介

Mayank是一名产品设计师,专门从事金融科技和构建Web3应用程序和平台. 他在区块链、加密货币和金融交易所方面拥有丰富的知识.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前在

AUTO1

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.