如何设计以用户为中心的 Web3 应用程序 (DApps)：技巧和窍门

在从很快但稳中有进的塑造中，去心中化利用系统 (dApps) 即将比 Web2 共行更上层房，具有更具的粉丝审判权和数值所有的权。

其实一样，UX/UI 的过去要素（即不对的游戏界面成分、很卡的玩家入门教程、比较简洁的语言学）如果具备有社会价值；其它上，UX/UI 结构设计师们和设计者在积极为 dApp 创造出饶有趣味的玩家客户体验时存在着独有的击败。

实际上上，有统计汇总数据库提示，只能是对采用去中心局化采用方式有核心。

大家憧憬越来越多的选择权，符合要求形象的网页让人们可以毫无努力地查看僵化的 Web3 基本特征和电脑网络。

一般说来想要与网页设计师频繁进行合作能力控制你们的创造；Web3 的去心中化性让你们二次逻辑思维科学家行为表现变数，比如说相互信任基本要素，由于 dApp 已经依赖性两边人与心中化医疗机构。

什么让 Web3 用户心动不已？

与传统文化的 Web 采用流程多种，Web3 取悦了复杂化化的消费群，从的经验多样的 到刚从事的新人。在构思 dApp 时，请考虑到哪些多种档次的技木体谅。

• 加密货币原生用户：这些用户熟悉钱包、 和 gas 费等概念。他们可能会优先考虑高级功能和自定义选项。

  
  

• 新手：这些用户可能不熟悉，需要清晰的解释和指导。简单易用对这个群体来说至关重要。

Web3 直观设计的关键原则

在深入研究Web3 和区块链 dApp的直观设计时，了解用户的心态和旅程至关重要。首先考虑一下受众的心理模型。他们是区块链技术的新手还是该领域的老手？

装修设计时考量你们的内容总体水平能特殊增长能用的 性。

1. 将 Web2 的熟悉感引入 Web3

在相关内容的时候下滑植 Web2 中的隐喻和业务方法。这并不暗示着着您大概躲避 Web3 的的创新属性，还大概立足常用的 UI 引擎。很熟悉还可以打烂性障碍；当普通用户面部识别出方式时，这些会更容易、更自信心地汽车导航。

2. 少即是多

Web3 原本的态度以及……好多了。清楚和简洁会考核评价设置考虑。令人感动难题的布局图能够会直接影响粉丝进入度。对立，会倾力于定制是一个一尘不染、一尘不染的网页，特别指出核心思想能力。大体原子会放入最上和最中心的的位址，以减少社会认知负税，助力粉丝更快的弄出取决。

3.反馈循环

另个要素工作方面是意见回馈。在 dApp 中，每个作业（随后掉期购买或统计资料投入）都应按照意见回馈（随后突出确确实实认触摸屏或h动画）对其进行证实。一致，当手机用户面临报错消息提示（亦或，用 UX/UI 专用名词策略而言，是“不舒适的根目录”）时，要马上出示意见回馈和化解实施方案。

这让用户组确信我们的作业被见证然而有用，而使搭建另一种可信任和稳定可靠感。

4. 跨设备类型的一致体验

与很很多 Web2 操作系统流程一样的，dApp 可在电信设配、桌子和睦板电脑主机上运作。跨繁多服务平台的同步性设计可提高客户体验感。不论是在桌子操作系统流程还电信对话框上，同步的网站导航和错觉报错可以辅助客户型成操作系统流程的思导图，可以做到设配彼此的无缝对接缓冲间。

它还可下降部分成交活動中不要的自责，举例子便用两根不同于的设施设备扫码二唯码和键盘输入零钱包地此。

5. 安全和隐私

在 Web3 中， 不同小觑，会因为微信用户大部分治理着有作用的小数债务（想象的一下吧巨鲸改变的非常庞大个数）。首先综合考虑很强的身份地位效验的方式、有关的的信息自身防护风险的了解报警或者有关的的信息最佳的防护实践操作的学前教育的资源。

似乎 Web3 和板块链以无可篡改的见证时间而举世闻名，但注重用加强密高技术庇护用户组数数据源，并指明传播防举措以让用户组数滿意。带来了简要的交易价格提要和活动组织历吏见证时间也就是种开展信度的技术。

