第1章 用户体验设计在团队中 1
UED——鱼缸里的水 2
潜性 2
无处不在 2
提供和支持 2
需要更新 3
一切为了“鱼”——包容性 3
接过用户的绣球 3
管理者不应直接参与产品的开发与设计 4
为什么会这样 5
设计团队必须为产品质量负责 5
时间先后并不代表工作的重要性,或者谁控制谁 5
其他 6
UED应该向产品负责,而不是向PM负责 6
UED不是保姆 7
如果PM是父母,那么UED应该是老师 8
UED不只是老师,UED应该向产品负责而不是PM 9
最后 10
主题讨论 10
第2章 用户调查和研究 12
我要如何了解“她” 13
贯穿整个产品生命周期的用户研究 15
定性分析和定量分析 15
开发期的用户研究 16
进入期和成长期的用户研究 16
成熟期的用户研究 16
衰退期的用户研究 17
其他 17
隐式挖掘网站用户行为 17
收集数据 17
过滤数据 18
习惯分析 18
实际案例 18
小结 19
角色设定——了解我们的用户 19
角色——谁是我们的用户 19
计划——为什么要了解我们的用户 19
目的——我们要了解用户什么 19
方法——用户中心设计(UCD)原则 20
用户研究需要全面且综合地了解及分析 20
第3章 期望值 23
用户期望的满足、超越和拒绝 24
满足期望 24
超越期望 24
拒绝期望 24
期望的变化 25
期望,别忘了动机 25
Flickr的理想与现实 26
产品的期望 26
用户的期望 27
设计的价值 27
期望值与需求的一点意见 29
用户的期望值产生于需求,而非体验 29
体验好的东西,并非是要都做的 29
产品满意度是相乘的关系 30
期望的产生 30
品牌信誉 30
先前的体验 31
第4章 产品概念设计和传达 32
补充几点关于概念设计 33
什么时候需要做概念设计 33
概念设计需要具备的几个基本技能 33
概念设计的解说方式 34
概念设计在整个项目流程中的作用 35
概念设计及交付物、评估和测试 35
谁来扮演这个角色 35
概念设计的目的 36
概念设计的交付物 36
评估和测试 36
可以模拟未来的设计师 37
概念设计的传达 39
如何进行 39
如何呈现 39
另外想到的 40
帮助你了解全局的城市地图 40
为什么要画 40
怎么画 41
用什么画 41
一些建议 42
第5章 人物角色设计 43
角色是用户的可视化界面 44
如何保持角色的活跃度 46
让人物角色站到你面前 47
角色设计概述 47
角色设计参考步骤 48
角色设计的几个小技巧 49
团队之间的角色分工 49
失败的角色设计 50
原有计划被打乱 50
定义不准确 50
没有使用好角色 50
小结 51
第6章 任务分解和情景设计 52
任务、任务点和目标 53
情节设计中的叙事策略 54
讲故事已经成为人类理解世界的一种方式 54
如何讲好一个故事 55
纸面分解任务的一个WAP实例 56
比“以PRD为唯一依据”更高效的产品设计方法 58
任务分解的基本原则和方式 58
如何统计要做哪些任务的分解 58
我的实践方法 59
有情景才有任务 60
以目标为导向 60
以真实为基础 60
几种产出 61
其他 61
主题讨论 61
第7章 构架更好的信息结构 62
良好的信息架构可以缩短互联网距离 63
物以类聚,人以群分(用户与用户) 63
把用户需要和想要的内容呈献给他(用户与内容) 64
用户至上(用户与官方) 64
问渠那得清如许,唯有源头活水来(内容与内容) 65
台前幕后(内容与管理员、管理员与管理员) 66
信息架构的减法 66
设计页面结构原型 68
利用卡片分类进行信息架构 69
在什么情况下可以用卡片分类 70
挺酷的,那我该怎么开始呢 70
收集到数据啦 71
马上试试,给我些建议吧 71
合理构建了信息结构,为何还去扰乱 71
这样构建信息结构 71
在设计实施的阶段,信息结构被谁扰乱了 72
会打乱信息架构的其他因素 73
怎么让大家坚信合理的信息结构 73
功能结构和页面结构的设计 74
功能结构的设计 75
页面结构的设计 76
主题讨论 76
第8章 交互设计做什么 78
交互设计需要什么样的需求 79
既生产品经理,何生交互设计师 81
游毅和他的智障女儿 82
交互在改变产品 84
第9章 注意界面上的文字 86
界面内容优化的层次 87
界面上的文字应该清楚而准确地向用户传达信息 87
界面上的文字应该便于用户阅读并快速理解其含义 87
整个产品不同位置的文字应该统一 87
界面上的文字应该具备该产品需要传达给用户的气质 88
文字的视觉设计应该完整地融入整个产品视觉中 88
尽量让文字自身起到“推销”产品的作用 88
如何制定文字语言规范 89
文字的减法 90
像聪明女孩穿衣服那样设计网页文字 91
全身搭配的主色不要超过三种 92
配饰风格要统一,相互呼应 92
细节决定成败 93
内容呈现建议十条 94
文字的辨识度与可读性 95
第10章 不得不说的网站导航 97
导航设计与信息架构 98
被狭义化的导航 98
Tab式导航的例子 98
导航不仅仅是Tab 99
小结 99
(100-1)%的内容是导航 99
页面中(100-1)%的内容是导航 100
导航并非越仔细越好 100
让复杂导航变简单 100
在路径层面上提供辅助导航 101
组织形式也会带给我们好的体验 101
鱼眼菜单给我的思考 102
认知的有限性和导航设计 103
把导航系统做薄 103
导航的流行趋势 104
借鉴传统软件工程的导航模式 104
没有“导航”的导航——搜索 106
社会化导航 106
别忘了导航 106
第11章 视觉设计不仅是美术 109
浅谈视觉设计的准确性 110
找对你的感觉 110
视觉结构和层级关系 111
是什么就是什么,图形达意尽量明确 112
明确你的视觉状态 112
请用准确的视觉来辅助信息反馈 113
科学与艺术兼顾的有效网页视觉设计 113
理性 114
感性与个性 115
视觉设计不只是图形 116
视觉设计师 118
信息可视化与视觉设计 120
一个例子 121
认知心理学和图形设计 121
在Web设计上的应用 122
更多应用 123
从苹果电脑看视觉设计的深层审美文化心理 124
形式与功能的平衡 124
世界由“爱美的人”创造的 125
唯美的设计并没有拉近人与机器的距离 125
用户体验是复合体验 126
设计并不要求人与机器零距离 126
第12章 如何设计有效的帮助 128
帮助的乌托邦 129
为什么要帮助 129
帮助的真实含义 129
帮助的形式由什么决定 130
关于帮助的疑惑 130
帮助的乌托邦 130
帮助是什么 131
是否需要让用户“知其所以然” 132
对帮助的三点想法 134
强迫式帮助 134
首页是网站最大也是第一次帮助 134
优秀的内容(信息)是对用户最直接的引导和帮助 134
不要瞧不起“帮助页面” 135
你的用户需要什么样的帮助 135
第13章 产品评估和测试 138
ASK ME,产品设计的评测 139
简单经济的可用性测试指南 142
时间 142
人 143
地点 144
产品上线后的用户访谈 144
准备工作 145
用户访谈 145
访谈记录 145
小结 146
开展全面的网站评估 146
第14章 设计规范 148
产品规范之道 149
规范的时机 149
规范的程度 149
规范的内容 150
规范的执行 150
规范没有规范 150
没有流程的时候 151
人少的时候 151
没有管理能力的时候 151
规范没有规范 151
设计规范有谱么 152
设计规范达不到预期效果的原因 152
设计规范最常见的错误 153
设计规范的本质是做好人的工作 153
优秀的设计规范要达到什么目的 153
以团队默契总结出规范 154
规范的建立之路 154
建立规范的目的是信息的有效传递 154
规范必须是细化的、可执行的 155
规范的建立是团队的作品 155
ASK ME,关于界面规范 156
常见的界面应用规范有哪些 156
什么时候整理规范更合适 156
什么样的规范形式更适合网站产品 157
如何执行各类界面规范 158
如何使工程师重视界面规范 158
没有规范行不行 159
设计规范的理想 159
满足用户需要 159
满足协作需要 160
提高团队效率 160
第15章 我的UED故事 161
为何找错了地方 162
场景1:原来这个不是刷卡机 162
场景2:左边还是右边 162
场景3:顺手刷一下,竟然没刷上 163
记不住车牌的保安 164
设计师的“职业病” 165
与用户体验的这两年 166
我的UED故事:饮水思体验 167
用户习惯 168
新式改进 168
为何改进 168
好的地方 169
还需改进 169
从平面设计到UCD 169
善于表达和沟通 170
了解你的团队是做好设计的基础 170
认清楚谁是你的用户 170
你最好是个好战分子 170
懂得控制你的节奏,去繁取简 171
在提出问题的时候,你应该先有解决方案 171
停止抱怨 171
一个任性的设计师 171
第16章 实例分析 174
角色设计:地铁站自动购票终端角色 175
用户群与目标 175
构造人物角色 175
主要角色和次要角色 176
本例的一些局限 177
一个调查系统的任务分解实例 177
概述 177
设计 178
设计的“环境”因素 179
规矩是死的,人是活的 179
忽略“环境”会搞砸所有的好设计 180
少用或不用有歧义的颜色 181
大家一起来找茬:糟糕的网站体验 181
页面的不良设计 181
糟糕的人机交互 184
注册与登录的烦恼 185
功能使用上的疑惑 186
几点闪光 187
出错,也能莞尔一笑 187
等待的乐趣 188
小力气,大作用 188
不只是模仿 189
细节的力量 190
这些设计,让网站似个彬彬有礼的绅士 190
礼貌的网站对我感兴趣,并且主动提供帮助 190
礼貌的网站尊重我 191
礼貌的网站会积极反馈 192
礼貌的网站会解决自己的问题 192
礼貌的网站灵活应变 193
礼貌的网站让人信任 193
优秀设计所绽放的魅力 194
最浪漫的问好 194
最搞怪的休站页面 194
最贴心的图像处理 195
最淘气的节日祝福 196
Flickr Loves You 196