目录：

第1章 交互概念设计与图形

界面设计… …………………………… 3
1.1 交互概念设计……………………………………… 4
1.1.1 交互设计从概念出发………………………… 4
1.1.2 交互设计的发展… …………………………… 6
1.1.3 交互设计的应用展示………………………… 8
1.2 图形界面设计………………………………………12
1.2.1 图形界面的发展历程………………………… 12
1.2.2 用户使用系统就是使用界面……………… 15
1.2.3 用户界面不是绘画绣花……………………… 15
1.2.4 UCD的设计思想… …………………………… 16
1.2.5 使用图形软件之前的准备… ……………… 16
1.2.6 必备的软件分析… …………………………… 16
1.3 交互概念设计与图形界面的联系… …………18
1.3.1 理解用户的需求和分析需求… …………… 18
1.3.2 设计一些候选方案和概念… ……………… 19
1.3.3 进行原型设计…………………………………… 19
1.3.4 用户测试与评估… …………………………… 19
1.3.5 两者的关系和应用… ………………………… 19

第2章 交互概念与图形界面

设计新趋势…………………………… 21
2.1 手持移动设备的产品特点………………………22
2.1.1 不同的感知和感觉… ………………………… 22
2.1.2 不同的使用环境… …………………………… 24
2.2 手持移动设备的概念设计要素… ……………32
2.3 手持移动设备的界面设计风格… ……………33
2.4 手持移动设备的基础知识………………………35
2.4.1 承载平台的介绍和分析………………………35
2.4.2 显示介质的介绍和分析………………………37
2.4.3 作者的经验………………………………………39

第3章 手持移动设备设计的

产品化………………………………… 45
3.1 产品设计的目的……………………………………46
3.1.1 产品设计的目的是
为使用产品的用户 … …………………………46
3.1.2 交互设计和界面设计不是万能的…………47
3.1.3 我应该使用什么样的产品 … ………………48
3.2 设计是如何产品化的… …………………………51
3.2.1 如何决定将一个设计产品化的
市场调查和分析… ……………………………51
3.2.2 设计的产品化检验过程………………………57
3.3 产品化过程中的问题… …………………………60
3.3.1 天使客户还是魔鬼客户 … …………………60
3.3.2 为什么用户选择了他…………………………62
3.3.3 产品经理的太极拳… …………………………64
3.3.4 开发人员说：“我讨厌交互设计”…………67
3.3.5 交互设计师说：“我不需要图形”…………67
3.3.6 设计师的一厢情愿… …………………………68
 

第4章 产品策划定义… …………………… 73

4.1 竞争分析 … ………………………………………74
4.1.1 如何分析竞争对手和产品… ………………74
4.1.2 设计总监的角色… ……………………………75
4.2 相关负责人会议……………………………………77
4.2.1 会议的前期准备… ……………………………77
4.2.2 团队成员的确定… ……………………………81
4.2.3 出现的一些波动因素…………………………83

第5章 用户分析与研究…………………… 87

5.1 用户参与研究法……………………………………88
5.1.1 为何用户要参与研究…………………………88
5.1.2 一个典型案例… ………………………………88
5.1.3 创意从何而来……………………………………90
5.2 观察法…………………………………………………93
5.2.1 观察的方法………………………………………93
5.2.2 观察的目的和分析手段………………………93
5.3 用户访谈… …………………………………………95
5.3.1 用户访谈的原则… ……………………………95
5.3.2 用户访谈的记录方式…………………………95
5.4 焦点小组法… ………………………………………96
5.5 卡片分类法… ………………………………………98
5.6 头脑风暴法… ………………………………………99
5.6.1 头脑风暴法成功的要点………………………99
5.6.2 “正规”手持设备的GUI界面… ……………99
5.7 任务分析法… …………………………………… 102
5.8 情景设定法… …………………………………… 103
5.9 社会性研究法…………………………………… 103 

第6章 概念原型设计… ………………… 109

6.1 纸上原型… ……………………………………… 110
6.1.1 纸上原型的设计要点……………………… 110
6.1.2 一些案例… …………………………………… 110
6.2 设计原则… ……………………………………… 112
6.2.1 需要做些什么………………………………… 112
6.2.2 视觉与功能平衡… ………………………… 112
6.3 交互原型设计…………………………………… 115
6.3.1 低保真原型设计… ………………………… 115
6.3.2 高保真原型设计… ………………………… 116

第7章 设计验证测试… ………………… 119

7.1 可用性测试… …………………………………… 120
7.1.1 可用性测试对设计有什么帮助…………… 120
7.1.2 可用性测试的场地和费用… …………… 120
7.1.3 什么时候进行？多少人参与？
如何准备 … ………………………………… 121
7.2 启发式评估… …………………………………… 123
7.2.1 如何决定将一个设计产品化… ………… 123
7.2.2 设计的产品化检验过程…………………… 124
7.3 问卷表格… ……………………………………… 126
7.3.1 问卷调查法…………………………………… 126
7.3.2 如何设计一份标准的问卷表格… ……… 126

第8章 设计规范… ……………………… 131