Web3 UX/UI 设计的实用技巧

让小编们将一些方式转变为能够的结构设计机制：

1.入职

第1 的印象很大要。手机粉丝已经会再担心很复杂度或安全管理风险存在，那么创建活动个顺畅且目不暇接的进入流程图来访谈提纲新手机粉丝清楚 dApp 的基本的知识点是个养成好习惯性。遵循在应用软件内和电脑网络上出具人机交互式基础教程或分阶段白皮书。

单屏注册公司是一个种原素的工艺，将会更比较适合体力非常丰富的 Web3 使用者，孩子们就了解会形成什么样，或者能够更快地同时进行在其中。

可拖拽的入门上手网页已经对新手入门看来很理想的；这些也容易定义的文件后缀有助孩子们吸取 dApp 的目标功能键和價值主曾。纵使愈来愈，一家好的面的做法是将拖拽频繁管理在确定不高达三遍，毕竟每曾加一歩就会曾加使用者溜走。

2. Web3 钱包集成

接入图片加密成本一般是手机用户账户与 dApp 的首先次真实沟通交流。呆笨的成本融合工作概率会造成的手机用户账户郁闷和的放弃。达成无缝焊接融合的些许工艺属于：

• 一键连接：尽可能实现“一键”连接。利用 WalletConnect 或类似协议来尽量减少所涉及的步骤。

  
  

• 钱包检测：自动检测用户安装的钱包并突出显示其首选选项

  
  

• QR 码支持：提供 QR 码扫描作为替代连接方式，特别适合移动用户。

  
  

• 支持多种钱包：通过支持 MetaMask、Coinbase Wallet、Trust Wallet、Argent、Rainbow 等热门钱包，当然还有基于 aelf 生态系统构建的Portkey ，满足广泛用户的需求

  
  

• 新手指南：提供清晰的说明和视觉辅助，指导用户完成连接过程，尤其是对于刚接触 Web3 钱包的用户

  
  

• 安全提醒：在连接过程中显示清晰简洁的安全提醒，强调保护私钥的重要性。

3. 了解你的客户（KYC）集成

尽管去中间化是 Web3 的基本前提，但一些 dApp（还是比较是正确处理金融业转让或的敏感资料的 dApp）要有认知你的用户 (KYC) 步骤以遵循法律规范并提高认识安全防护。

• 透明度和清晰度：明确解释为什么需要 KYC 以及如何处理用户数据。提前说明将收集的信息及其使用方式。

  
  

• 简化流程：使 KYC 流程尽可能高效。尽量减少步骤数和所需信息量。

  
  

• 安全的数据处理：强调保护用户数据的安全措施。考虑使用去中心化身份解决方案来增强隐私。

  
  

• 用户友好的验证：与可靠的 KYC 提供商集成，提供流畅且用户友好的验证体验

  
  

• 清晰的反馈和状态更新：在整个 KYC 流程中让用户了解情况。提供有关其验证状态和任何所需操作的清晰反馈。

4. 交易流程

刷卡进行在线交易是基本上数 Web3 数据交互的主要。依据打造 Gas 加盟费、预期刷卡进行在线交易时间段和核对步的模糊说明怎么写来简易化刷卡进行在线交易标准流程。

• 视觉清晰度：使用清晰的视觉提示突出显示关键信息，如交易金额、gas 费、网络费和预计完成时间

  
  

• 实时反馈：使用加载器、进度条或状态通知为用户提供实时交易更新

  
  

• 动态价格更新：对于涉及或交易的交易，显示动态价格更新以反映市场波动。包括有关价格波动及其对最终交易金额的潜在影响的明确免责声明。

  
  

• 后台处理：尽可能允许用户离开交易屏幕并在后台处理交易时执行 dApp 内的其他活动。在完成或发生任何错误时提供通知或警报。

  
  

• 确认步骤：实施明确的确认步骤，以防止意外交易。要求用户在提交之前查看并明确确认交易详细信息。

  
  

• 交易历史记录：提供详细的交易历史记录，方便访问和搜索。允许用户按日期、类型或状态筛选交易。

5.错误处理

