第 1 章 用户体验入门 ／ 001
1.1 什么是用户体验 ／ 002
1.1.1 产品 ／ 002
1.1.2 纯主观感受 / 心理反馈 ／ 003
1.1.3 用户体验的评价模型 ／ 004
1.2 有用性 ／ 006
1.2.1 需求分类 ／ 006
1.2.2 用户体验地图 ／ 008
1.2.3 用户视角 ／ 009
1.3 可见性 ／ 012
1.3.1 合理的信息架构 ／ 012
1.3.2 跳转动作 ／ 015
1.3.3 快捷入口 ／ 015
1.4 易感知 ／ 020
1.4.1 信息优先级 ／ 020
1.4.2 缩短路径 ／ 021
1.4.3 信息可视化 ／ 023
1.4.4 化繁为简 ／ 024
1.4.5 隐藏机制 ／ 026
1.5 易用性 ／ 028
1.5.1 减少操作步骤 ／ 028
1.5.2 降低交互成本 ／ 031
1.5.3 减少场景转换 ／ 033
1.5.4 合理的限制 ／ 036
1.5.5 定制化 ／ 037
1.6 容错性 ／ 039
1.6.1 引导 ／ 039
1.6.2 报错 ／ 042
1.6.3 解决 ／ 046
1.7 一致性 ／ 050
1.7.1 品牌基因 ／ 051
1.7.2 平台的差异性 ／ 053
1.7.3 终端一致性 ／ 054
1.7.4 有用大于统一 ／ 055
1.7.5 设计规范 ／ 055
第 2 章 概念 ／ 057
2.1 MD 和 iOS 设计规范 ／ 058
2.1.1 阴影 ／ 058
2.1.2 导航体系 ／ 060
2.1.3 配色 ／ 064
2.1.4 组件 ／ 066
2.2 适配 ／ 068
2.2.1 像素与分辨率 ／ 068
2.2.2 适配原则 ／ 070
2.2.3 全面屏手机适配 ／ 072
2.2.4 小结 ／ 074
2.3 手势 ／ 076
2.3.1 “拇指法则” ／ 077
2.3.2 功能可见性 ／ 078
2.3.3 滑动优先 ／ 081
2.3.4 场景 ／ 083
2.4 异常场景 ／ 086
2.4.1 网络故障 ／ 086
2.4.2 空页面 ／ 094
2.4.3 超越临界值 ／ 098
第 3 章 元素 ／ 099
3.1 色彩 ／ 100
3.1.1 为什么要配色 ／ 100
3.1.2 配色规范 ／ 108
3.2 布局 ／ 112
3.2.1 视觉吸引力 ／ 113
3.2.2 可拓展性 ／ 114
3.2.3 信息量 ／ 117
3.3 文字 ／ 119
3.3.1 标题类文字 ／ 119
3.3.2 正文类文字 ／ 121
3.3.3 提示类文字 ／ 121
3.3.4 交互类文字 ／ 122
3.3.5 文案的力量 ／ 124
3.4 图标 ／ 127
3.4.1 可识别性 ／ 127
3.4.2 网格 ／ 127
3.4.3 视觉统一 ／ 129
3.5 按钮 ／ 130
3.5.1 形状 ／ 130
3.5.2 填充 ／ 132
3.5.3 内容 ／ 135
3.5.4 状态 ／ 135
3.5.5 按钮组 ／ 137
3.6 间距 ／ 140
3.6.1 块内间距和块外间距 ／ 140
3.6.2 间距与分割线 ／ 142
3.6.3 间距的替代品 ／ 143
3.6.4 慎用间距 ／ 144
3.7 插画 ／ 146
3.7.1 提升信息传达效率 ／ 146
3.7.2 插画 or 图像 ／ 147
3.7.3 尺寸比例 ／ 147
3.8 动画 ／ 151
3.8.1 引导 ／ 151
3.8.2 吸引用户的注意力 ／ 153
3.8.3 转场过渡 ／ 154
3.8.4 对“花瓶”说“不” ／ 154
第 4 章 体系 ／ 157
4.1 导航体系 ／ 158
4.1.1 基本元素 ／ 158
4.1.2 组合样式 ／ 160
4.1.3 容器 ／ 163
4.2 搜索功能 ／ 166
4.2.1 搜索入口 ／ 167
4.2.2 信息录入 ／ 170
4.2.3 搜索结果 ／ 173
4.3 返回功能 ／ 176
4.3.1 两种返回 ／ 176
4.3.2 返回路径 ／ 178
4.3.3 手势 ／ 180
4.4 反馈机制 ／ 183
4.4.1 为什么要反馈 ／ 183
4.4.2 实时性 ／ 184
4.4.3 自身反馈 ／ 186
4.4.4 轻量化 ／ 187
4.4.5 反馈的种类 ／ 189
4.5 分享功能 ／ 194
4.5.1 动机 ／ 194
4.5.2 能力 ／ 195
4.5.3 触发器 ／ 197
4.5.4 载体 ／ 198
4.6 引导页 ／ 200
4.6.1 启动页、引导页和开屏广告 ／ 200
4.6.2 引导页设计要素 ／ 202
4.6.3 不只是引导页 ／ 204
4.7 顶部栏 ／ 206
4.7.1 去标题化 ／ 206
4.7.2 可点击 ／ 208
4.7.3 背景色 ／ 209
4.7.4 导航栏 ／ 212
4.7.5 隐藏 ／ 213
第 5 章 组件 ／ 215
5.1 弹框 ／ 216
5.1.1 模态弹框 ／ 216
5.1.2 非模态弹框 ／ 222
5.1.3 弹框体系的建立 ／ 226
5.2 表单 ／ 228
5.2.1 标签 ／ 228
5.2.2 输入框 ／ 231
5.2.3 容错性设计 ／ 232
5.2.4 按钮 ／ 234
5.3 tab ／ 238
5.3.1 位置 ／ 238
5.3.2 状态 ／ 241
5.3.3 使用场景 ／ 243
5.3.4 tab 与 Segment Control ／ 244
5.4 标记系统 ／ 246
5.4.1 角标 ／ 246
5.4.2 标签 ／ 247
5.4.3 红点 ／ 248
5.4.4 印章 ／ 249
5.4.5 场景和层级 ／ 250
5.5 信息录入 ／ 252
5.5.1 列表 ／ 252
5.5.2 单选按钮 ／ 253
5.5.3 开关 ／ 255
5.5.4 计数器和滑块 257
致谢 259