8.1 设计规范… ……………………………………… 132
8.1.1 设计规范的必要性… ……………………… 132
8.1.2 关于设计规范的谈话……………………… 133
8.2 设计的执行… …………………………………… 136
8.2.1 设计执行说明书… ………………………… 136
8.2.2 编写要点… …………………………………… 138
8.3 输出标准化… …………………………………… 142
8.3.1 设计说明… …………………………………… 142
8.3.2 菜单树结构…………………………………… 142
8.3.3 文件打包… …………………………………… 144

第9章 一切从图标开始………………… 147

9.1 图标的故事… …………………………………… 148
9.1.1 图标设计的意义… ………………………… 148
9.1.2 好的图标设计有什么特点… …………… 152
9.2 手持设备的图标设计… ……………………… 159
9.2.1 手持设备的图标设计有何不同… ……… 159
9.2.2 设计一个手持设备的图标 ……………… 160

第10章 手持设备的图形界面………… 167

10.1 图形界面设计的创意……………………… 168
10.1.1 优秀图形界面赏析… …………………… 168
10.1.2 开始设计手持设备的图形界面… …… 176
10.2 【案例】手机MP3播放器的
界面设计………………………………………… 183
10.2.1 产品定义… ………………………………… 184
10.2.2 交互设计… ………………………………… 184
10.2.3 界面原型… ………………………………… 185
10.2.4 视觉设计… ………………………………… 185
10.3 【案例】移动设备主题界面设计… ……… 186

第11章 图形界面的创意升级………… 193

11.1 图形界面不只是画图… …………………… 194
11.1.1 让手持设备变得人性化………………… 194
11.1.2 情感化因素不可忽视… ………………… 194
11.1.3 交互特效的引入…………………………… 195
11.1.4 产品=体验=品牌… ……………………… 196
11.1.5 临场的体验决定购买意愿……………… 197
11.2 用户体验………………………………………… 197

第12章 手机交互界面设计始末… … 205

12.1 制定设计流程… ……………………………… 206
12.1.1 一个优秀的图形界面设计
还需要什么………………………………… 206
12.1.2 面向整个产品过程的设计流程… …… 212
12.2 第一次项目会议……………………………… 214
12.3 图标设计………………………………………… 220
12.3.1 图标设计的思考方式… ………………… 220
12.3.2 【教程】图标设计………………………… 224
12.4 评审筛选会议… ……………………………… 231
12.5 设计方向………………………………………… 233
12.6 交互设计效果… ……………………………… 237
12.7 界面设计………………………………………… 239
12.7.1 【教程】main menu（主菜单）
设计…………………………………………… 242
12.7.2 【教程】world time（世界时间）
设计…………………………………………… 245
12.8 界面设计提案… ……………………………… 249
12.9 制作Flash演示………………………………… 253
12.9.1 制作平面演示框架… …………………… 253
12.9.2 制作Flash演示… ………………………… 254
12.10 提案会议……………………………………… 257
PART 4 项目实践
12.10.1 准备演示的资料………………………… 257
12.10.2 确定必要的参会人员…………………… 259

第十三章 样板工程设计——

UI决策产品… ……………… 263
13.1 产品策划………………………………………… 264
13.1.1 PPT演示文档的作用… ………………… 264
13.1.2 《用户体验浅析》培训课程试卷… … 269
13.1.3 《用户体验浅析》部门培训试卷
反馈分析… ………………………………… 271
13.2 项目会议………………………………………… 274
13.3 概念设计………………………………………… 281
13.3.1 “影视手机”概念机型定义……………… 281
13.3.2 测试LCD… ………………………………… 284
13.3.3 界面概念设计……………………………… 285
13.4 界面设计………………………………………… 286
13.5 交互实现………………………………………… 293
13.6 音效整合………………………………………… 300
13.6.1 音源芯片测试……………………………… 300
13.6.2 铃音制作示例……………………………… 301
13.7 制作开关机动画……………………………… 304

媒体评论

在各种变化的环境中单手使用一个小屏幕设备，是件极其痛苦的事情。要降低这种痛苦，只有做出更完美的交互界面。这本书在给我们介绍一种降低人们痛苦的方法，值得所有致力于降低用户痛苦的设计师们认真品读。 　　　　

——白鸦 支付宝首席产品体验师 　　

在我的印象中，Lytous是一个十分优秀的视觉设计师。最近几年的接触，发现他原来还是一个高产作家。这还是其次，最重要的是他写的每一本书都很畅销。让我们感谢他对中国设计界做出的贡献！让我们为中国设计！ 　　　

——JunChen 途牛网产品总监 　　

纵观国内目前出版的一些Web可用性书籍，东拼西凑类、偷梁换柱类和滥竽充数类比比皆是，针对移动设备交互和界面设计类的图书更是为数不多，周陟同学的这本书从移动设备的交互到项目实施，再到一些实操过程中的一些问题的解决方法，都做了系统和流程化的阐述。我对这本书的评价：全面，系统，实用。是您手头不可或缺的一本移动交互界面设计案例教材书。 　　　　

——坏人

本文链接：http://www.blueidea.com/news/book/2010/8174.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 UI进化论—移动设备人机交互界面设计 [1] 下一页