设计区块链的挑战:我如何设计Swapy Exchange UX

由Plinio Braga(Swapy Network的首席UX设计师)撰写

区块链是近年来出现的最具创新性和世界变化性的技术之一。 它位于比特币,以太坊等许多数字货币网络的背后,并具有极大改变我们未来交易价值方式的能力。 但是什么是区块链? 区块链有很多定义。 我喜欢这一个:

“区块链是一种分散的,分布式的和公共的数字分类帐,用于记录多台计算机上的交易,因此该记录不能追溯更改[…],这使参与者可以廉价地验证和审计交易。 维基

它看起来很简单但功能强大,其含义和用途是无限的。 它不仅限于金融,还可以应用于艺术,音乐,股票,知识产权等。 有人说它可以释放物联网的力量,有人说它将引领我们进入价值互联网的新时代。 要了解其潜力,我建议观看此视频:在7分钟内了解区块链:Lloyds Bank的Don Tapscott

在本文中,我将以Swapy Exchange D’App UX设计为例,讨论在为区块链设计时遇到的挑战。 Swapy在其应用程序中使用以太坊区块链。 要了解以太坊,我推荐这篇文章。

Swapy Exchange是Swapy Network提出的三个分散式应用程序之一。 这是一个建立在以太坊区块链之上的D’App ,旨在将利率较低国家的国际投资者与利率较高国家的信贷公司联系起来,从而为第一资本和较低成本的资本提供更好的回报。后者用于贷款交易。

Swapy Exchange旨在降低新兴国家的资本成本,并以提供通用信贷渠道为使命。 为了实现该目标,Swapy计划开始将其(国际投资者)与(本地信贷公司,金融技术公司和其他金融提供商)连接起来的业务。 该方法旨在降低合规风险,并使其能够根据每个国家的法规进行操作,从而降低了最终用户的信贷成本。

在该平台中,来自利率较高国家的信贷公司启动了自己的筹款活动(贷款条件)。 利率较低的国家的投资者可以在平台中找到并选择最佳的投资选择,进行投资并跟随投资,以获得更好的回报。

Swapy Exchange分为两个路径,即[ 投资者路径 ]和[ 信贷公司路径 ],它们代表平台的两组用户

当国际投资者登录该平台时,他可以使用来自世界各地的信贷公司提供的各种筹款优惠,并且他可以选择哪种投资选项更适合其需求。 投资者选择他要投资的筹资要约,从他要投资的要约中选择多少资产并完成投资。 所有所做的投资都会显示出来,并且可以在(管理)屏幕仪表板上进行跟踪,并且可以在以太坊区块链上注册。

信贷公司在平台上登录后,便可以创建筹款活动,并将其提供给来自世界各地的国际投资者。 信贷公司设置要筹集的金额,要约的条件,并启动自己的筹集要约。 筹款活动向全球投资者开放。

投资者在平台上的主要行动-用户目标

  • 选择投资报价
  • 投资
  • 跟随他的投资
  • 获得投资回报

信贷公司在平台上的主要行动-用户目标

  • 创建筹款活动
  • 获得投资
  • 将投资转移到所需的帐户
  • 将投资退还给投资者

次要共同行动-用户目标

  • 以太坊 [ ETH ]( 将转移并返还投资的加密货币 )和Swapy [ SWAPY ]( 将保留贷款抵押品的加密货币 )喂养自己的钱包

作为交互设计师,我们需要记住,它与界面无关,而与人们想要做什么有关! 要提出出色的设计,您需要知道这些人是谁,以及他们正在努力实现什么。 — Cordell Ratzlaff —(设计交互作用— Bill Moggridge)

为了能够设计UX并达到使任何人都可以使用该平台的可用性水平,甚至对区块链和以太坊一无所知,我们需要深入了解该技术带来的功能,尤其是要了解其痛点,它的局限性。

