《体验 度》

0

副标题: 简单可依赖的用户体验 百度用户体验部
出版年: 2014-10-1
页数: 234
装帧: 平装
ISBN: 9787302378396

读书笔记
以内容来看,此书结合Baidu的产品设计回顾,系统性的回顾了Baidu在设计过程。内容比较偏实践总结为主,同时也是baidu产品的再营销媒介。
http://jp.hao123.com/ 日本站比国内的设计上好太多了~~。

P3
(1)各个环节之间的决定和被决定关系:既靠近金字塔底层作为基石的环节,决定着上层环节的工作。
(2)各个环节开展工作的顺序:下层工作给上层工作指明方向,上层工作对下层工作有效呼应。

p4
A.公司优势决定产品方向
几乎每个产品都有80%功能趋同,只有20%功能不同,此不同的产品特性就是产品方向,产品方向一方面建立在广大用户需求基础上,另一方面,也是由公司本身先天优势决定。
B.产品方向决定产品功能
敢于砍掉不相关或者相关性差的功能,强化和产品方向相关性更高的功能。

p6
C.产品功能和UI设计的关系
侧边栏适用于导航项多,且不常切换的功能导航;
Tab导航适用于经常需要切换的功能导航;
宫格的设计适用于每个功能功能相互独立的工具化产品导航。

p7
用户体验是一个整体,图形界面设计自然也是其中一部分。不同产品的独特性决定产品不同的图形气质。

如百度视频:视频产品要给人一种沉浸在电影院的感觉,所以我们选择深灰蓝色作为背景,加上亮蓝与红色作为点缀。用户在使用iPad播放百度视频时就有如在影院的观影感受。而对于百度魔拍而言,它的用户群针对的是90后女性,它可以智能“美白”、“大眼”、“瘦脸”,所以它的风格是“时尚+科技”。

p19
“超级整理术”–收起高级功能
80%的用户在使用20%的功能,这20%的功能就是核心功能,核心功能会获得足够的设计重视度。哪些高级功能使用如果并不频繁,这些功能在设计上将会被弱化表现形式,或者被分类到二级页面。

p20
精确的表意性
图标有锚定作用,精美的图标会延续真实世界的认知,在较远的距离也可以被识别,比如在高速公路上,道路标识就以图标为主。用户在认识一个图标之后,再次遇见就不用在思考,这是图标在没关之外的的功能性意义。

p26
来一次简单高效的设计
“世界上最遥远的距离不是生与死的距离”
而是你明明打电话说到了,我却怎么找不到你…(平行世界么?百度的文案还行)

p28
“硬骨头”需求
设计产品中,难免会遇见有如下共同点:
交互流程复杂,可能涉及多场景、多用户、多时段、有较多的逻辑判断
界面元素众多,很容易显得信息杂乱、视觉效果对用户认知影响较大
需要动效辅助,通过动态元素引导用户理解交互,添加情感化元素
需求优先级高,但设计时间或人力不充裕
对于这类需求,设计师坐在桌子前面用静态的角度苦思冥想,有时难免陷入困境,而引入高保真动态原型,让设计师在真实的互动中思考,有助于做出更合理的设计决策。

P30~32
1. 原型要用起来
原型的“动态”,说明支持跳转逻辑,可以还原完整的使用流程;直接在手机上运行,更贴近真实情景;对复杂功能的还原,解决了很多难以把握的流程上的问题。
2. 不仅能用,还要好看
在信息量的交互方案中,必须保证界面的美观界面。引入视觉设计稿,利用系统控件,在高保真的原型界面中测试,能得到大量关于文案、图标、空间等细节的体验反馈。然后交互设计师优化文案细节、简化长语句、修改歧义提示、选择正确的控件;视觉设计师力求图标、控件的设计表意明确,不断优化信息层级、视觉风格。
3. 不是风动,是心动
良好的动效能提升用户体验。一方面雪中送碳;利用合理的动态变化提供操作反馈,吸引用户的注意力,解释状态或关系等,弥补静态设计的不足;一方面景上添花:用有趣的设计细节缓解焦虑,或传达品牌与情感。
动效的设计需要交互与视觉设计师共同参与。一是要含义准确,比如递进关系和同级关系,肯定要使用不同的动画;二是要符合视觉风格,比如拟物化和卡片化的设计,使用的动效会有区别;三是要注意所在平台、实现成本、绘制效率等。这些都需要高保真的动态原型反复调试、沟通,才能达到理想的效果。
4. 哪些需要哪里搬
设计之外,动态原型也是整个项目团队沟通的桥梁。如帮助PM评估产品需求,砍掉不必要的功能。

