本书是《产品交互设计基础》(ISBN 9787302440079)的姊妹书,主要讲述了产品交互设计的实践。全书通过案例详细介绍了原型设计、可用性测试、目标导向设计方法及原型制作软件Axure、实体交互产品原型制作平台Arduino等,通过“快递帮”APP这一设计案例,展示了产品交互设计的流程和详细步骤以及设计过程中各个环节的细节。本书内容丰富,具有很强的专业性和实用性,特别适合各类高等院校作为交互设计、用户研究、设计调研相关课程的教材和参考书,同时本书也适合交互设计师、用户研究员、视觉设计师和前端工程师等相关人员参考。
1. 本书内容安排科学合理、循序渐进,每章围绕一个主题,以交互设计的基本流程为主线有机地串联起来。既通过案例详细解读了交互设计相关的理论。
2. 书中内容紧贴交互设计发展的脉动,内容新颖,通过操作示例给出了交互设计的方法和步骤,与工业设计、认知心理学、人机交互、信息架构等学科有很好的交叉融合。
3. 本书内容丰富,具有很强的专业性和实用性。特别适合读者自学和各类高等院校作为交互设计、用户研究、设计调研相关课程的教材和参考书。同时也适合交互设计师、用户研究员、视觉设计师和前端工程师等相关人员参考之用。
4. 与姊妹书《产品交互设计实践》相辅相成,相互呼应,配合使用效果更佳。
章首单页起 页码分1,2,3位▉作者介绍蒋晓江苏无锡人,江南大学设计学院工业设计系副教授,硕士生导师。主要研究方向为交互设计、情感化与体验设计、计算机辅助工业设计、产品创意思维方法、可用性与用户体验等;曾参与完成国家“九五”重点科技攻关项目,出版国家级“十一五”规划教材一部。近年来,出版图书14种,公开发表论文70余篇,授权外观专利200余项、发明及实用新型专利12项,指导学生参加各类设计大赛获奖40余项。
个人微博: http://weibo.com/u/1064366175(江南火鸟设计)
江南火鸟设计工作室网址: http://www.jnfirebird.com江南火鸟设计群QQ: 163637146邮箱: cwtyz@163.com▉近期出版书籍1. Rhino 4.0中文版产品设计标准实例教程2. Rhino 5.0产品设计标准实例教程3. AutoCAD 2014中文版机械设计标准实例教程4. AutoCAD 2013中文版机械设计标准实例教程5. AutoCAD 2010中文版机械制图标准实例教程6. Pro/ENGINEER Wildfire 4.0中文版标准实例教程7. Creo 2.0中文版标准实例教程8. NONOBJECT设计9. 产品交互设计基础10. 产品交互设计实践11. 洞察人心: 用户访谈成功的秘密12. 试错: 通过精益用户研究快速验证产品原型刘兆峰就职于爱奇艺,江南大学设计学院交互设计硕士毕业。擅长移动互联网产品交互设计,专注于移动互联网视频领域用户体验提升,公开发表多篇专业论文。
李佳星就职于腾讯,江南大学设计学院交互设计硕士毕业。擅长社交类移动产品设计,对设计引起的数据变化有独到分析,逻辑思维清晰,善于沟通和协作,执行力强。
谭伊曼就职于腾讯,江南大学设计学院交互设计硕士毕业。兴趣爱好广泛,喜欢绘画,擅长互联网产品交互设计。还曾经参与过游戏设计、前端开发等实践。
孙启玉就职于百度,江南大学设计学院交互设计硕士毕业。擅长交互设计和服务设计,对用户行为动机和心理研究有浓厚兴趣,关注互联网产品设计。
张卓苗就职于酷狗公司,江南大学设计学院交互设计硕士毕业。擅长游戏设计、网站及移动端交互设计。爱好打乒乓球,公开发表多篇专业论文。
张振东就职于阿里巴巴,江南大学设计学院交互设计硕士毕业。擅长移动互联网产品设计和游戏设计。爱好文学,曾翻译过国外设计类相关纪录片和文献。
蒋璐珺江南大学设计学院工业设计在校生。擅长产品设计、用户研究和设计批评,曾赴Thomasmore大学学习,多次参加服务设计国际工作坊。▉前言笔者主要从事工业设计专业产品交互设计、可用性和用户体验、产品创意思维方法、情感化和体验设计等方向的教学与研究,以及CAD/CAID的研发工作,先后主编和翻译过多种AutoCAD、Pro/E、Creo、Rhino、NONOBJECT设计、用户访谈、移动产品交互设计方面的书籍。
2005年笔者开始接触交互设计,当时刚开始指导研究生,就毅然选择了可用性和用户体验两个方面作为研究方向,当年所指导研究生的毕业论文便被评为优秀硕士论文,从此便一发不可收。十多年过去了,指导的硕士研究生已有五十多人,曾先后分别以控制感、反馈机制、认知摩擦、用户黏度、用户潜在需求和心流体验等相关方向作为研究交互设计的切入点,前后发表了共计一百二十多篇与交互设计相关的论文。目前,毕业的同学都活跃在各大互联网公司交互设计和用户研究的岗位上,很多同学已经成为了设计合伙人和产品经理。
转眼已进入一个新的十年,感慨此时就犹如我平日里登山,身处半山中——仰望顶峰是云雾缭绕,风光无限,但石径长长,道路漫漫;而回望山下则是山谷幽幽,丛林深深,上山时的小路曲折蜿蜒,已经若隐若现,飘忽难寻……回首过去,展望未来,萌生了编撰《产品交互设计基础》和《产品交互设计实践》姊妹书之意,一方面想对交互设计的相关理论,根据思考和理解做些解读,另一方面也想通过实际案例的引导,使初涉交互设计的读者能快速入门。也可能因为是理工科背景的缘由,所以编写时尤为注重脉络分明、思维缜密、有理有据、循序渐进。本书非常适合初学者从零基础开始学习,也有助于选择交互设计方向的同学能尽快地找到自己职业成长之路。
本书由江南大学设计学院蒋晓、刘兆峰、李佳星、谭伊曼、孙启玉、张卓苗、张振东和蒋璐珺编著,全书由蒋晓负责策划和统稿。特别感谢辛向阳教授和李世国教授的大力支持。
由于时间仓促,且受水平的限制,虽然已尽了最大的努力,但疏漏和不当之处在所难免,欢迎读者批评指正。可登录笔者江南火鸟设计工作室网站或者加入江南火鸟设计QQ群与笔者进行交流(江南火鸟设计工作室网址: http://www.jnfirebird.com江南火鸟设计群QQ: 163637146)。
蒋晓2017年于江南大学设计学院
蒋晓 江苏无锡人,江南大学设计学院工业设计系副教授,硕士生导师。主要研究方向:交互设计、情感化与体验设计、计算机辅助工业设计、产品创新设计方法、可用性与用户体验等。曾参与完成国家“九五”重点科技攻关项目,出版*级“十一五”规划教材一部。近年来,出版图书十四种,公开发表论文七十余篇,授权外观专利二百余项、发明和实用新型专利十余项,指导学生参加各类设计大赛获奖四十余项。
目录
第1章原型设计1
1.1原型设计概述3
1.1.1原型设计的定义3
1.1.2原型的分类3
1.1.3原型的五要素4
1.1.4原型的价值和作用5
1.1.5产品设计中原型设计的定位6
1.2纸面原型7
1.2.1纸面原型概述7
1.2.2纸面原型的优缺点8
1.2.3制作纸面原型9
1.2.4使用纸面原型15
1.3计算机模拟原型17
1.3.1计算机模拟低保真原型17
1.3.2计算机模拟高保真原型19
1.3.3计算机模拟原型的制作工具20
1.4原型制作工具的使用21
1.4.1Axure基础知识21
1.4.2网站首页低保真原型的制作25
1.4.3高保真原型的制作36
1.5本章小结42
本章参考文献42
第2章可用性测试45
2.1可用性测试的定义47
2.2可用性测试标准47
2.3可用性测试方法47
2.3.1时间消耗型测试48
2.3.2成功概率型51
2.3.3错误结点型54
2.3.4步骤效率型56■ 产品交互设计实践■ 目录■■2.4可用性测试的应用59
2.4.1准备阶段59
2.4.2进行阶段65
2.4.3分析阶段68
2.5本章小结72
本章参考文献72
第3章目标导向设计方法73
3.1目标导向设计方法及相关概念75
3.2信息架构77
3.3交互设计89
3.4视觉设计96
3.5本章小结103
本章参考文献104
第4章实体交互产品原型的构建105
4.1Arduino预备知识107
4.1.1Arduino相关硬件介绍107
4.1.2电学基础 110
4.2Arduino IDE的安装114
4.3Arduino编程基础116
4.3.1常用关键字和运算符116
4.3.2常用函数120
4.4基础原型构建案例124
4.5基于Arduino的交互式产品原型设计129
4.5.1设计方法129
4.5.2Arduino的展望 131
4.6本章小结132
参考文献132
第5章设计实践135
5.1案例背景及相关材料描述137
5.1.1背景及设计要求137
5.1.2相关材料137
5.2用户调研及需求分析138
5.2.1观察法实地调研138
5.2.2问卷调研138
5.2.3焦点小组142
5.2.4调研小结143
5.3建立人物角色模型和场景剧本144
5.4概念设计146
5.5信息架构设计147
5.6流程设计148
5.7线框图绘制149
5.8视觉设计152
5.9本章小结153
附录A推荐书目155
A.1交互设计类推荐书籍157
A.2用户体验类推荐书籍158
A.3心理学类推荐书籍158
A.4设计调研类推荐书籍159
附录B交互设计作品展示161
B.1大二课程——交互设计原理与方法163
B.2大三课程——智能产品设计174
第5章设 计 实 践本书前面章节主要介绍了交互设计的概念、研究方法、设计流程和原型的制作。本章内容为设计实践,希望通过具体案例让读者对交互设计的理念以及设计方法有更深入的理解。读者也可以根据案例描述分组自行设计相关产品,多参与沟通交流,提升设计能力。
本章将介绍的内容如下:(1) 案例背景及相关材料描述;(2) 前期研究方法;(3) 设计流程;(4) 产品输出。■ 产品交互设计实践■ 第5章设计实践■■▉5.1案例背景及相关材料描述〖1〗▉5.1.1背景及设计要求背景描述: 如今,网购在大学生群体中早已成为最受青睐的购物方式。校园内部人员密集、快递集中,因此校园中建立快递中心也随即成为大学城中不可或缺的配置。但是由于快递量以及取件人员流量的急剧增加,加之快递分发不合理等原因,导致快递中心存在的取件难、人流拥挤等问题,取件场所人员嘈杂拥挤、忙乱,严重影响到学生的取货效率和情绪。
要求: 以江南大学校园快递中心——“菜鸟驿站”为具体场景,设计相应产品解决当前的快递取件问题,提升取件过程的用户体验。
设计团队成员: 江南火鸟设计工作室。
▉5.1.2相关材料地点: 江南大学。
课程时间: 如表51所示。表51课程时间上午下午晚上第一节课8:008:45第一节课13:3014:15第一节课18:3019:15第二节课8:509:35第二节课14:2015:05第二节课19:2020:05第三节课9:5510:40第三节课15:2516:10第三节课20:1020:55第四节课10:4511:30第四节课16:1517:00第五节课11:3512:20“菜鸟驿站”快递中心取件时间: 8: 00—18: 00;快递中心位置,如图51所示。
图51快递中心地理位置▉5.2用户调研及需求分析经过对案例背景材料的了解,设计团队首先进行了初步的实地调研分析,使用观察法研究整个取件流程及学生、快递中心人员的操作行为,在确定初步的深入调研方案后,设计相关调研问卷,进行问卷调研和深入访谈,深入了解用户需求。
▉5.2.1观察法实地调研通过连续两天的实地观察调研,采集了相关的视频影像数据,汇总后得到了一些基本的数据信息,包括取件人群性别比例和一天中的取件人流分布。
从性别分布来看,男生和女生的取件比例约为2∶3,如图52所示,女生人数多于男生。这也与女性的网购次数较多有关。基于女性用户体力小等特征,在后期的设计时,可以略偏向于女生群体作为设计方向,解决取大件物品的问题。
取件时间内人流分布如图53所示。
图52取件人群性别比例图53取件人流分布