很多人都在用的“小狐狸” Metamask 是如何炼成的…

Metamask 是 Google Chrome 浏览器的扩展,将以太坊与 Google Chrome 结合,在 Chrome 浏览器上运行以太坊 DApps,以及身份识别的工具。于是,它就具备了类似 Mist 的钱包功能,允许用户管理自己的账户,通过 Web3 JavaScript API,让 DApp 与以太坊区块链实现交互。

在浏览页面注入 Web3,将触发 Metamask 弹出一个对话框,要求用户输入密码签名消息:一旦将签名信息保存在 reducer 中,即可调用 API 进行身份验证。

不得不强调,用户使用 Metamask 简单地利用以太坊的方式绕过登录界面,这可比从前用账户密码管理更安全。

Metamask 功能如图,很容易理解

老链哥今天要介绍的,是 Metamask 背后的故事。毕竟,像 Metamask 这样视觉表现成熟的区块链应用尚且不多。

Metamask 团队的背景,大都是从前在苹果公司的同事。项目创始人 Aaron “kumavis” Davis 从前在苹果做浏览器黑客,他从参加比特币社区活动开始,投入到以太坊的生态建设工作中。由他最先开始,再吸引同事及好友 Dan Finlay 加入。

Metamask 是一个有趣的、有说明性的品牌,必须有一个「技术」元素在网站上脱颖而出,可能是一个符号和一个文字标记。于是,他们找到苹果时期的老同事、设计师 Christian Jeria 帮忙。

Christian Jeria 现在已经全职加入 ConsenSys 作为区块链产品的设计师,并负责 uPort 的设计。

从素描到形象化

起先,Christian Jeria 在网络上搜集狐狸和狼的图像,尝试了对称和有角度的头部勾勒,然后很快决定,不对称会使面具看起来更有趣和动态。

Metamask 团队经过讨论,更喜欢最初的设计和配色方案,并希望看到面具更具风格化一些。于是,Christian Jeria 对狐狸面具的眼睛、耳朵和脸颊区域进行微调。并开始尝试每一个选项旁边的不同字体。

获得团队的反馈后,Christian Jeria 回到了 Illustrator,并对所选设计进行了一些更新。最终确认英文字母全大写,于是生成了最终的标志。

以多种不同的格式将设计文件打包,便于将标志用于网站和社交媒体。

Metamask 的 3D 版本小狐狸非常酷,在他们的网站上会随鼠标移动,而在以太坊相关的开发者大会、ConsenSys 组织的 Ethereal 峰会上,会有真实版本面具,活泼好用。

ConsenSys 组织的 Ethereal 峰会上,Metamask 狐狸面具在全场游走

DApp 设计原则

Christian Jeria 分享自己的设计心得,他觉得区块链上应用的界面,所面临的挑战是:需要考虑技术与非技术两种不同类型的用户。

目前,DApp 主要针对技术用户,但已经有越来越多的非技术用户进入这个领域。多数高阶技术用户需求更多的功能操作,这可能会对普通用户造成困扰。用户需要知道在哪里购买加密货币,购买哪一种,油费如何计算,如何输入公钥,又如何管理私钥……

另一挑战是区块链技术发展非常快,所以规则很难界定。但在 Metamask 获得的经验是,更多聚焦在帮助用户更多地使用区块链,而不是帮助他们在线购买和传输加密货币。

尽管还没有看到一个区块链应用大规模地被使用,但我们起码相信,一旦达成大量用户参与,一定还是归功于它的用户体验。

Metamask 正计划在不久以后,发布整页的 Web 体验与改进的功能。

可能你还想看这些

加入我们

如果你是对区块链内容感兴趣

而且想知道该如何参与并帮助构建这个未来

链闻 ChainNews

Buy on the rumor, sell on the news.

有谣言买入,有新闻卖出。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180123A06ECH00?refer=cp_1026

相关快讯

扫码关注云+社区