写在前面的话:Reactions是脸书一个耗时一年多的项目,这个功能的改动将会涉及到脸书的全部用户。在用户量异常庞大的产品之上做如此重大的功能更新,任何一个公司都会谨慎对待。此文由脸书的产品设计师Geoff Teehan发布于Medium,分享了Reactions整个的设计过程,让我们可以学习到其中的方法论。
译文较长,遂在正文之前附上精简的版本。
精简版
● 用户说点赞不够用了,我们也发现了这点,扎老板说组建个团队吧;
● 分析问题、预知风险:如何简单易用?如何让用户最好的接受?如何跨平台跨设备运行?等等……
● 分解问题:①除了点赞还要增添哪些Reactions,②怎么使用Reactions;
● 设计原则:①全球通用/国际化,②Reactions是广泛使用且富有表达的;
● 研究用户使用最多的表情贴纸以及信息流中的短评,以帮助增添哪些Reactions;
● 研究并测试Reactions使用什么样的图形样式;
● Reactions作为一个整体系统的原则:①Reactions是点赞的扩展,②不能增加已有操作的难度;
● 测试并迭代用户使用Reactions的方案;
● 确定如何在信息流中展示Reactions;
● 接近一年的工作及几个月的测试,最终发布Reactions。
------下面进入正文------
我在脸书分享生活中的点滴,不论是庆祝坚持练习瑜伽60天,还是哀悼逝去的亲人。只是想要一种简单的方式,来表达我们的喜爱,或者当生活出现转折的时候表达同情。
2009年,脸书推出“点赞”功能,用户可以用它对朋友发布的内容作出反应,“点赞”大受欢迎。在浏览信息流的同时,轻点大拇哥就能让朋友感知到你。
是时候超越点赞了
用户告诉我们,他们希望在脸书里有更多的方式来表达自我。大约一年前,Mark组建了一个团队,来严肃的思考如何让“点赞”变得更丰富。大家很兴奋,因为不是每天都有这样的机会,做如此重要的一项功能。
我们一开始就知道这是个极具挑战的项目,如何跨平台、跨设备运行就是最显而易见的一个。再比如,我们花费很多精力打磨点赞、评论、分享,所以现在才如此易用,任何改动都会影响众多用户的行为。如何精心策划才能让用户觉得所做的改动如此自然,从而不干扰脸书上的任何用户。
还有其他问题:Reactions是怎样的?如何让全球的用户都能理解?如何让用户最好的接受Reactions?如何让用户简单的使用Reactions?在解决这些复杂问题的同时,还要确保“点赞”机制的简单易用。
像所有优秀的设计一样,达成简单方案的过程都是复杂的。
善解人意如此重要,所以我们花费大量的时间来做了很多次迭代。那么问题来了,如何让用户在更好更丰富的表达自己的同时,使Reactions通用。
我们将之分解为两个问题并同时进行:
● 除了点赞还加入什么Reactions
● 怎么使用与展示
在项目行进的时候我们把一些关键原则作为我们的操作手册,用以帮助团队进行决策。虽然它们不能告诉我们最终的方案是什么,但是能提示我们什么不是,最终引导大家向前。
这些原则是通过真实的研究与数据得出的,还有脸书才华横溢行业精英的直觉与知识。如此,组建的团队里有研究专家、内容策略专家、工程师还有设计团队:Andy Chung,Brandon Walkin 与 Brian Frick。
The Reactions
下面是我们一直遵守的设计原则:
● Reactions是全球通用的。这样更多的人才能连接与交流。
● Reactions是广泛使用与富有表达的。人们像真实生活中一样来表达自己。
首先需要考虑包含多少Reactions。这似乎是一个简单的任务:在点赞按钮旁边放一个大拇哥向下的表情不就好了。然而并不是这么简单,用户需要更复杂更丰富的表达。人们在日常生活中可不是用“二进制”式的喜欢或不喜欢来对事物作出反应。
难道要向Emoji一样让用户在数百种Reactions中做选择?多半也不是。一条被留下很多类型Reactions的Po文在信息流中将难以阅读。此外,通用性随着表情数量的增多而下降。
在一年多的时间里,我们研究探索什么类型的表情最具吸引力。
表情贴纸
我们研究了脸书中使用最多的表情贴纸与Emoji,来了解人们使用什么类型的“Reactions”。
表情贴纸最常用的搜索项
研究了用户在搜索哪些表情贴纸:
短评排行榜
还研究了全球常用的短评。让我们了解人们表达自己的特定语言,并帮助我们更全面的了解在什么情境下使用这些短评。下面是美国短评的样本:
除了分析样本,我们与国际化团队合作,跟不同国家的用户交谈。之后我们得到了一个凝缩的列表:
你可能注意到,最终发布的Reactions中并不包含“Confused”与“Yay”。“Confused”在测试中是使用最少的,反而让用户对“Reactions”的认知负担加重。“Yay”也很难做出区分,不够简单与国际化,并且同“Haha”、“Like”重复。移除这两个Reactions后让系统更整体。
未完待续