▵优设品牌号,旗下新品及内测邀请码资格均在此号,关注推送掌握动态,有机会第一时间获取。
封面设计:Moe Slah
Hello!今天的给大家带来一位曾经在Facebook工作多年,后来转到WhatsApp团队的设计师Charlie
Deets分享的经验。这两个app回国以后小编也没有卸载的(虽然很多时候也用不上),它们给我的感觉像是把微信拆分开了,一个专注社交,一个专注通讯。Facebook其实也有一个自带的通讯app,没有电话号码也能直接联系好友,而WhatsApp则是相反,没有电话号码就无法进行对话。以上基于小编的记忆,可能现在不断更新,app也在不断优化,功能上多少会有些变化。
事不宜迟,接下来我要放文章了!本文篇幅较长,感谢你的耐心阅读。
规范化
WhatsApp这个产品的设计规范是非常严格细致的,它们是推进设计进程的核心指导,下面我们来看一下一些能够给我们带来启发的例子:
・界面应该适应用户的设备・这款应用是轻量型的,所占据的内存要尽可能的小・简介的界面・动效要即时反应用户的操作・实用性的功能要有适当的介绍
和facebook由高层制定公司发展方针不一样,whatsapp则是用这些设计规范来专注产品的设计,大部分的设计想法都会马上付诸实际行动。
如果我跟facebook的设计师说这样话,他们马上就会反驳:“我不喜欢这样子!谁是决定产品方向的人?这样看起来不会让人觉得事情很难控制吗?你还不如说一些新的点子!”
当whatsapp上了轨道以后,它的下载量明显比facebook高出了很多。这使我更加专注地投入工作,作为一个设计师我通过自己的设计影响了一款产品。
话虽如此,关于发展蓝图的决策还有许多进步的空间,我脑内还有不少想法,但是它们当前对于上述的那些设计规范来说,还是有点超前了。
在工作的过程中,我学到最重要的东西就是:当团队内有一套每个人都同意的设计规范时,这个团队的工作效率就会非常的高。这套规范执行得越好,大家都乐于遵循它来工作的话,团队里就不会因为过多的无效沟通而降低工作效率了。
设计一款产品,能够解决人们的某个具体问题只是其中一半,而制定出一个检测解决方案是否可行的规范,才是决定另外一半工作能不能顺利完成的关键。
Status tab on Android
功能决定需求 v.s 需求决定功能
在facebook工作的时候,设计师有时候会面临介绍新功能的任务。不得不说这是件难事,因为facebook已经有很多实用的功能。
在范围内要改变人们使用一款产品的习惯并不是一件容易的事情,但是我们想要他们知道新功能可以提高他们的用户体验,和发掘这个功能的用处。facebook倾向于让用户自己去挖掘新功能的价值。
与此同时,whatsapp在这个方面的问题上却用了截然不同的方法。我们尝试设计、添加的新功能必然是有用的,因为如果这个功能需要向别人解释是怎么用的,说明它还不够完善。
我们并不会提醒用户产品更新里新功能,我们觉得如果这个功能是有用的,用户自然而然会找到它并且使用它。
有人会觉得我们这种想法非常幼稚,但是我认为这种方法,是产品决策和用户使用whatsapp时引起的共鸣而产生的。
这两种方法让我明白了,一款产品的成长不能仅仅靠单一的模式。不管是帮助用户使用新功能,或者是鼓励用户发现新功能的好处,都是产品进步的途径。这么做不仅对设计者展示了尊重,给产品决策带来了推动,也表达了对于用户使用感的尊重。
Text Status
设计工具与设计技巧
我非常想念facebook团队的一件事就是:设计师能够将设计工具的功能发挥到极致。因为他们有一组人是完全致力于研究怎么把设计工具物尽其用,提高设计师的工作效率的。
几乎每天我都会用Origami来处理图片,但是有好多我在facebook经常用的工具,到了whatsapp团队基本变得不怎么用了。因为wahtsapp没有固定的界面模板或者图库。
专门为whatsapp设计一套界面模版对于我们这样的小团队来说,可能有点小题大做了。我们几乎就是直接用原型来修改设计,所以对于定制一套界面的需求并不是很大。跟Facebook和Instagram不一样,一般我们就使用sketch里面的预设作模版。
在whatsapp工作中,最让我感到兴奋的是我经常要设计图标、插画或者导出样机。在Facebook工作的时候,我的ux技巧自然而然就提高了,但是我却经常为了视觉上的设计技巧而苦恼,因为那时候有优秀的插画师和庞大的图库。我从来没有想过自己会担当视觉设计上的任务,但是在小团队里面,往往需要我们学会十八般武艺。
关于这点,我学到的是:尽管工具能帮助我们提高工作效率,但是我更鼓励大家想想如果没有工具帮助的时候,应该怎么做。这样做,可以让我们对于怎么运用工具有更加清晰的思路。
Photo filters
独一无二的问题
接手whatsapp以后我发现了好多以前从来没有遇过的产品问题,比如:终端局间加密的方式面临着许多副作用。通讯记录只保存在用户的设备上,一旦他们不再使用WhatsApp,我们则不能在保留他们的通讯记录。
这对于不了解当中技术的人来说是很难理解的。举个例子,当你在一个新的设备上登录WhatsApp的时候,你不会立马就得到你的历史信息,因为他们还在旧的设备上,说明服务器不会复制保留这些信息。
Facebook需要用真实信息来登录,这成为了设计的基本构建条件。在WhatsApp里,我们不需要用户上传头像,甚至不需要用户填写他们的名字!个人信息是我在设计Facebook时理所当然认为需要的东西,但一旦面临无法依赖个人信息的好处时,问题就变得非常难控制了。
另外一个有趣的例子就是,把用户当做文盲。人们在WhatsApp里可以通过语音、图片甚至视频等方式脱离文字来进行交流。还有一个有趣的挑战,就是设计登录页面,用户需要准确知道他们怎样和对方联系,和如何进行他们的对话,这一点需要设计得那些不看文字的人都能用才行。
Chat Search on iOS
慢一点会更有趣
遇到问题的时候,Facebook的团队就会解决“这个”问题。如果这个问题让团队感到蠢蠢欲动,你就要着手研究测试。如果测试可行,就要开始实行小规模的实测来看看是否能解决问题。当这个测试成功,才会继续用寻找更多的样本去进行准确的实验。这是一个循序渐进的过程,需要重复检查协调来完成,是一个成熟可行的模式。
而WhatsApp遇到问题的时候,则是要去解决“这类”问题。你需要从一堆解决方法当中,逐一排除,选择对于app来说的最优方案,直到你认为某个解决方案不会有任何问题为止。然后再去测试这个方法在实际操作上是不是真的没有问题。在开发者设计的一堆解决方案中为大家选择最优的进行app升级。虽然这也是一个渐进的过程,但主要还是对设计而言,想要选出正确答案,其实还是有点难度的。
Facebook其中一个品牌价值就是“快速发展”,所以在用它来开展项目推广的话可以快速达到转播效果,但是要完整推出一个产品实际上可能要花费不少时间。如果WhatsApp也有一个这样的“座右铭”,那一定会是——慢一点会更有趣。我们会投入大量时间在设计阶段上,因为开发阶段会面临各种各样的问题。当我们将设计交付到程序员的时候,我们都会尽可能提供完整的设计和模型。这么做的好处在于,既不会让他们感到反感,也表示也对他们的尊重。不过也不是百利无一害,这种方法可能会让程序员对产品开发过程的参与感减少,造成团队隔阂。
虽然这两种方法都有优缺点,但是我认为它们都是行之有效的方法。没有哪一个比另外一个更有优势,只是看工作习惯哪一边而已。Facebook的风格像是多线程同时活动,而WhatsApp则是专注单线程运作。
Status views and Status update on iOS
最后
以上就是原文作者Charlie
Deets在WhatsApp工作了一年以后所领悟的一些经验,希望对各位UI设计师或者准备转战UI的设计师有所帮助。上面第一点规范化里面的内容,小编觉得真的是很多app应该要认真考虑的,尤其是app应该尽量少占内存这一点。虽然新一代的苹果手机已经取消了16g版本,但是相信好多人的手机一时半会儿还没这么快过度到64g,帮用户节省内存也是非常重要的啊。不知道大家有没有遇过内存占据大,但是功能性很弱的app呢,如果有,大家一起来吐槽一下呗^
- ^
原文来源:medium
优设译文:岩盐盐盐