分析得出以下数据参数:

  • 作为一项新技术,必须指出,当今用户需要使用其他服务才能购买,维护和交易其加密货币,例如个人钱包,交易所和其他应用程序。 ( 方法 :为了保持一致的体验,我们尝试将外部常用扩展中的某些功能合并到Swapy平台中。其中一个示例是可以在主顶部白条上找到的Metamask图标(Fox的头像)。集成了Metamask平台的连接使我们能够显着减少摩擦,增加易用性并解决一些工程问题,有关此方法的更多详细信息,请参见ÍcaroHarry撰写的这篇精彩文章。
  • 尽管“贷款”将以法定货币(美元)进行交易,但必须以以太币进行转移。 如果未正确说明和显示,可能会造成混淆。 ( 方法 :我们在最上面的顶部栏清楚地显示了与ETH的美元对应价值及其指数,以确保透明度和便利性。)
  • 以太坊区块链上的交易可能需要不到一分钟的时间才能被( 1 )开采,但它们也可能需要几分钟的时间才能完成。 必须清楚地传达用户在过程的哪个部分。 ( 方法 :将有关采矿过程的视觉信号增强为“负载”信号。此外,我们在(通知)上添加了通知信号,以告知采矿过程的当前状态。)

什么是Metamask ?: MetaMask是一个扩展,用于在普通浏览器中访问启用了以太坊的分布式应用程序或“ D’apps”! 该扩展将以太坊web3 API注入每个网站的javascript上下文中,以便dapp可以从区块链读取。

MetaMask还允许用户创建和管理自己的钱包,因此当D’app想要执行交易并写入区块链时,用户会在批准或拒绝交易之前获得一个安全的界面来查看交易。

我试图用最少的步骤来创建流畅的用户流程, 以完成用户目标 。 目的是使过程尽可能简单,以减少摩擦点。

为了提高平台的可学习性,我们对使用线性流程进行了优先排序,减少了视觉干扰,使其保持一致,并在实现用户目标的所有步骤中提供了积极的指导。 该指导可以在屏幕标题旁边的所有屏幕顶部看到。

在设计区块链时,另一个要考虑的问题是向用户提供有关其平台上实际,上一步和下一步的持续且定期的反馈。 为了确保这一点,我们强调了方向(例如(下一个)和(返回)按钮),增强的通知和可视指示符(例如(挖掘负荷))。

尽管已尽力减少行话 ,并减少了平台中诸如(哈希)和(gas)之类的技术术语的使用,但我们仍然认为保持已被合并到(( 2 )wallet这样的技术中的某些单词仍然很重要地址)。 我们认为,诸如(钱包地址)之类的表达式已经是区块链身份的一部分,不能简单地用相关单词代替。 它具有自己的价值和意义,需要加以保留。

为了代表采矿过程,我们选择了不同的装载机。 实际上,我们认为它是SVG加载器,与加载相比,它最好地转换了挖掘的想法。 尽管加载和挖掘都与等待过程相关,并向用户传达了在完成某件事后需要等待的事实,但挖掘的思想超出了范围,并且还唤起了一种数学演算的感觉,一种互动的进行,等待的原因以及需要更好的视觉隐喻。

当设计一种新技术时,面临的主要挑战是可以使我们所熟知的世界发生革命性变化,但是作为区块链,它尚未达到繁荣时期,那就是要使技术人性化 ,使其易于使用,并且不是简单的任务。 因此,转换技术观点,将工程决策收集到可行的接口中可能会很棘手。 我们定义的策略是从简单开始并不断改进,提供必要的功能以令人满意的用户体验运行平台,并根据我们的真实用户的反馈不断改进它。

您必须先从客户体验开始,然后再进行技术开发。 —史蒂夫·乔布斯

我开始根据早期的线框和每个主要用户故事的用户流以及我们从早期版本的Swapy Exchange收到的反馈来设计界面。 这项研究和用户的反馈为我们提供了重要的见解,以帮助我们改善自身可用性

一旦设计了每个用户流程屏幕,就将进行验证步骤并与开发人员团队和CTO进行一般性讨论,以改善用户体验,并吸收技术方面的重要反馈。 我们致力于创造易于使用的产品,并尽可能减少摩擦。

在具有特定术语和特定细微差别的领域(例如区块链), 细节对于确保一致且易于理解的用户体验至关重要

目的明确:通过清晰客观的沟通可以轻松遵循用户目标? 用户始终毫无疑问地知道自己在做什么?

一致性:相似的元素具有相似的外观和功能吗? (保持一致是使用一种一致的语言与您的用户进行交流。)

一致性是最强大的可用性原则之一:当事物始终表现相同时,用户不必担心会发生什么。 相反,他们根据较早的经验知道会发生什么。 每次在艾萨克·牛顿爵士身上放出一个苹果时,苹果都会掉在他头上。 那很好。 —雅各布·尼尔森(Jakob Nielsen)

可用性:在尝试实现用户目标时,用户对产品的感觉如何有效,高效和令人满意? 易用性如何?

易于学习:从未看过界面的用户学会使用它的速度有多快? 很容易学习如何使用该产品?

设计像区块链这样的新技术但仍待探索始终是一个挑战。 总是有待改进的地方,要添加的新功能,还有我们尚未意识到的潜力有待探索。

必须研究和了解用户的需求和行为,以人为本的设计方法在整个设计过程中至关重要。 当您需要翻译一种新兴技术(区块链)时,以用户为中心的策略就显得尤为重要,因为它具有自己的术语和针对用户“语言”的特性。 了解用户是谁,以及他们对所设计产品的期望将有助于您预测他们的需求,并更好地了解用户目标,这将导致更好的设计决策。

在解决可能的痛点, 预见用户在使用产品时可能犯下的错误时 ,要特别注意至关重要。 在设计区块链时,必须强调用户所做的一切都是永久性的。 挑战在于如何以最有效的方式进行视觉传达。

词汇表

1 )采矿:采矿是指采矿过程。 挖矿是注册,验证交易并将其添加到公共分类账(称为区块链)的过程。 挖掘过程涉及将最近的交易编译成块。

2 )钱包地址:钱包地址是ID,用于标识其中保存有加密货币的特定钱包。 作为分散系统的一部分,所有加密货币通常都保存在数字钱包中。

投资者之路 + 信贷公司之路

可以在Behance上看到有关Swapy Exchange UI的更多详细信息

推特