对话张⼩龙:的设计和理念(精髓篇)
设计和理念
问:的页⾯设计很少改,那的设计师们每天在做什么呢?很闲吗?
陆树燊(创始团队成员)答:张⼩龙评审的功能有⼀个习惯:不看原型图,不看设计稿,也不看Demo,要体验前后台代码开发好后的产品。这就意味着:如果⼀个功能在给到⽤户之前有过 N 个⽅案,则设计师已经设计了 N 个⽅案,前后端开发⼈员已经开发过 N 个版本的代码。给张⼩龙体验,然后 100 个需求能砍掉 70 个。其中 30 个再优化 N 次,才真正发布给⽤户使⽤。
问:对做的设计师有什么特别的要求吗?
张⼩龙答:在⼴研(事业前⾝)⾥⾯我们禁⽌使⽤竞争对⼿的产品,特别是UI 设计师。因为⼤家知道,⼀旦你⽤了竞争对⼿的产品,你⼀定会受它的影响。你会觉得“哦,那样做是最好的”,你会摆脱不了它的影⼦。之前我们也经常发⽣这样的情况,UI 设计师⼀旦⽤了竞争对⼿的产品以后,设计⾥⾯就
会不⾃觉地带有对⽅的影⼦。所以后来我们⼲脆规定不允许使⽤竞争对⼿的产品。这个问题对我们公司来说其实蛮严重的,有很多时候可能我们觉得只是借鉴⼀下,但是⼀旦借鉴就会受到影响。所以最直接的⽅法就是禁⽌使⽤。希望⼤家所在的团队也可以尝试使⽤这个⽅法。这个⽅法不会让⼤家损失任何东西。
但我们要了解竞争对⼿怎么办?我们可以让产品经理去体验竞品,让产品经理总结哪些体验是挺好的,UI 设计师知道这些体验是很好的,但是 UI 设计师要⾃⼰想办法去实现好的体验,⽽不是被对⼿所牵制和影响。
问:体验是什么?
西安解封了吗张⼩龙答:操作的响应速度永远是第⼀体验。我们在做邮箱时思考:对于⼀个好产品来说,可能需要满⾜⼏个要求,⽐如“切⼊要准”“功能设计得要好”。但我们把速度这项单独列出来,就是“速度⼀定要快”,这个速度是指系统响应的速度。
我们回顾 QQ 邮箱能做起来,有两点是最重要的:第⼀是简单;第⼆是速度快。简单和速度快,合起来是「简捷」,简单快捷。「简单和“快捷”是⽤户体验⾥⾯最重要的两个关键词。
在 4.0的时候,点击进⼊⼀个会话的响应速度是挺慢的,我们做了很多的改进来保证进⼊速度
得到提⾼。⽽在的朋友圈⾥,时间线的流畅度也⾮常重要,我们的开发在这⾥做了很多次的重构才保证了流畅的体验感,保证我们速度能超越所有有时间线的产品。虽然为了提升这⾥的速度,开发的代价很⼤,但是这样的代价是值得的。
问: UI 设计最看重哪⽅⾯?
张⼩龙答:UI ⾥⾯最重要的是条理清晰。有时我们会误认为UI 就是怎么把⽤户界⾯表现得更绚丽⼀些,但是所有的视觉表现都不如条理清晰重要。
举个例⼦。的语⾳输⼊条经过了很多进化,现在⽤的是最下⾯的式样。
最下⾯的式样具有美感,字体也很清晰,「加好友」按钮在右边也很顺⼿。这都是经过了很多变迁的。前两个设计,在语⾳和⽂字切换的时候,还需要通过菜单来完成。后来⼀个UI 设计师朋友提出意见,觉得这个地⽅使⽤不⽅便,每次切换都要⽤菜单多点⼀下。但是语⾳⽂字的切换是最常⽤的,应该放在左边固定。我觉得他说得很有道理,我们就在下⼀个版本⾥⾯修改了。
所以UI 做得绚丽并不是最重要的。⾥⾯⽤的东西都很朴实,你不会看到花花绿绿的东西,能⽤系统控件的就⽤系统控件,⽽且尽可能保持⼀致的式样,包括⼀种字体、⼀种控件、⼀种背景,所有的东西最好只使⽤⼀种,不要增加两种或者更多种。
我们也⼀直⿎励每个界⾯只有⼀个主题。学习过摄影的同事都知道,⼀张照⽚⾥⾯只有⼀个主题。所以我们不会做两分式的设计,并且每个界⾯都会突出这个主题,把别的主题都虚化掉,或者把它放到⼀边去。每个对话框都有⼀个明显的
式的设计,并且每个界⾯都会突出这个主题,把别的主题都虚化掉,或者把它放到⼀边去。每个对话框都有⼀个明显的默认按钮。⽐如每个对话框右上⾓都有⼀个完成按钮,并且是蓝⾊的。我们还⽤了⽂字来规定必须这样做。因为我们要让⽤户进到⼀个对话框后⽴即可以到哪⾥可以完成,所以按钮⼀定要很显眼。
这是⼀个反⾯例⼦:
这个界⾯右上⾓有⼀个按钮,底下有两个按钮,会让⼈觉得很迷惑。很多⽤户跟我们说,以前他是压缩发图,但是现在有两个按钮,他就会点原图发送了。然后就忘记去点完成了,造成了⼀定的迷惑。这是⼀个不好的例⼦,是我们需要优化的地⽅。
问:为什么的主题⾊是绿⾊?
张⼩龙答:最初版的主⾊调是蓝⾊,后来换成了绿⾊。其实我们现在有点后悔⽤绿⾊,因为在很多安卓⼿机上,绿⾊的偏⾊很严重,看起来就是黄绿黄绿的。
刚开始是蓝⾊的,因为第⼀个版本是⽐较匆忙的,当时⽤的是系统的颜⾊。后来我们有⼀个版本就觉得应该调整⼀下颜⾊,就换成了绿⾊了。然⽽,这个时候的产品形态已经基本定型了,⽤户数也⾮常庞⼤,这时再去调整品牌颜⾊是不太可能了。其实我们现在很纠结,但现在改起来就对形象有影响了。
问:为什么拼多多喜欢挖的产品经理?
答:全中国⽹民的使⽤习惯,拼多多挖⾛的产品经理,因此才能设计出更符合在环境内传播的接地⽓⽅案。
问:为什么只有 4 个 Tab?能把朋友圈做成第 5 个 Tab 吗?
张⼩龙答:源起Tony (腾讯前CTO 张志东),他经常向团队提⼀些需求要加东西,我说没地⽅放了,他就说没关系,你们只有 4 个 Tab,还可以加⼀个。我说不能这样。过⼏天 Tony ⼜有⼀个需求,我说没地⽅放了,他⼜说,可以加⼀个Tab。我想这样的需求反复⼏次,最后会没完没了。然后我就跟Tony 定⼀个君⼦协议,两年之内,只有4 个Tab,不允许再有第五个,因为4 个最简单了,⼀旦变成5 个就变复杂了,不好了,对整个产品会有破坏性的打击,然后 Tony 也认同了,最终变成⼀个协议就确定下来了。
这样就很好啊,我们在做朋友圈的时候,也没有把它放成第五个Tab。然后Tony 说这个朋友圈的⼊⼝是不是太深了。我们说,已定过协议了,所以不能放出来,我们⾃⼰不能破坏这个协议。当然“朋友圈”能不能放在第五个Tab 上,还有别的原因。它总是有好处有坏处的,⾄少我们现在能保证两年之内只有4个Tab,但⼀切也不是绝对的。如果有⼀个⾮常⼤的诱惑,说不定还是会加第五个 Tab 的。
问:⾥是怎么引导⽤户设置头像的?
张⼩龙答:在我们最早的版本⾥⾯,⽤户⾃⼰说的话是不带⾃⼰头像的,后⾯才把⾃⼰的头像展现出来,当⽤户看到⾃⼰的头像没有设置的时候,很快就会去设置头像了。可见这样的设计⽐经由别的环节去引导⽤户设置头像要⾃然很多。因为这是⽤户⾃发的,⽽不是被“引导”的。
问:为什么⾥很少出现新⼿引导 Tips?
张⼩龙答:我们在讨论其他产品的设计的时候,常常会想,怎么才能不打扰到⽤户,特别是我们想把新功能体现给⽤户的时候。现在很常见的是⽤Tips 去提⽰新功能,看似体贴,实则让⼈烦躁,⽤户会觉得为什么要把这些提⽰强加到我当前的操作⾥⾯,感觉被打扰了。
lol登陆错误需要⽂字解释的功能不是好体验。做 UI 的同事尽量不需要通过⽂字的解释就把这个功能做好,最好也不要⽤ Tips 这样的东西。刚才微博的同事还跟我聊到,做微博的时候,有新功能了需要通过弹Tips
考驾照科目一技巧大全来告诉⽤户。我问为什么要这样做呢,他说怕⽤户不知道。但其实⽤户不知道就不知道吧,⼜不会损失什么。为什么所有东西都要⽤户知道呢?所以产品⾥⾯最好能⽴⼀个规定,能不⽤就最好不要⽤。但是也还没做到完全不⽤。因为还有⼀些地⽅没处理到位,所以偶尔也会⽤到 Tips。但是⾃⼰要知道⼀点:每⼀次都是因为做得不好才⽤ Tips。
问:为什么 QQ 的头像是圆的?的头像是⽅的?
QQ 设计师答:1、相⽐⽅形,⼈的头像更接近圆形。圆形 QQ 头像能更突出头像弱化背景,也更⿎励⽤户使⽤真实⾃拍作为 QQ 头像。
电工考证2、QQ 作为平台会接⼊游戏和第三⽅应⽤内容,圆形 QQ 头像在这些⽅形、异形图标环境中提⾼辨识度,降低⽤户的认知门槛。
小米sd卡无法读取3、QQ 希望给⽤户传递乐在沟通,展现年轻个性的态度,圆形 QQ 头像更具灵动和活⼒,与之⽆缝衔接的头像挂件也为⽤户带来更个性化的搭配和丰富的⾃我展⽰。
设计师答:因为照⽚本来是⽅的,⽅头像更符合⽤户习惯。
问:的启动画⾯是⼀个⼩⼈站在地球还是⽉球?为什么是站在⽉球上看地球⽽不是在⽕星上看地球?
张⼩龙答:其实第⼀个版本是在地球上看⽉球,但是后来就变成在⽉球上看地球,有了突破性的变化。但是这个变化并不重要。有些⼈甚⾄做了⼀些调研:⽤户看到这个画⾯到底有什么感觉?然后把调研结果分享给我,发现⽤户各种感觉都有,很不⼀样。然后问他,我们到底是怎么想的。我回答:能让⽤户有不同的感觉就对了。如果思路太统⼀就变成乌合之众和愚昧了。所以这样是最好的。
但是如果我们把的LOGO 放在那⾥闪啊闪的,那就没意思了,没有任何想象的空间了。这个画⾯也让我们看到⼈类的孤独感(这个⼩⼈都离开地球了,感到孤独了)。⽽孤独是永恒的主题。
问:为什么没有“系统管理员”这种官⽅账号?
张⼩龙答:⼤概在两三年(这⾥指2009 年)以前,我突发奇想,为什么我们给QQ 邮箱⽤户的通知信都是“系统管理员”作为发信⽅,为什么不是我们⾃⼰的美⼥产品经理作为发信⽅,这不是显得更加⼈性化⼀些吗?从那个时候开始,我们就再也不⽤“系统管理员”这个账号来给⽤户发信了。⽤户收到的每⼀封来⾃“系统管理员”的邮件,都被替换为⼀个真实的产品经理。如图中案例所⽰,会看到真实的产品经理的落款,有她的头像和名字。
问:为什么 3.0 版本的启动页⾯上放出了迈克尔·杰克逊的图,写了⼀句话:“你说我是错的,那你最好证明你是对的。“?
张⼩龙答:之前的版本被批评得挺多的,特别是被业界的评论家批评。所以我想了这个办法回应⼀下。刚好在那段时间⾥,我在上班下班的路上,MJ 的⾳乐听得很多。也觉得他的⾳乐跟我们的产品有某种关联性,因此觉得⾮常需要去感谢⼀下MJ。直到有⼀天这种感觉越来越强烈,就做了这个设计。为了能做出这个效果,我还特地请同事们到他的车⾥去听MJ 的⾳乐,觉得这样效果会好⼀点,让他们能到做这个页⾯的感觉。通过这个设计我们向外界所有的评论家表达:如果你说我是错的,最好证明你是对的。
问:为什么 4.2的启动画⾯写着「是时候放下⼿机,和朋友⾯对⾯了」?
张⼩龙答:拿⼀个停留时长衡量⼀个App,这个跟我对互联⽹的初⼼的认知是背离的。每个⼈⼀天只有24 个⼩时。互联⽹⼈的使命不应该是让所有⼈除了吃喝拉撒,把时间都花在看⼿机上⾯。⼀个⽤户每天的时间是有限的,这是次要的。最主要的是,技术的使命应该是帮助⼈类提⾼效率。⽐如作为⼀个好的沟通⼯具,⼀定要⾼效。
⽤户其实并不会按照你的内容多少来决定它的时间分配,但我觉得这是很合理的。如果我们⾮要停留时间更长的话,我们当然有很多办法来做到这⼀点。但是这只会让⽤户觉得不爽,因为他的社交效率降低了。如果⾮要把他半个⼩时能完成的事情延续到⼀个⼩时的话,只能代表效率降低。永远都不会把⽤户停留时长作为⼀个⽬标。
问: 7.0 UI 改版那么多⽤户不满,为什么不改回去?
张⼩龙答:其实任何⼀个⼤的改版都会带来⽤户的不满,因为⼈习惯于⾃⼰熟悉的界⾯,觉得是最好的。我们没办法让10 亿⼈来投票决定什么是好的,也投不出来。那怎么才能通过改变寻求设计的优化,让它变得更好呢?这个决策必须遵循好的设计原则。
遵循好的设计原则。
就像7.0 版本的时候我们内部使⽤了很长时间,我⾃⼰⼀直在两个版本不停的切换,当我⽤了⼀段时间,我不愿意切换到旧的版本去。也许⽤户⼀下⼦不能接受,但是我相信他们适应以后也会接受。重要的是我们必须要⽤我们的产品不停的适应时代,⽽不是因为害怕⽤户的抱怨就不去改变它。
尤其是UI 上,我们永远不可能让所有的⼈满意。但是,我们⽐如让产品越来越美,符合甚⾄引导当前⽤户的审美,⽽不是落伍于时代。
问: 7.0 版本启动页是⼀朵花,包括你写的看见之类的话,灵感是来⾃王阳明吗?
张⼩龙答:跟王阳明的书有⼀定关系。当时写的是,「因你看见,所以存在」。王阳明的书⾥是说,⼀朵花长在⼭⾥的⽯头缝,你不看它,它就不在,你看它,它就在那⾥。在7.0 版本,我们想表达的是说,看见的⼒量。如果按照王阳明的⼼学,⼼的⼒量是很⼤的。
同理到社交上,如果你看不见这个朋友,这个朋友⼗年没见了,他其实不是你的朋友了。当你看见他,他才是你的朋友。王阳明的书还可以跟量⼦⼒学结合。我们7.0 那句话,「因你看见,所以存在」,完全符合量⼦⼒学的⾓度。因为⼀个粒⼦,当你观察它的时候,它才存在。你不观察它,它就是⼀道波。
问: 8.0 的启动页是怎么设计的?
张⼩龙答:做产品其实是个很枯燥,很理性的过程,⽆法把个⼈情绪和情感带⼊。唯⼀有机会带⼊的地⽅就是启动页,你可以有⼀些情绪的发泄。8.0 的启动页,有个故事我跟同事们说过,有次我在开⼀个很正经的会,中间我开⼩差了,拿了当时的⼀张纸,在上⾯写了现在开屏页的这⼏句话。我觉得可以代表这次更新的每⼀个功能,刚好连起来了,⽽且我也觉得特别简洁,没有任何修饰和形容词。
我⾃⼰觉得挺好的。我看见你,代表了通过视频号看到另⼀个⾝份的你。笑脸,代表了你的状态。烟花,是代表新的表情。⼀⾸歌代表了新的⾳乐播放。你看见了你,其实代表直播,通过你的眼来看到你眼前的世界。
问:为什么张⼩龙说「好的产品应该是⽤完即⾛」?
张⼩龙答:我发现⼤家对于这个词有特别多的⼀些误解。⼤家都会说,因为⼤家都离不开,所以才会说“⽤完即⾛”,去年对这点可能没有解释得特别清楚,我其实只说了上半句话,⽤完即⾛,但其实还有下半句话,⾛了还会回来。
我发现⼤家对于这个词有特别多的⼀些误解。⼤家都会说,因为⼤家都离不开,所以才会说“⽤完即⾛”,去年对这点可能没有解释得特别清楚,我其实只说了上半句话,⽤完即⾛,但其实还有下半句话,⾛了还会回来。
⽤完即⾛的本质是任何⼀个⼯具都是帮助⽤户完成⼀个任务,越⾼的效率越好。当我们完成⼀个任务以后,我们当然希望⽤户能做别的事情,⽽不是⼀定耗在⼀个⼯具⾥。
⽐如说⽤,我们当然希望能给⽤户带来更多的帮助,但并不意味着我们希望⽤户⼀直低效率地在⾥处理事情,如果他⼀天信息的处理要⽤两个⼩时,那我们应该帮助⽤户尽可能在两个⼩时之内处理完,⽽不是说⼀定要把两个⼩时的任务变成三个⼩时,让他在⾥花费更多的时间,我认为如果那样就不是⼀个⽤完即⾛的概念。
所以⽤完即⾛和⽤户再回来,其实并不⽭盾,相反只有当⼀个⽤户在⼀个⼯具⾥⽤得很愉悦,⽤得很⾼效,他才会下⼀次回过头来使⽤这个⼯具。我们现在说的⼩程序也是这样的,⼩程序应该是帮助⽤户尽可能在短的时间⾥⾯完成⼀个任务,并且离开这个⼩程序,这样的话他才会有很好的体验,下⼀
次他会继续回来⽤这样⼀个⼩程序。
问:⼀直倡导⽤完即⾛,但8.0 版本怎么给⼈感觉⽤完不⾛了?⽐如视频号加了更多推荐内容,似乎增加了⽤户的停留时长
张⼩龙答:推荐的东西,如果把它定义为是娱乐时段的话,那么它是在这⾥娱乐消费的。⽬标是消耗时间的。在这⼀个板块,并不是说⾮要他⽴即就⾛。⽤完即⾛并不是说⽤户必须使⽤的时间越短越好。就像⼀个 120 分钟的剧,不是说为
板块,并不是说⾮要他⽴即就⾛。⽤完即⾛并不是说⽤户必须使⽤的时间越短越好。就像⼀个 120 分钟的剧,不是说为了让你⽤完即⾛,我⽤技术让你 60 分钟看完,这样就不合理了。
问:的「悠闲」表情怎么戒烟了?
答:很早之前,QQ 和新浪微博就撤除了吸烟表情。据悉这是北京控烟协会活动的结果,控烟协会认为这些软件在⽇常⽣活中使⽤频率⾮常⾼,每⼀次发送都会产⽣潜移默化的影响,有诱导青少年吸烟的倾向。
问:为什么对⽤户称呼统⼀都是“你”⽽不是“您”?
张⼩龙答:我们并不需要⽤⼀个很尊敬的态度称呼⽤户,⽽是应该当朋友⼀样称呼,所以应该是⼀种很平等的关系,这个写进我们的产品条约⾥⾯去了。
问:是⼯具还是平台?
张⼩龙答:在我们对公司的⼀次培训⾥⾯,有个同事问我的战略是什么?我当时只说了⼀句话,我说只是⼀个⼯具,我们应当想如何做好这个⼯具。在同事们的⼼⽬中,并不仅仅是⼀个⼯具,⼤家认为是⼀个平台。但我认为是⼀个⼯具,这是⼀个⾮常宏⼤的⽬标,我并不认为⼀个⼯具是⼀个很低层⾯的东西,事实上⼈类从原始⼈进化智能⼈类的过程,就是因为⼈会制造⼯具,我们所⽤的绝⼤部分的产品本质上来说都是⼯具,但是⼯具有好坏之分,能够做⼀个⾮常好的⼯具其实难度是⾮常⼤的,但是如果说我们要做⼀个平台,我会不知道我们要做什么?⼀个好的⼯具应该有⼀个很强的属性,就是提⾼效率,⽤完即⾛。
问:为什么的设计很克制?
张⼩龙答:克制这个词从来没有在我的脑袋⾥⾯出现过,如果说做⼀些事情我们要求⾃⼰很克制的话,那是⼀种什么样⾏为?那是⼀种⾃我压制的⾏为,但是我并不认为我们在做这样的决定时我们要⾃我压制,或者说⾃⼰切割掉我们很多想要做的事情,那不是⼀个很好的状态。
相反的,我们在做很多很多决定的时候,反⽽要去判断什么样的东西是最合理的,合理性才是这⾥⾯要考虑的⼀个最重要的因素,我们会舍弃掉很多很多本来想要做,后来发现做不好的东西,这种舍弃并不是因为说我们很克制,所以我们少做⼀点,⽽是说我们发现有很多事情做不好,或者说有很多决定它⼀开头是错的,或者说很多的想法,最后验证可能是⾏不通的,那我们如果硬要去做这些事情是不合理的,我们会把它舍弃掉,⽽不是说我们要克制。
问:为什么 8.0 浮窗从悬浮改成了左上⾓?
张⼩龙答:我其实⼀直很不喜欢浮窗。因为它就像狗⽪膏药。这也是PC 时代⼤部分⽹页浏览的体验都不好的⼀个原因。
为了解决⼀篇⽂章要很久才看完,⽽中途要不断处理消息的需要,我们有了浮窗功能。但它并不完美。很多时候,⼀篇⽂章,⼀个长视频,是要分很多次才看完的,如果每次都要先拖到浮窗,也是很繁琐的。
关心的话现在,提供了⼀个尚未看完的内容的列表,⽅便可以随时回这些内容继续看完。尤其是对于长视频,更加需要随时可以切⾛,然后⼜能快速到。直播也⼀样需要。
问:为什么安卓版不采⽤Android Design设计风格?
Kantzou(前产品经理)答:我每次在「知乎」上吐槽Android Design 的时候,总是会有⼈在下⾯说,“哎呦,原来「」的安卓版做那么 Low 是嫌 Android Design 做的不好啊。”这种评论,我都不会回复。
我讲⼀下为什么差呢,举个例⼦:我给我爸买了个安卓⼿机,给他⽤。「」在那个时候,Tab 栏是在顶部的,然后我告诉他,“哎,左右滑动是可以切换的。”
我观察他⽤,我会发现:4.7 ⼨屏,他往上按的时候,他不会去滑的,因为他看到那⾥有个字,他就会去按,因为他没有学习到那个程度。Android Design 的问题在于太超前,我这么说,那些喜欢 Android Design 的⼈⼼⾥会不会更舒服⼀点?
发布评论