严重严重错误都不可防止出现的。千万别表示寻常性的严重严重错误消息推送，而要提拱到底且翔实的处理的问题的访谈提纲 — 很好应用精神抖擞反之亦然心的语种来提供。

• 具体且信息丰富的消息：避免使用“交易失败”等通用错误消息。提供有关出错的具体详细信息，例如“资金不足，无法支付 gas 费”或“网络连接错误”。

  
  

• 上下文指导：提供关于如何解决错误的上下文指导。例如，如果交易因资金不足而失败，则提供用户钱包的直接链接或有关如何获取更多所需加密货币的指南。

  
  

• 错误预防：尽可能采取措施预防错误。使用输入验证来确保用户输入正确的数据格式，并在用户采取行动之前明确警告潜在风险。

  
  

• 恢复机制：提供常见错误的恢复机制。例如，如果用户发起的交易的 gas 费用较低，导致交易延迟，则允许他们通过提交费用更高的新交易来“加快”交易速度。

  
  

• 友好的语言：避免在错误消息中使用技术术语（例如，Error 404）。使用清晰、简洁、自然的对话语言，让所有用户都能轻松理解。

6. 工具提示和解释器

不用假如说用户组解读所有的。采取在数字6接触的面积点上中量应用平台提升或可加密的问题页面设置卡；以比较简洁、通熟和简单明了的手段解悉“gas 费”、“智慧期货合约”、“区块链 链微信网络”或“ ”等有难度用语。

在 dApp 内打造信息库或特别的长见原因解读来可以容纳更长类型的促进资源也是一种个特别好的这种做法。

7.测试和迭代

工做永无限可能，即是发部后也是尽管。慎重测式和发布 dApp 以维修错误信息是理所必然的，但这才是提供持续改变的玩家的需求的先导性。

在本论文前边，我们都看到了经过实地调查、专访和能够用性测试图片开始的用户数钻研。是其中一个察觉的金矿石，可进一步有对应性地有效改善 dApp 体现。

A/B 测量和玩家逐字备案是核验 UX/UI 规划原行和有效的市场理论的二种最易用的方式。会根据看见的报告单要做好注意，并监视什么样的的方式有效的（什么样的的方式废）。

以上步聚应该是会会使你更快要你剧本创作的“南极星”。

结束语：额外提示

dApp 的成功的 但关键在于于一末知缘由。朋友会切记你的撰写，还是要会再者实用你的撰写？

提供个性化体验可能是答案。这意味着用户在与 dApp 交互时可以根据自己的行为和偏好获得量身定制的推荐。它可以是简单的东西，例如用户最常用功能的预设快捷方式，也可以是帮助完成某项活动的定制建议。可以通过分析链上活动、预测用户偏好甚至提供主动帮助来帮助实现这一点。

以消费者的为服务中心的感觉和app软件界面也不断延展到的设计规划工人和的设计工人所担任的app软件复兴台——搭建者使用价值也是消费者的。

比如您在 （高效能第 1 层努力上进行实现，其 AI 器具包和 aelf Playground 集成化開發情况的使用者友善性将使实现过程中 愈来愈随意有趣味，从而您和您的销售团队能否精益求精于构思更优的使用者体验度。

---

关于aelf

aelf 是名列前茅的 Layer 1 区域链，极具信息框架操作系統、并行执行补救、云原生态环保搭建和多侧链新技术，可保证美好可优化性。aelf 成立有限公司于 2017 年，全球最大中地处刚加坡，是同行业首批用最开始进的 AI 集成系統创新引领东方人区域链提升的有限公司，将区域链转型为更智慧、可个人能力创新的生态环保操作系統。

aelf 采用其原始 C# APP开发管理APP包 (SDK) 与相关计算机语言（还有 Java、JS、Python 和 Go）的 SDK，带动在其第 1 层区域链上融合、集合和部暑智慧合同协议和去中心点化应用软件软件 (dApp)。aelf 的模样健康模式还是指一产品 dApp，以适配生机勃发快速发展的区域链手机网络。aelf 锐意信息化于在其模样健康模式中带动信息化，并将延续锐意信息化于深入推进 Web3、区域链和 AI 技術的应用软件。

详细了解关干 aelf 的大量资讯，并与大家的居委会始终维持连续：| | |