p40
别给用户留下思考时间
在日常调研项目中,我们通常会邀请用户到访谈室,通过情景假设的方式,将他们带入到某个具体长久,了解用户所思、所虑、所为,进而对产品的功能、设计进行判断。
行为反应:用户对使用导航产品体验的反馈,是基于行驶过程中根据前方路况所作出的“行为反应” —— 是直接的、条件反射式的。

语言陈述:室内访谈,用户面对导航产品使用体验的问题,是基于情景描述、场景想象、经历回忆之后所作出的“语言陈述” —— 是间接的、加工过的。

瞬间的感受:使用导航产品瞬间感受,代表了他对产品体验的态度。而在访谈室,他有足够的时间去思考、犹豫,最后整理出答案。

p45
因目的而调研、因需求而设计、因局限而开拓,一切都为更懂你(用户),让你(用户)“精彩一步到位”。

p53
了解你的用户
唐·诺曼说过:如果在用户界面设计和人机交互领域中有任何神圣的原则,那必然是“了解你的用户”。

p54
大多数用户不知道自己喜欢什么,也比较难以找到志同道合的朋友,因为他们比较随性,比较我行我素。所以我们必须帮助用户解决这些痛点,帮助他们发现兴趣和志趣相投的人,从而找到心中的归属。

p55
用三块“面包屑”帮用户离开森林
“新用户引导”其实就像是在为森林中迷路的小女孩掰面包屑引路,在掰之前,首先要确认目的:要带小女孩去那里;其次确认思路:扔哪里容易被小女孩看到,又不至于太明显被其他动物吃掉;最后确认步骤:面包不多,需要掰成几块才能顺利出去。

p56~57
引导分三类,用对方法,事半功倍
对引导的形式做统一的规范:
1. 强引导
“教练画板”属于强引导,使用场景:当用户进入改页面时,需要立即注意到该功能,并将全部注意力聚焦在此。这种形式给人以厚重感,用户必须关掉浮层才能继续正常使用,这种情况下会打断用户使用的正常流程,反而会把马上关闭忽略掉,友好度较低。

2. 中度引导
中度引导的使用场景,往往是需要用户一眼注意到该功能,但不影响页面中其他功能的正常使用,比较友好,适合大部分情况。
在设计中又需要将这种情况继续细分:
A. 目标区域较小,有明确指向,采用气泡提示,点击气泡所指目标收起引导。
B. 目标区域交大,点击图形提示,通常有动效提示。

3. 弱引导
采用文字引导。使用场景:不需要让用户一眼注意到该功能,但需要使用时可以发现。比较友好,功能重要程度较低时使用。
A. 需长期存在,消失后用户较难回忆。方式为固定存在。
B. 只需首次引导,学会后较容易根据场景回忆。方式点击一次后文字消失。

User Guide 引导教育
人天生具有很强的学习能力,只要在适当时机给予引导教育,能够大大提升用户的使用效率(ps:我一般拿到新产品,都不看说明书。先玩了在说,碰到问题在找解决方法)

p59~61
结构纵深,节奏提升
一个产品好用与否,结构层次至关重要,贴吧客户端在设计上除遵循上下左右信息层外,还进行了Z轴的纵深挖掘,将APP纵深划分为三个级别:
1. 背衬区
最底层其实更趋于中性,越到内容区域越丰富多彩。当然在整个颜色体系中也是如此设定的,给用户一种统一的感知,使用时会更加理性。

2. 内容区
内容区的处理会更加丰富多彩,在遵循统一的基础上,融入丰富的颜色体系,提升社区的气氛感,使用户一下子从理性中跳跃出来,温馨、温暖、热闹等感知涌上心痛,非常符合用户的使用预期。

3. 导航区
导航区作为用户的操作窗口,其辨识度及凸显性不容忽视。
7±2法则,帮助用户记忆
比如:用户在输入发帖及回复内容之后,有可能由于其他操作离开此页面,那么我们就需要帮助用户做好这个记录,一旦用户返回到此界面就不需要再做重新输入的操作。帮助用户记录号这些未完成的操作等等。这些方式其实都属于帮用户记忆,减少用户的记忆负担。帮助用户记忆,对产品来说,可以增强用户粘性,提高工作效率,使得体验更加人性和易用。

建立库,极致减法
1. 色彩库
百度的做法是通过HBS(人眼识别色彩体系)进行相应的百分比变化。
2. 产品辅色
3. 产品亮色,画龙点睛、强化产品品牌色系更加根深蒂固。

