用户体验是一个整体,它包括:产品方向、产品功能定义、用户研究分析、产品交互逻辑、产品图形设计、产品运营等。如何将这些元素结合在一起进行设计是用户体验设计师的核心能力。
目前的现状是:用户体验设计师对自身定位比较模糊,因为每家企业的用户体验设计团队可能隶属于不同的部门;用户体验从业人员很难获得来自一流团队的一流经验;行业内的交流还远远不够,大家各自为战,苦苦摸索;其中一些敢于分享的团队所共享的一些理念、技巧或者方法论大都视角过高,不大容易落实到具体工作中……
《体验·度:简单可依赖的用户体验》为百度用户体验部团队作品。作为这个行业最早的一批从业者,百度用户体验设计团队认为有必要将这些年的工作经验做一个总结,将一些项目的设计思路分享出来,让更多的从业者能够从中看到百度产品设计走过的弯路和收获,让更多的人知道互联网产品的用户体验设计究竟是什么。
《体验·度:简单可依赖的用户体验》将百度用户体验部设计的一些产品案例进行分享,每个案例的作者都是此案例的一线UE设计师,通过百度贴吧、百度视频、百度地图、百度魔图、百度阅读、百度旅游等产品案例讲述产品背后的故事。
《体验·度:简单可依赖的用户体验》适合初入互联网行业的体验设计师、产品经理、视觉设计师、交互设计师、用户体验研究员阅读,同时适合资深人士用以互相切磋、交流提高。另外,移动APP设计/开发人员、桌面软件设计/开发人员以及相关专业师生等也非常适合阅读本书。
当我翻到一本让人欲罢不能的好书的最后一页,通常会有些伤感,就像看完一部精彩的剧集的最后一集一样。我试图让刘超为这本书写一个后记作为收场,未遂,原因我大概了解,因为我自己曾经也写过书。当你满怀热情地、精心地、诚意无限地塑造完成一部作品,除了如释重负的成就感,或多或少都会有一些失落,所以当一本好书完成后,有些作者甚至不愿意再去碰她。我理解,所以这份失落感由我来承担。
百度是中国乃至国际范围内最成功的互联网企业之一,他们的产品之所以能被广大用户所认可,必有其道理,无论在专业领域的口碑如何,只要产品得到用户的认可,即为成功的产品。我想,这大概就是用户体验的核心——我们的产品不是为专家设计的,就是让用户用得爽!
我与百度团队的刘超、海波认识多年,追踪用户体验方向的图书也至少有7年时间,从很早以前的《UI进化论》、《设计网事》等,一直到今天,我结识了很多优秀的设计师,我非常喜欢与设计师聊天,他们的想法通常是前沿的,作风通常是爽快的,心态通常是快乐的。与这样的一群对工作、生活如此认真而又不失幽默感的人一起雕塑一件杰作,实在是痛快。《体验度》这本书从立项到出版虽然仅仅用了一年时间,但是参与编写的设计师们却是经过了多年了积累,厚积薄发。记得当时去百度与大家座谈,最开始我和设计师们都有点紧张,后来聊开了,思如泉涌,臭味相投,一拍即合。设计师的沟通能力是核心竞争力之一,在中国,甚至比设计实力本身更为重要。百度设计师给我的感觉,都很能说,这对于图书创作也很重要,能干不能说,就没办法把自己的方法、技巧、沉淀、以至于最难表达的创意如实地反映到纸面上。设计师的分享精神则更加重要,优秀的设计师是不怕传播自己的经验的,反倒会从分享过程中总结出来很多东西、从读者那里了解到更多的思路。毫无疑问,这对于图书创作,更是一种必备的心态——啥都留一手的书注定不会是好书。
一个企业或者一个团队,需要一定的企业文化或者团队文化,要让这种能量传播到队伍中的每一个人,潜移默化地形成自己的工作态度和方式,如果这种文化大多代表正能量,那么队伍中的每个人都能取得各种收获。百度用户体验部就是这样一个团队,朝气蓬勃,帅哥美女,眉宇间透出欢乐和幸福,我希望这些设计师朋友们可以继续快乐的工作、快乐的生活。
本页内容实在与用户体验无关,纯粹出于编辑的个人情感。如果嫌烦,请无视……
最后,感谢百度用户体验设计团队对清华大学出版社的信任,感谢设计师王文韬认真负责的态度,他让我体会到百度人超高的执行力和一丝不苟的工作作风,最后感谢读者购买这本书,并阅读至此。
清华大学出版社 栾大成
序一
黎万强
百度体系下有很多产品,不少产品都已有海量用户,要进行设计,如何保持设计的系统性,又如何在各自
应用的领域里出彩,是一件巨难的事情。我相信设计师有时会觉得像是要让大象跳舞。所以作为用户、作
为设计的同行,我也会好奇地想看看他们团队在做产品、做设计的思考过程。
《体验·度》这是一本百度关于用户体验设计的内部案例书,从Web到移动客户端,从大搜索到地图、贴
吧之类的常用工具,还有娱乐类的魔图等各种产品,从概念设计、功能设计、原型设计、用户研究和交互
与界面设计的过程与细节,他们团队都全盘托出,都是干货内容,而且排版精美。
好的设计都要找到原点,对于百度的产品设计和用户体验设计来说,是“简单可依赖”。在“简单可依
赖”的原点上,百度用户体验团队强调“设计是一个整体”:从产品到设计到运营全环节,来整体思考设
计。
设计师和设计团队如何升维?
设计是一个整体就是一个典型的升维思考。有效的设计就是好的设计!而是否有效则应放到整体的环境中
来看。你为用户设计,让目标用户觉得好看好用,这就是有效。我在招聘设计师时强调过设计师要有深度
阅读的习惯,这是设计师升维的一个方法,《体验·度》这本书,可以让你系统性地了解百度的设计。
作为一名用户体验设计的老兵,我2000年进入金山从事设计,那时,用户体验设计这个行业在国内算是刚
刚起步,就像刘超书中所说,一开始大家对这个岗位的需求和认知仅仅是一个画图标的美工,15年时间过
去,现在每个公司都在大谈用户体验,都组建了数十人甚至数百人的专业设计团队,行业已经蓬勃如此,
这是设计人之幸事。
现在市场上用户体验的专业书很多,但由公司一线用户体验团队写的书,还是少之又少。在公司里的项目
团队出书,确实会考虑为了品牌推广,但自己在公司繁杂的设计任务之余,腾出时间真刀真枪来写,把经
验都共享出来给同行,这依然是非常了不起的事情,这样的精神是“活雷锋”。
对于刘超带领的百度用户体验团队,恭喜他们的《体验·度》这本书的顺利出版,也谢谢他们为中国用户
体验这个行业的发展添砖加瓦!
序二
胡晓
中国已经大规模进入体验经济时代,企业在日趋激烈的竞争下,需要提出创新理念或方案跳出“传统”
的模式,推动产品创新与提升服务品质,跨入更利于可持续发展的新环境。随着技术、战略和文化的进
步,各种新产品的交互方式越来越多,人们也越来越重视用户体验。用户体验是一门学问,需要你深入
用户的内心,洞察用户真正的需求,善用各种方式与应用技术,全面提升产品的交互、情感、感官品
质。在这个重视用户体验的大环境下,如何诠释用户价值、商业价值、社会价值成为了设计师任重道远
的任务。
与用户站在一起,了解用户文化,挖掘用户使用习惯,分析用户趋势,不断迭代产品设计和满足用户需
求,百度用户体验部设计师一直充满热忱地去完成这个任务。通过百度贴吧、百度视频、百度地图、百
度魔图、百度阅读等产品,我们看到百度大UE对用户体验的全面规划以及对产品整体设计的用户视角的
依据。
我们在做体验设计就是不断基于用户需求的本源的一个推导过程,在这个过程中,每个细化过程都基于
上一步的清晰目标开展,环环相扣,任何界面的功能和用户体验必须与总体的品牌和消费体验保持高度
一致,与用户文化契合。百度大UE做到把设计基于品牌和消费体验、用户文化,将其产品提升到与设计
体验相同的水平,最终解决用户的问题,满足用户的文化需求。
《体验·度》透过和用户一起做设计的理念,集合百度用户体验设计部门的智慧结晶,展示设计师的设
计思路与方法,由粗到细地推导过程案例,分享可以应用在新产品设计、老产品的优化、设计评估等过
程中的理论依据,非常值得大家去认真学习。
引言
刘超
2003年我加入某国际手机巨头负责组建中国区的手机图形用户界面(GUI)设计小团队。那时候UI/UED
这个概念是非常新的词汇,行业里普遍称呼我们为美工。当时没有任何一家中国公司有清晰的流程,也没
有哪所学校开设相关专业,大多数从业者都是广告或工业造型设计中的转型者,大家从零开始见证了这个
行业的诞生。
转眼间10多年过去,UI/UED行业辉煌成长,大量的精英人士加入这个行业,UI设计也逐渐成为产品的核
心竞争力。中国出现了很多世界级别的手机终端设计制造公司,更诞生了多个互联网巨头,无数充满挑战
和激情的岗位出现在这个行业,让我想起10年前我们写的一篇文章《UI大时代》,如今,这个时代真的来
了。
兴奋之余,作为这个行业的最早一批从业者,我们一直在思考工作中遇到的一些问题:“如何提升UI设
计师在项目中的话语权”,“为什么一些产品有很精美的图标和炫酷的动画但产品在市场上却没有用
户?”,“为什么大多数设计外包公司提供很好的方案但市场数据很差?”,“UI设计师和产品经理永远
无法在一个思维维度沟通”等等,也许我们无法给出完美的解答,但我和同事们认为有必要将这些年的工
作经验做一个总结,将一些我们亲身经历的项目的设计思路分享出来,让更多的从业者能够从中看到我们
走过的弯路和收获,让更多的人知道一个互联网产品的用户体验设计是什么。
因为用户体验是一个整体,它包括:产品方向、产品功能定义、用户研究分析、产品交互逻辑、产品图形
设计、产品运营等。如何将这些元素结合在一起进行设计是我们做用户体验设计最核心的能力。本书由刘
超、王文韬、路蕾、孟雷、王吉芳、朱瑞辉、薛俊强、罗虹荣、董如雪、郭超、赵慧斌、雷丽、郭芳榕、
于洋、李静、曲佳、赵春瑾、赵德鹏、李思雨、许光、徐海波、袁青林、刘灯、李金阳组成的编委会共同
撰写完成。将百度用户体验部设计的一些产品案例进行分享,现在就让我们通过百度贴吧、百度视频、百
度地图、百度魔图、百度阅读等产品案例进入我们产品背后的故事。
任何时候,我都会告诉你:设计团队写的书是最有诚意的。我们到处可以看到功能丰富的产品,但拥有“简单可依赖的用户体验”特质的产品极少。我组建和主持腾讯CDC的十年时间里,多次和百度用户体验部交流,他们是一支优秀的团队,你眼前的这本书,代表着当下最好的他们。
—— 前腾讯CDC总经理 唐沐
在过去的十年间,很多企业或公司的设计部都经历了从GUI到UI再到UED的发展过程。每当我听到刘超在回顾过去十年的个人经验时,感同身受,当我得知百度用户体验部即将发布《体验 度》时,内心亦是同样感慨。相信这本充满干货的沥血之作一定能给从业者带来启发。
—— 洛可可设计集团创始人 贾伟
用户体验是一个整体,如何提升它在企业中的价值认可,是这本书给我印象最深刻的地方。刘超和他的百度团队毫无保留地将最近这几年的实践成果分享给行业同仁,这是给UX界第一个十年的一份厚礼。
—— 现任UPA中国主席 黄峰
移动互联网时代,体验设计的重要性不言而喻。百度用户体验部的设计师,将他们的设计心得总结出来,代表了这家互联网公司的设计文化。一切都在发展,作为曾在百度工作过的我,祝他们未来一切更好。
——墨迹天气副总裁 相辉
百度用户体验部,百度最大的设计团队,简称大UE,是负责百度产品UI设计的用户体验设计团队,现有设计师近300名。
用户体验部负责百度搜索、知道、百科、地图、旅游、贴吧、文库、身边、新闻、视频、Hao123、魔图、输入法、浏览器、影音等绝大部分百度产品的用户体验设计与研究。
百度用户体验部致力于提升百度产品的用户体验,部门有专业的交互设计、图形设计、用户研究团队,主要工作包括:
通过用户研究分析,参与产品策略的制定;
对产品进行结构、流程的优化,对产品功能、界面做出研究与设计;
支持各部门新产品的视觉设计工作,对现有产品进行重构优化与设计;
制作用户界面和优化代码,开发脚本程序;
……
目录
引子:用户体验设计是一个整体003
公司的优势决定产品方向004
产品方向决定产品功能004
产品功能和UI设计的关系006
产品运营009
一场与简单赛跑的设计比赛——百度地图010
化繁为简的设计014
来一次简单高效的设计026
路测丈量出来的简单038
百度社区:我的贴吧我做主——百度贴吧046
了解用户,痛定思痛052
减法与加法的平衡058
贴吧文化,形象为尊068
总结082
以精致诠释阅读之美——百度阅读084
书——功能与美感的融合086
读——移动阅读引发的一场思考100
无所不在的视听盛宴——百度视频112
设计关键词116
让迭代速度飞起来118
庖丁解牛,勾勒用户画像122
整体构思,产品统一化设计124
少即是多,合理分层,事半功倍134
点击,还是点击!136
情感表达138
引子:用户体验设计是一个整体
一个产品的成功需要每个环节的成功配合,任何一个环节的疏忽都有可能导致产品的失败。很多时候我 们在各环节中都投入相当专业的人才,这些人才具有足够的经验和专业知识,但大家却不能向一个方向 发力,最终导致产品的失败。那我们究竟该如何将产品各环节紧密配合起来呢?
首先产品可以简单分成如下几个设计环节:产品方向、产品功能定义、用户研究分析、产品交互逻辑、 产品图形设计、产品运营等。在百度用户体验部内部我们对于这些产品设计环节之间的关系是这样理 解的:
因此UE设计师的本质工作虽然只是用户研究、产品交互逻辑、产品图形设计、产品运营这几部分,但 好的UE设计师必须理解和参与其他部分的设计,这样才能更好地融入产品、了解产品的真正目的和用 意、准确判断产品优先级,最终科学地设计出最适合产品的交互和图形设计。下面就为大家庖丁解牛式 地分析这些综合影响用户体验的产品设计环节。
从图中可以看出:
(1)各个环节之间的决定和被决定关系:即 靠近金字塔底层作为基石的环节,决定着上层 环节的工作。我们这么多年的工作积累告诉我 们,例如一个产品的交互、视觉设计如果和产 品方向有了偏差,这样的设计是很难成功的。
(2)各个环节开展工作的顺序:有了第一点的 认知,我们就不难理解工作的顺序,应该是自 上而下的,下层的工作需要给上层工作指明方 向,上层工作需要对下层工作有效地呼应。
3
A. 公司的优势决定产品方向
每个产品都有80%的功能趋同,只有20%的功能不同。例如每个新闻APP都有新闻推送和用户阅读等同质 化基础功能,但真正决定胜负的是另外20%的不同功能,例如有的新闻APP注重评论、有的注重分享、有 的注重某一类垂直领域等。所以任何产品的成功都是需要有自己的独特性,例如微信注重隐私、微博注重 开放、陌陌注重陌生人等。
产品独特性就是产品方向,但产品的方向不是随意制定的,它一方面要建立在广大用户的钢需上,另一方 面是由公司自身的优势决定的。如果我们的独特性做到竞争对手的优势上,成功的可能性就很小。例如春 节发红包是支付宝先推出,但微信上线后才火起来,因为这个功能要基于腾讯的熟人关系网才能推广。 所以产品最核心的产品方向(产品特色)大多是由公司的优势决定,反过来,这个优势越明显你和竞争对 手的差距也就越大,这个优势门槛越高(例如技术积累、用户数据积累、资金投入)竞争对手越难超越, 这也证明了为什么很多人说腾讯抄袭创业公司导致创业公司破产,因为这些公司把自己的特色做在腾讯的 优势上了。
因此作为一名合格的UE设计师,在钻研各种设计技法的同时,要深入了解公司的优势,有效地运用各种设 计技法来突出自身的核心优势,从而设计出差别于市场其他产品的、有核心竞争力的产品。
B. 产品方向决定产品功能
产品方向决定后,接下来我们需要把产品方向和产品设计中的其他环节紧密衔接。工作的第一步就是产品 方向决定产品功能。我们用百度新闻客户端来举例。我们在做新闻客户端的时候都会思考哪个信息是用户 每天都想看到的,调研结果是“天气” (图1),既然是天气我们是否要将天气做得更酷炫呢,甚至点击 后显示一周的天气呢,如果你问用户,答案是肯定的(图2);既然是如此绚丽的UI,我们是不是要进行微 博分享呢?用户依然认为是的(图3);那么既然分享我们是否要增加查看评论功能呢(图4)?这时候你 会发现我们讨论的点已经和新闻客户端完全无关了。这些功能已经一点一点地偏离到和产品方向相反的方 向了。
……