显示预览是什么意思 预览是什么意思( 四 )

我们继续迭代 。第一版原型包括一个单独插画 , 它会根据你手指在不同解说文字的位置而改变的 。这样会唤起你做选择时去提前预览每个Reaction意思的欲望,而不是仅仅通过一次性看完所有的选项 。因为那样太笨重,而且也太耗费时间了 。
最后 , 我们驳回了单独插图的概念设计,而是支持dock模型 。这个方式让人们能一次性快速看到的所有的Reaction 。解读表情而不是文字 , 让这个过程变得更友善,也使整个系统更加地易于国际认知 。我们同时也解决了一些早期概念设计存在的其它问题 。比如,这个新系统自动适应它在屏幕中的位置,因此不会再出现它定位到看不到的地方 。我们移动Reaction的标签 , 这样你的手指就不会点到它们 。最后,一旦Reaction dock被唤起,人们现在可以滑动选择,也可以单独点击选择其中一个Reaction 。
消化反应在一个我们只需要理解“Like(赞)”的世界,你如何消化Reaction变得非常明确 。我们只要告诉你有多少人对它说“17个赞” 。有一小行文字在Like、Comment和Share 按钮上面 。那行小字在内部被称为“闪耀的字符串” 。这可能需要完全地重新思考一下,因为表述为“10个反应”并没有传达出任何一种丰富的个人情绪 , 而那正恰恰是这个特性被设计出来的意义——一般来说,人们会觉得这个状态有趣、悲伤或惊讶吗?这个解决方案需要实现:特定的反应被单独纪录 。我们同时希望继续传达总反馈数,就像我们之前统计所有的Like数一样 。
我们第一个方式很直接明白 。我们设计了“闪耀的字符串”来解释每个使用的reaction,同时记录每个raction被使用的次数 。这在那些只有几个reaction的状态下很奏效,但是对于那些有大量互动的状态下就行不通了——尤其是公众内容 。老的“闪耀的字符串”很简单 , 因为它只传达一个信息 。因此,它很容易浏览和理解,也容易忽视和滑走 。

显示预览是什么意思 预览是什么意思


我们最初的方案,当有很多不同的reaction时,整个就被淹没掉了 。
显示预览是什么意思 预览是什么意思


另外一些不可行的探索
显示预览是什么意思 预览是什么意思


最终的设计方案
最终的解决方案是聚合最高的三种Reaction,跟总数一起展示 。这样,你就可以了解到大部分的人是怎么对一个状态的进行反应的,同时也能了解这个状态总的一个反馈情况 。另外,我们同时展示你最亲近的朋友对这个状态的反馈,这是在Reaction使用之前手机上缺失的一些东西 。
“最终”的产品将近一年多的测试之后,我们很兴奋地迎来了Reaction的发布,同时也学到了更多它是如何在世界范围内被使用的 。由于我们在更广的范围里发布Reaction,我们非常希望所有人都能喜欢它 。
如同所有的软件设计,没有什么东西是一蹴而就的——Reaction也不例外 。我们会继续学习、迭代并提高,但是我们希望我们所做的,是离“更沉浸的Facebook体验”更近一步 。
最后的Reaction版本
作者:Geoff Teehan
原文地址:https://medium.com/facebook-design/reactions-not-everything-in-life-is-likable-5c403de72a3f
译者:赖C- 微信视觉设计师,微信公众号:We-Design

推荐阅读