Let likes be more than likes ── 用 👏 表达喜爱

「知乎想法」是一款让用户更便捷地分享思考、观点和灵感的信息流产品,是知乎在 2017 年 8 月份上线的新功能。我以产品设计师的角色全程参与了这个项目。「鼓掌」是「想法」中非常重要的一个部分,上线后也获得了很多用户的喜爱,这篇文章记录了这部分背后的设计过程。


在「想法」的界面里,每个内容卡片下都有一个「鼓掌」按钮,我们希望通过这样一种方式,让创作者和浏览者都能通过互动,得到更多的认同感和参与感

Like all good design, the process of getting to a simple solution is complex. 


前期思考

在设计之初,我们体验了各类产品的互动方式,经过各种讨论,我们开始从几个维度进行了思考:

多样化的表达方式

「想法」的定位虽然不同于回答或文章,但我们认为知乎的短内容在有价值的前提下也会是多元的。知乎回答拥有「赞同与反对」、「感谢作者」、「没有帮助」等多种操作;文章也可以被「赞」、被「赞赏」。因此在前期的情绪收集阶段,我们决定可以给用户提供多样的、丰富的情绪表达方式。

包含更多价值取向的互动功能

有时候,在聊天中一些用语言难以描述的感受,一个表情就可以表达的非常精准,我们认为这种表情就是拥有较高「信息量」的表情。👍 ❤️ ⭐️ 👏  这些正反馈符号,同样也包含不同的信息量和程度,单纯的点「赞」之交在陌生人网络中所包含的信息量较低,我们希望可以提供包含更多价值取向的互动功能。

找到贴合场景 (内容) 的情绪

Facebook 去年推出的 Reactions 给了我们一些启发。我们与熟悉社区氛围的同事合作,整理了一个潜在的、适用于「想法」的情绪列表。我们还邀请了插画师参与,希望在前期图形风格上能更多变、有趣。 (感谢 @园园 的支持与参与)

情绪列表 & 素材收集
插画师的尝试

设计冲刺:

我们产出了一些高保真原型,邀请了很多同事来测试,我们得到许多反馈,我们意识到这个方案并不理想
   
  • 知识分享不同于生活化内容,其他情绪被使用的机会很少;
  • 情绪数量较多,认知成本高,不够轻量;
  • 体验太复杂,与产品的简洁定位相悖;
  • ……

根据反馈,我们调整了设计:我们试着只保留一个积极的和一个中性(偏消极)的,将 5 种情绪减少至 2 种。整个过程中我们遇到非常多的挑战:

  • 两个元素需要看起来是一个功能,不能有「对立感」;
  • 要使用最通用的元素,但是需要和其他操作按钮看起来统一;
  • 这可能是是一个非常高频的操作,要带给作者更多积极的感受;
  • ……
不同维度的尝试

我们制作了原型来进行可用性验证。同时,我们还开始了另一条分支:在原型中使用不通的元素(例如:吉祥物刘看山),从品牌的角度进行探索。

      

几个方案在又一次的测试 & 反馈收集后,我们按重要程度梳理出了问题:
  • 负面反馈会给内容的创作者带来不好的心理负担;
  • 整个页面都很混乱,操作和计数字段影响了卡片内容的可读性;
  • 体验上令人感到晦涩难懂,表达情绪的操作反馈不自然;
  • ……
重新审视最初的目标 ── 让创作者和浏览者都能通过互动,得到更多的认同感和参与感。我们决定只保留一个元素。

为什么是「👏 鼓掌」?

在元素的选择上,我们不断回溯前期积累的结果,同时对每个元素进行了多维度的剖析和评审。「鼓掌」显露了明显优势,最终我们毫不犹豫地选择了它。

我们还尝试了不同版本的「鼓掌」图形,让它拥有最佳的辨识度,并且和其他按钮在视觉上保持一致性。我们用动画让「鼓掌」更生动,还添加了音效和震动效果 (Taptic Engine) 。

 


来自用户的声音:

「想法」发布上线后,「鼓掌」获得了很高的互动频率,受到了很多用户的喜爱。项目成员们都很开心。

「鼓掌」是我们在新互动方式上的第一步尝试,未来我们会继续探索、提供更多有价值的互动方式。

发表评论