速度,开发的代价很⼤,但是这样的代价是值得的。
问: 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 去提⽰新功能,看似体贴,实则让⼈烦躁,⽤户会觉得为什么要把这些提⽰强加到我当前的操作⾥⾯,感觉被打扰了。
需要⽂字解释的功能不是好体验。做 UI 的同事尽量不需要通过⽂字的解释就把这个功能做好,最好也不要⽤ Tips 这样的东西。刚才微博的同事还跟我聊到,做微博的时候,有新功能了需要通过弹 Tips 来告诉⽤户。我问为什么要这样做呢,他说怕⽤户不知道。但其实⽤户不知道就不知道吧,⼜不会损失什么。为什么所有东西都要⽤户知道呢?所以产品⾥⾯最好能⽴⼀个规定,能不⽤就最好不要⽤。但是也还没做到完全不⽤。因为还有⼀些地⽅没处理到位,所以偶尔也会⽤到 Tips。但是⾃⼰要知道⼀点:每⼀次都是因为做得不好才⽤ Tips。
问:为什么 QQ 的头像是圆的?的头像是⽅的?
QQ 设计师答:1、相⽐⽅形,⼈的头像更接近圆形。圆形 QQ 头像能更突出头像弱化背景,也更⿎励⽤户使⽤真实⾃拍作为 QQ 头像。
2、QQ 作为平台会接⼊游戏和第三⽅应⽤内容,圆形 QQ 头像在这些⽅形、异形图标环境中提⾼辨识度,降低⽤户的认知门槛。
3、QQ 希望给⽤户传递乐在沟通,展现年轻个性的态度,圆形 QQ 头像更具灵动和活⼒,与之⽆缝衔接的头像挂件也为⽤户带来更个性化的搭配和丰富的⾃我展⽰。
设计师答:因为照⽚本来是⽅的,⽅头像更符合⽤户习惯。
问:的启动画⾯是⼀个⼩⼈站在地球还是⽉球?为什么是站在⽉球上看地球⽽不是在⽕星上看地球?
张⼩龙答:其实第⼀个版本是在地球上看⽉球,但是后来就变成在⽉球上看地球,有了突破性的变化。但是这个变化并不重要。有些⼈甚⾄做了⼀些调研:⽤户看到这个画⾯到底有什么感觉?然后把调研结果分享给我,发现⽤户各种感觉都有,很不⼀样。然后问他,我们到底是怎么想的。我回答:能让⽤户有不同的感觉就对了。如果思路太统⼀就变成乌合之众和愚昧了。所以这样是最好的。
但是如果我们把的 LOGO 放在那⾥闪啊闪的,那就没意思了,没有任何想象的空间了。这个画⾯也让我们看到⼈类的孤独感(这个⼩⼈都离开地球了,感到孤独了)。⽽孤独是永恒的主题。
问:为什么没有“系统管理员”这种官⽅账号?
张⼩龙答:⼤概在两三年(这⾥指 2009 年)以前,我突发奇想,为什么我们给 QQ 邮箱⽤户的通知信都是“系统管理员”作为发信⽅,为什么不是我们⾃⼰的美⼥产品经理作为发信⽅,这不是显得更加⼈
性化⼀些吗?从那个时候开始,我们就再也不⽤“系统管理员”这个账号来给⽤户发信了。⽤户收到的每⼀封来⾃“系统管理员”的邮件,都被替换为⼀个真实的产品经理。如图中案例所⽰,会看到真实的产品经理的落款,有她的头像和名字。
问:为什么 3.0 版本的启动页⾯上放出了迈克尔·杰克逊的图,写了⼀句话:“你说我是错的,那你最好证明你是对的。“?