我在Facebook做产品设计已经接近四年了。我待过各种团队,例如群组团队、分享团队和隐私团队。在去年的这个时候,我有一个很好的机会去到WhatsApp工作。

我知道为WhatsApp设计和为Facebook设计肯定有显著的区别。这次的经历肯定能让我大开眼界,也能教会我从不同角度来观察我遇到的问题。

过去的一年我学到了很多,我也想和大家分享我为WhatsApp和Facebook设计的不同的注意点。

强有力的原则

设计WhatsApp产品是要在脑中有一个明确的原则,这些原则是在做决定过程中的核心。下面是一些例子。

  • 用户容易上手,减少学习成本
  • App不能太占用内存空间
  • 界面要简洁
  • 用户的动作和动画需要被快速回应
  • 新功能要一目了然,甚至不需要介绍

而Facebook则采用更高层次的需求来推动公司的决策,WhatsApp将这些原则聚焦在产品的聊天属性上,所以大部分的设计想法可以在细节处展开。

通常我让Facebook设计师重新设计,他们会说,我讨厌那样,是谁决定了产品的方向?难道不觉得自己无法控制吗?你不能和领导介绍我们的新想法吗?

当涉及到产品的路线问题,WhatsApp的决策要比Facebook的决策更加自上而下。我个人觉得这样使得我更专注于我正在做的工作上面,我可以通过设计影响这个产品,这让我感觉自己是一个设计师。

尽管如此,仍然有足够的空间来提出想法,并阐明我对产品路线决定的看法,但是我通常不需要这样做,因为决定发展路线也会遵循上面分享的几个原则。

我最大的收获是,如果你的团队遵循一个强有力的原则,这就会使得你的团队更有效率。你们越相信这个价值观,就会越有效率,也会通过更少的沟通就可以达到共同的目标。

当你设计一个产品时,如果清晰的知道需要解决怎样的问题,那你的产品已经成功一半了。有一个如何解决此问题的框架会让剩下的过程更高效。
1-3-JhN0nwxTpiU2gaaHDu7w.jpeg

主动介绍新功能 VS 被动发现新功能

当在Facebook工作时,有时设计师会被安排去介绍一个新功能。这很有挑战的,因为Facebook已经有许多有用的功能。在用户已经习惯的平台上做些改变不是容易的事,但我们的介绍新功能也是为了更好的用户体验和给一个用户会觉得有用的工具。我们使用的方法是提醒用户,这是一个对他们有价值的新功能。

WhatsApp解决这个问题则是通过一个其他的更务实的方法。我们只尝试设计和构建明显有用的功能,如果这个功能需要向用户介绍说明,那就放弃。

我趋向不在产品中提示用户新功能,我们假定如果我们设计的新功能很有用,用户就会发现它们并自然而然的使用它们。

当然,有人可能会说,这种方法很幼稚。另一方面,我相信这种方法是在产品决策中体现出来的,并与使用WhatsApp的人产生共鸣。

对我而言,学到的是,你的产品没有一个单一的设计公式。你可以帮助用户尝试新东西,也可以被动的鼓励用户。在产品中寻找一种方式来尊重用户的意图是很有意义的。
1-J4xb2X0TiHdR92ajAm12dA.png

设计工具和设计技巧

我很怀念我在Facebook设计产品的一个方面是,可以从许多现成的设计工具中得到很多方便。Facebook有一个团队专门来制造设计工具来帮助设计师更高效的工作。

我每天都使用Origami来制作我的原型图,简直爱死她了,同时我现在也会使用一些在Facebook很少使用的一些工具来帮助设计,因为WhatsApp没有完整的UI Kit或者可以使用Facebook的库。

维护一个WhatsApp的UI Kit对小团队而言意义重大,我们比较需要成套的标准化组件。我们也分享了一些作为常用Sketch模板文件,但与高度完善的Facebook和Instagram系统相比,这些文档都非常原始。