P69
用户激励
一个无任何用户激励的产品,用户迟早都会慢慢流逝,因为人的内心都渴望被别人肯定。

p73
品牌与产品的结合 – 形变的魅力
何为形变?我们为什么要在产品中加入形变要素?顾名思义,我们需要通过形变来告知用户当前状态改变了,从而让用户得到反馈。一个完整的变形,不仅仅是结果的导向,更加重要的是。中间发生了什么?是如何发生的?

p82~
大局与细节博弈
凡事考虑长远,以得以失的辩证关系看待问题,对全局进行全面分析、观察的能力。如果你能够目光放长远一些,能够把握好产品的整体方向和细节呈现的关系,分清主次,不因小失大,那对待任何问题能做出快速反应和正确决策,是整体的产品效益最大化。

1. 准确定位,明确理念
里斯和特劳斯则在他们的著作《定位》中强调,“定位不是你对产品要做的事情,而是你对预期客服要做的事。”换句话说,“你要在预期用户的头脑里给产品定位。”这是产品设计首先明确的问题,这就是基础。

2. 深入用户,充分调研
我们的产品受众群体肯定是用户,如果不在这个阶段进行充分的用户调研,那么如何能够保证我们的设计符合目标用户群体呢?(ps:调研的结果只是辅助决策的一种方法,用户想要的和实际要的会有差异)

3.团队协作,制定规范

4. 密切沟通,规范流程

p88
功能 —— 是选择还是推荐?
我们不想让用户来做选择,而是推荐用户来做什么。

美感 —— 凸现在极简中的精致

美感 —— 书的封面包装

美感 —— 贯穿小交互的原创
在当下的移动互联时代,如何让自己的APP脱颖而出?如何找到属于自己的产品DNA?如何做到不止是号用,还能让人印像深刻?
在实现基础功能的前提下,设计师和产品经理都在思考怎么做才能直觉上打动用户。

美感 —— 在情感认同中升华
互联网时代,人们需要偶像和精神参考物来激励自己,这是阅读气氛最好的写照。在用户打开APP的瞬间,在不经意滑动的瞬间,都能感受到精神领袖的个人魅力以及他们的至理名言,从情感上营造学习的氛围。

p118~119
高效设计,敏捷迭代
1. 快速竞品分析
2. 用户行为数据分析
3. 概念交互方案发散
4. 快速视觉实现
5. 高效配合,敏捷开发

p122
庖丁解牛,勾勒用户画像
兴趣分布、学历分布、地域分布

p124
整体性设计布局
多终端产品的设计中,要进行快速的产品拓展和迭代,需要拟定以下几个部分:定好产品基础框架,方便产品进行多维度拓展;定号内容的布局方式,形成内容的模块化,方便自由组合;定好统一化的图形,复合各终端,保持品牌统一性。

p126
统一框架和基础流程
1. 手机端主框架
2. 根据硬件特点定制不同的框架式结构
3. 主要流程统一化

p128~130
布局灵活:形成内容矩阵
空间结构栅格化

p134
少即是躲,合理分曾,事半功倍
信息结果的合理划分
手势的合理运用

p138
情感表达,特殊界面处理
细节决定成败,一个考虑周全的产品应该是面面俱到的。操作错误了给出友好的提示、后台加载时用高速旋转的图形来表达速度感、任何初始界面给予足够的推荐和引导内容等处理方式,这些都是一个产品贴心性的表现。

P160
拟场景化的设计
虚拟场景之上的借鉴
真实场景的设计概括
幻想场景的设计创造

P166
情感化融入
唐纳德-诺曼说:我们常常认为,产品关注的是技术和他们提供的功能,错,成功的产品关注的是情感。

P178
百度魔图小结:
从工具化到以娱乐为中心的设计思路的转变,是建立在用户需求以及社会娱乐化环境的前提下,通过深度挖掘用户内心需求,创造了极简的交互流程。从生活中出发提炼出符合产品气质的马卡龙色设计方案,另外迎合当下热点设计的许多用户喜欢的娱乐化功能。

p184
旅行定位,构建专属行程
行前决策、行中记录、行后分享一站式体验服务同时也是三种使用场景

p190
产品价值,提升核心竞争力
站在用户体验角度,可以把需求分为基本需求层面(可用)、功能需求层面(易用)、价值需求层面(情感依赖)三类,依次由较低层次到较高层次排列。从本质上看设计其实就是人们不断提高生活质量、让一切都变得更加简单、方便的过程。

阅读时间:2015-1-18~1月22

Leave a Comment