在我在WhatsApp的工作中,有一件让我措手不及的事情是,我经常不得不手工设计icon、插画和输出切图。我在Facebook培养了很好的UX设计技能,但对于视觉设计工具接触很少, 我从没想过自己成为一个视觉设计师,但是在一个小团队,你要做好做任何事的准备,包括视觉设计。

在此,我学到的是,现成的工具和组件库可以帮助你更容易工作,但我鼓励你可以尝试后退一步,看自己不通过工具和组件库帮助是否可以完成工作。至少,它可以让你你明白工具和组件库的重要性。
1-D05SSgsA0gzqvO5cjst8gA.png

特有的问题

我在WhatsApp遇到了一些以前从未遇过的问题,端到端的加密编码有许多副作用,所以在WhatsApp上,聊天记录被存在用户本地,信息被传递后,WhatsApp服务器并不会保存。

这些底层技术的问题只有通过界面显示才能被不懂技术的用户理解,举个例子,当你在新设备上登录WhatsApp,你没办法立马就显示所有的聊天记录,因为它们都在你的老手机上,并没有在服务器备份。

在Facebook,真实身份是设计的基础,但在WhatsApp中,我不需要用户头像,我们不需要用户使用真实姓名。当我在Facebook的设计中,我认为身份是理所当然的,但当你不能利用真实身份时,某些问题会变得更加模糊。

另一个有趣的例子是将读写能力视为理所当然,人们在WhatsApp除了发送文字,还可以相互发送语音、图片和视频。我遇到的一个有趣的挑战是我设计用户登录WhatsApp。用户需要知道他们已经成功连接上了通讯录,然后知道如何开始他们的的聊天,但这也需要对不识字的人也要有一个良好的设计。
1-IeiUGTZfHvBAUcru65Nirw.jpeg

谨慎慢行

在Facebook,首先遇到一个问题,然后你提出一个解决这问题的方法,如果这个方法让团队都觉得很兴奋,你开始调研。如果调研结果也良好,就可以开始动手实施,然后你就会带着成果开始小规模的测试,检验是否有解决问题。
如果它很好的解决了问题,你将会更好的丰富它的功能,然后推广给更多的用户。这个过程是持续发生,它有许多自我检查和平衡。这也是一个成熟的、良好运行的过程。

在WhatsApp,你遇到一个问题,你开始在一个范围内摸索解决问题的方法,然后开始慢慢缩小范围到能够最好的解决问题并能遵守app的原则。接下来,慢慢的打磨你的方法,直到看起来没有破绽。然后继续打磨,直至毫无破绽。开发人员这时可以开发产品,你也利用app的更新推广给每一个用户。这个过程在一定程度上也是持续发生的,但主要是在设计的部分。设计上还有额外的压力是如何正确的理解问题。

Facebook的价值观是“Move Fast”,在Facebook做一个项目特别快,但是,推出一个完整的产品实际上可能需要相当长的时间。如果WhatsApp 也有一个类似的格言,那可能是“Move slow and Deliberate(谨慎慢行)”。我们前期的设计阶段花了大量的时间,这有利于我们在开发阶段的调整方向。当我们把设计交付给工程师时,我们尽力将足够完善的文档说明和设计传递给他们。这样可以减少工程师疑惑,他们也会感谢你的。不过也是有一些缺点的,这样做使得工程师感觉与整个设计过程都脱离了,也没有参与到项目方向的讨论过程中。

上述两种方式都是既有优点也有缺点,但是真正让我学到的是,融合两种做事方法。没有哪一个是比另一个快很多的,就是两种不同的工作方式而已。Facebook的工作方式是允许各工作之间有不同的重叠,而WhatsApp则是每个人更加专注于自己的工作。
1-3_wVmI68lDl6-uHYkVw_ig.jpeg

结束语

我希望的我的这些分享可以帮助你面对新工作,或者从其他方式给你的团队带来价值。我感到很兴奋和鼓舞看到不同的工作方式都可以产生伟大产品。找到合适自己的工作方式非常重要。

Writter: Charlie Deets Product Designer at WhatsApp
Link: https://medium.com/facebook-design/one-year-designing-at-whatsapp-c20b4c46bae6