《交互设计基础课件.ppt》由会员分享，可在线阅读，更多相关《交互设计基础课件.ppt（149页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Page1入知远工作室须知入知远工作室须知Page2上班时间上班时间（除有课外）（除有课外）周一到周五周一到周五上午：上午：8:00-11：30下午：下午：13:30-17:00指纹考勤指纹考勤其它其它时间时间由指由指导导教教师师和学生本人共同安排和学生本人共同安排Page3工作室为你提供的工作室为你提供的良好的学习氛围良好的学习氛围必要的软硬件设备必要的软硬件设备优质的指导教师优质的指导教师项目机会项目机会Page4你为工作室贡献的你为工作室贡献的做好自我定位，努力学习知识技能做好自我定位，努力学习知识技能学会如何和他人合作，分享知识学会如何和他人合作，分享知识努力营造一个良好的工作氛围（电
2、话，努力营造一个良好的工作氛围（电话，QQ，游戏，卫生，活动），游戏，卫生，活动）将来将来提供就业资讯提供就业资讯1年内返校一次年内返校一次Page5行动起来选举班委行动起来选举班委班长班长生活委员生活委员卫生委员卫生委员纪律委员纪律委员Page6Question？交互设计基础交互设计基础梅成才梅成才6369980QQ.com温州电子信息研究院软件研究所温州电子信息研究院软件研究所Page8什么是什么是“交互设计交互设计”交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有
3、效的交互方式，并对它们进行增强和扩充。关注Page9GUI-GraphicalUserInterface即即人机交互图形化用户界面设计Page10Page11Page12Page13Page14Page15Page16Page17Page18交互设计案例（交互设计案例（1）卖当劳的番茄酱双汇火腿肠Page19交互设计案例（交互设计案例（2）Page20失败的交互设计失败的交互设计Page21失败的交互设计（失败的交互设计（1）提供正确，甚至是精确，但是毫无帮助的信息Page22失败的交互设计（失败的交互设计（2）提供不知所云的信息提供不知所云的信息Page23失败的交互设计（失败的交互设计（3
4、）提供正确，甚至是精确，但是毫无帮助的信息提供包含“恐吓”内容的信息Page24失败的交互设计（失败的交互设计（4）提供正确，甚至是精确，但是毫无帮助的信息让人反复体验挫折感让人反复体验挫折感Page25教材：教材：GUI设计禁忌设计禁忌2.0【美】【美】JeffJohnson著，机械工业出版社，著，机械工业出版社，2009Page26参考书参考书1：Page27参考参考2：AboutFace3.0【美】【美】AlanCooper著，电子工业出版社，著，电子工业出版社，2008Page28课程考核课程考核课程考核平时表现50%小组加减分+个人加减分（例）期末成绩50%行动起来选举课代表（+）成
5、立小组（4人一组，共8组）小组取名请访问工贸学院各系部网站并仔细浏览。组名组名负责部门负责部门信息传媒学院经济与贸易学院轻工系电子工程系汽车与机械工程学院管理学院成教学院技师学院1该网站是否违背GUI设计禁忌中提到的9条原则，如果有请指出网站在何处违背了第几条原则，并按如下格式填写。2该网站是否存在使用了错误的控件或错误的使用控件的情况，如果有请指出并填写如下表格3该网站是否存在导航禁忌，如果有请指出并填写如下表格：4该网站是否存在响应性禁忌，如果有请指出并填写如下表格5请使用学过的网站可用性三大定律进行分析，指出哪些页面需要改进？6请你提一些对交互设计基础课程的建议和意见。请大家一起来讨论以
6、下的例子例1下面是软件或者网页中进度条的界面，你觉的如何？McInerneyandLi2002列出了用于设计有效的进度指示器的一些指导原则显示剩余的工作，而不是已完成的工作。不好的显示：已复制3个文件。好的显示：还剩4个文件未复制。显示总体进度，而不是当前步骤的进度。不好的显示：此步骤还需5秒。好的显示：还需15秒。对于百分比的完成，从1%开始，而不是0%。如果进度条在0%上停留超过1秒或2秒，用户会感到担忧。同理，100%的显示要短暂。如果进度条在100%上停留超过1秒或2秒，用户会认为出了问题。显示平滑的、线性的进度，而不要显示不规则的、突然变化的进度。使用人们熟悉的精度，而不是计算机精度
7、。不好的显示：27秒。好的显示：少于1分钟。例2例3您认为以下几个对话框哪个比较恰当？例4例5例6Page414.基本原则基本原则基本原则1：关注用户任务，而不是技术基本原则2：首先考虑功能，然后才是表示基本原则3：与用户对任务的看法保持一致基本原则4:设计要符合常见情况基本原则5：不要分散用户对他们目标的注意力基本原则6：促进学习基本原则7：传递信息，而不仅仅是数据基本原则8：设计应满足响应需求基本原则9：通过用户试用发现错误，然后修正它Page42基本原则1：关注用户及其任务，而不是技术u谁是目标用户？谁是目标客户？u目标用户情况（对计算机的总体了解、任务知识、系统知识）u软件做什么？它能
8、帮助用户解决什么问题？它将提供什么价值？Page43谁是用户？谁是用户？客户用户Page44用户的层次用户的层次Page45永远的永远的“中间用户中间用户”用户数量初学者中间用户专家Page46不可避免的矛盾不可避免的矛盾用户数量初学者中间用户专家用户数量初学者中间用户专家商务因素影响产品偏重于初学者开发人员影响产品偏重于专家用户数量初学者中间用户专家我们把中间用户搞丢了！Page47基本原则2：首先考虑功能，然后才是表示Page48基本原则3：与用户对任务的看法保持一致争取自然争取自然使用用户的词汇，而不是你自己的使用用户的词汇，而不是你自己的找到正确的功能找到正确的功能/复杂度平衡点复杂度
9、平衡点u恰当的默认值u模板或者封装的解决方案u指南性的路径和向导u渐进式显示u通用命令。Page49Page50示例分析示例分析图图5-6.软件人员经常编写出“劣质”的消息框，例如措词生硬、幼稚、蹩脚，甚至有文字、语法错误；消息文本、图形标志和命令按钮在语义上不一致。好的差的Page51基本原则4:设计要符合常见情况最少步骤、最高效率最少步骤、最高效率u越频繁使用的功能，需要的点击应越少u越多用户使用某功能，它就应该越明显u设计用户界面时应当尽可能地替用户着想，用户应当用最少的操作步骤完成某项操作任务，获得最高的使用效率。（手机充值）Page52基本原则基本原则5：不要分散用户对他们目标的注意
10、力不要分散用户对他们目标的注意力示例分析示例分析图图5-7(b).不显眼的菜单排列，常被用户忽视。至少要让菜单排列和广告互换位置。Page53基本原则基本原则5：不要分散用户对他们目标的注意力不要分散用户对他们目标的注意力点评：网站使用广告的用意是为了配合营销活动的宣传，这样的布局更象是出于网站的目标，忽略了用户的目的，因此未必能达到预期的效果。Page54基本原则基本原则6：促进学习促进学习u“从外到里”思考，而不是“从里到外“u保持一致性u提供一个低风险的环境Page55Page56允许用户犯错误允许用户犯错误让用户可以撤销动作在执行具体的破坏性操作中要求用户确认。Page57u“用户界面
11、风格一致用户界面风格一致”的最大好处就是能够减少用户的记忆量、减少出错几率，并且迅速积累操的最大好处就是能够减少用户的记忆量、减少出错几率，并且迅速积累操作经验。作经验。所以熟悉Word软件的人基本上不用翻阅手册就能使用PowerPoint软件，可谓“无师自通”。软件的用户界面中同类的界面元素应当有相同的视感和相同的操作方式。例如命令按钮是最常见的界面元素，所有命令按钮的形状、色彩以及对鼠标的响应方式都是一致的同一类型软件的用户界面应当有一定程度的相似性。例如Microsoft公司的Office家族里有Word、Excel、PowerPoint、Outlook等软件，这些软件提供的“复制、剪切
12、、粘贴”功能的操作方式都是相同的。Page58Page59Page60基本原则8：设计应满足响应需求u当用户进行某项操作后，如果过了一会儿（几秒钟）用户界面一点反应都没有，这将使用户感到迷茫和不安，因为他不知道是自己操作错了还是软件死机了。u及时反馈信息很重要，至少要让用户心里有数，知道该任务处理得怎么样了，有什么样的结果。及时反馈信息很重要，至少要让用户心里有数，知道该任务处理得怎么样了，有什么样的结果。u例如下载一个文件，界面上应当显示“百分比”或相关数字来表示下载的进度，否则人们不知道要等待多少时间。如果某些事务处理不能提供进度等数据，那么至少要给出提示信息如“正在处理，请等待”。最好是
13、提供合适的动画，让用户明白软件正在干活、没有死机。Page61第二章第二章.GUI控件禁忌控件禁忌21使用了错误的控件使用了错误的控件211禁忌禁忌l：混淆复选框和单选按钮：混淆复选框和单选按钮212禁忌禁忌2：在非开：在非开/关设置中使用复选框关设置中使用复选框213禁忌禁忌3：使用命令按钮作为开关：使用命令按钮作为开关214禁忌禁忌4：使用选项卡作为单选按钮：使用选项卡作为单选按钮215禁忌禁忌5：太多选项卡：太多选项卡216禁忌禁忌6：为只读数据提供输入控件：为只读数据提供输入控件217禁忌禁忌7：对于有约束的输入滥用文本框：对于有约束的输入滥用文本框Page6222错误地使用控件错误地
14、使用控件221禁忌禁忌8：动态菜单：动态菜单222禁忌禁忌9：过于严格的数据字段：过于严格的数据字段223禁忌禁忌10：没有默认值的输入字段和控件：没有默认值的输入字段和控件224禁忌禁忌11：不恰当的默认值：不恰当的默认值225禁忌禁忌12：反向复选框：反向复选框Page63一、混淆复选框和单选按钮一、混淆复选框和单选按钮错误的用法：错误的用法：1.单独的一个单选按钮。单独的一个单选按钮。2.把复选框当作单选按钮：两个具有相反值的单选按钮和一个复选框是等价的，把复选框当作单选按钮：两个具有相反值的单选按钮和一个复选框是等价的，所以不要把复选框当作单选按钮，从而出现相反值能同时选中的情况所以不
15、要把复选框当作单选按钮，从而出现相反值能同时选中的情况。3.互斥的复选框：复选框的各个选项之间是独立的，不存在互斥关系互斥的复选框：复选框的各个选项之间是独立的，不存在互斥关系Page64用左右键和上下键移动，或以及鼠标单击选中。用左右键和上下键移动，或以及鼠标单击选中。单选框是一种多选一设置，可选数目在单选框是一种多选一设置，可选数目在2-8之间。之间。当空间不够时，单选框可以用循环按钮、下拉菜单、滚动列表框来代替。当空间不够时，单选框可以用循环按钮、下拉菜单、滚动列表框来代替。Page65在框中用鼠标单击，或在文本上设置/取消设置，试着用空格键做这件事。复选框和选项框按选择几率的高底而先后
16、排列。复选框和选项框要有默认选项，并支持Tab选择。Page66二、在非开关设置中使用复选框二、在非开关设置中使用复选框复选框用于从两个相反的值中选择一个，而不仅仅是二选一。所以，遇到复选框用于从两个相反的值中选择一个，而不仅仅是二选一。所以，遇到“启用启用/禁用禁用”,“可见可见/不可见不可见”等明显相反的值时，可以使用复选框等明显相反的值时，可以使用复选框(也可以用具有两也可以用具有两个值的单选按钮个值的单选按钮)。Page67三、把命令按钮当作开关三、把命令按钮当作开关正确的做法是，用复选框当做开关，或者其他专门设计来做开关的控件。正确的做法是，用复选框当做开关，或者其他专门设计来做开关
17、的控件。Page68四、把选项卡当作单选按钮四、把选项卡当作单选按钮Page69五、太多的选项卡Page70六、为永久只读数据提供输入控件六、为永久只读数据提供输入控件Page71七、对于本应该有输入约束的字段使用普通文本框七、对于本应该有输入约束的字段使用普通文本框Page72GUI设计禁忌之二错误地使用了控件Page73一、动态菜单项一、动态菜单项Page74二二过于严格的数据字段过于严格的数据字段为了确保用户输入的内容是有效的，应用程序为了确保用户输入的内容是有效的，应用程序(包括包括Web表单表单)都会对一些字都会对一些字段进行各种检查，比如长度，字符组成等。有时候检查过于严格，也是一
18、种错误。段进行各种检查，比如长度，字符组成等。有时候检查过于严格，也是一种错误。程序员为了编程方便，约束用户的输入，比如某字段不能包含单引号或者另一个程序员为了编程方便，约束用户的输入，比如某字段不能包含单引号或者另一个字段能输入的字符数不能超过字段能输入的字符数不能超过16。这种要求是无理的。不能因为。这种要求是无理的。不能因为SQL中单引号是中单引号是特殊字符，就不允许用户输入。特殊字符，就不允许用户输入。为用户提供稍微宽松的输入字段并不难：为用户提供稍微宽松的输入字段并不难：使字段宽度和数据长度基本一致：字段的宽度足够容纳数据，但是也不要长出太使字段宽度和数据长度基本一致：字段的宽度足够
19、容纳数据，但是也不要长出太多。这样用户不会无限制的填写内容。多。这样用户不会无限制的填写内容。对于一种数据所有常见的格式，都要尽量支持。这集中体现在日期和时间，以及对于一种数据所有常见的格式，都要尽量支持。这集中体现在日期和时间，以及小数的格式上。小数的格式上。如果大小写字母对数据来说无关紧要的话，就不要区分大小写。如果大小写字母对数据来说无关紧要的话，就不要区分大小写。为字段提供有效格式示例，放在字段后面，或者上方，或者通过某种技术让它出为字段提供有效格式示例，放在字段后面，或者上方，或者通过某种技术让它出现在空白的字段中。现在空白的字段中。不要因为技术原因对用户提出限制。技术问题应该自己解
20、决，而不是交给用户解不要因为技术原因对用户提出限制。技术问题应该自己解决，而不是交给用户解决。决。Page75Page76三、没有默认值三、没有默认值有两种情况是可以不提供默认值的有两种情况是可以不提供默认值的没有合理的默认值：比如在没有合理的默认值：比如在“省市县省市县”三级联动下拉菜单中，为三级联动下拉菜单中，为“省省”设置一个设置一个默认值的确不太好选择，除非该应用仅限某一省的用户使用。默认值的确不太好选择，除非该应用仅限某一省的用户使用。宗教、政治或者法律原因，不能选择其中一项作为默认值。宗教、政治或者法律原因，不能选择其中一项作为默认值。Page77四、不恰当的默认值四、不恰当的默认
21、值Page78五、反向复选框五、反向复选框Page79第3章导航禁忌Page80禁忌禁忌13：未标识窗口或页面：未标识窗口或页面(1)Page81禁忌禁忌13：未标识窗口或页面：未标识窗口或页面(2)在站点的导航栏中通过高亮等形式，标记当前页面的位置，或者在页面的明显位在站点的导航栏中通过高亮等形式，标记当前页面的位置，或者在页面的明显位置，明确的标记当前页面的位置。置，明确的标记当前页面的位置。Page82禁忌禁忌14：不同窗口使用同样的标题：不同窗口使用同样的标题Page83禁忌禁忌15：窗口标题与命令或链接不符：窗口标题与命令或链接不符Page84Page85禁忌禁忌16：使用户偏离正确
22、道路的按钮和链接：使用户偏离正确道路的按钮和链接Page86禁忌禁忌17：自身链接：自身链接Page87禁忌禁忌18：对话框层次过多：对话框层次过多Page88禁忌禁忌19：互相竞争的搜索框：互相竞争的搜索框不管是什么理由让开发人员在页面上放了多个搜索框，都会让用户分散注意力。不管是什么理由让开发人员在页面上放了多个搜索框，都会让用户分散注意力。所以，一个页面应该只有一个搜索框，它应该出现在左上角所以，一个页面应该只有一个搜索框，它应该出现在左上角logo下面，右上角或下面，右上角或者左侧导航栏的下方。者左侧导航栏的下方。Page89禁忌禁忌20：搜索结果的浏览方式不佳：搜索结果的浏览方式不佳
23、Page90禁忌禁忌2l：干扰搜索结果：干扰搜索结果Page914.1.1禁忌禁忌22：术语不一致：术语不一致有些术语的概念很清楚，有些术语却模糊不清，如果开发项目时没有字典，就有些术语的概念很清楚，有些术语却模糊不清，如果开发项目时没有字典，就会出现术语和概念不能一一对应的情况。会出现术语和概念不能一一对应的情况。Page924.1.2禁忌禁忌23：含义不清的术语：含义不清的术语(1)Page934.1.2禁忌禁忌23：含义不清的术语：含义不清的术语(2)Page944.1.3禁忌禁忌24：书写不好：书写不好这类错误主要是指错别字，语法错误，单词大小写错误，前后书写不一致，单这类错误主要是指
24、错别字，语法错误，单词大小写错误，前后书写不一致，单复数复数(英文英文)等等。虽然这些问题不会影响软件的正确性，但是用户会觉得这个软等等。虽然这些问题不会影响软件的正确性，但是用户会觉得这个软件或者网站不够专业，进而怀疑这个软件是不是会给自己造成损失。件或者网站不够专业，进而怀疑这个软件是不是会给自己造成损失。比如，有两个字段，一个要求输入表名，一个要求输入文件名，但是前者的标比如，有两个字段，一个要求输入表名，一个要求输入文件名，但是前者的标签是签是“表名表名”，后者的标签是，后者的标签是“文件文件”。要么都加上。要么都加上“名名”这个字，要么都不加这个字，要么都不加这个字。再比如，有些简单
25、的只有一句话的提示信息，有的地方加了句号，有的这个字。再比如，有些简单的只有一句话的提示信息，有的地方加了句号，有的地方没有加句号。这样的细微的错误分布在系统各个角落。地方没有加句号。这样的细微的错误分布在系统各个角落。Page954.1.4禁忌禁忌25：文字过多：文字过多Page964.2.1禁忌禁忌26：用词晦涩：用词晦涩Page974.2.2禁忌禁忌27：在用户界面中将用户称为：在用户界面中将用户称为“user”这个错误一般存在于英文系统。因为只有两个行业把他们的客户称为这个错误一般存在于英文系统。因为只有两个行业把他们的客户称为user，一个是计算机软件行业，一个是毒品行业。其他行业的
26、客户都不叫做一个是计算机软件行业，一个是毒品行业。其他行业的客户都不叫做user。我们。我们的客户可以叫做的客户可以叫做user，但是我们的，但是我们的user的客户，却不一定能再称为的客户，却不一定能再称为user。一般的。一般的替代词是替代词是member、guest等。等。Page984.2.3禁忌禁忌28：无用的错误消息：无用的错误消息好的错误信息一定要告诉用户发生了什么，为什么会发生这个错误，以及用户好的错误信息一定要告诉用户发生了什么，为什么会发生这个错误，以及用户该怎么处理。而且，错误信息一定要用和任务相关的词汇，不要把计算机术语给该怎么处理。而且，错误信息一定要用和任务相关的词
27、汇，不要把计算机术语给用户看。下面这个图显示的是使用用户看。下面这个图显示的是使用360浏览器访问谷歌时出现错误的页面：浏览器访问谷歌时出现错误的页面：Page994.3.1禁忌禁忌29：错误的消息：错误的消息Page1004.3.2禁忌禁忌30：文字独立存在时有意义，但在：文字独立存在时有意义，但在GUI中引起误导中引起误导这种情况比较常见，在各个购物网站或者惠普、戴尔的官网经常出现这种情况比较常见，在各个购物网站或者惠普、戴尔的官网经常出现“推荐产品推荐产品”、“卖家热推卖家热推”这类的字眼。其实这些词单独出现没有什么问题，不过在整个这类的字眼。其实这些词单独出现没有什么问题，不过在整个网
28、页中，用户看了会想，其他产品是网页中，用户看了会想，其他产品是“不强力推荐不强力推荐”呢，还是呢，还是“不推荐不推荐”呢，甚呢，甚至是至是“强力不推荐强力不推荐”？Page1014.3.3禁忌禁忌31：在命令标签中错误地使用或者不使用：在命令标签中错误地使用或者不使用“”(1)省略号（省略号（.）最早是苹果公司的设计人员提出的。它用于区分立即执行的命令）最早是苹果公司的设计人员提出的。它用于区分立即执行的命令和先提示用户输入附加信息的命令。和先提示用户输入附加信息的命令。Page1024.3.3禁忌禁忌31：在命令标签中错误地使用或者不使用：在命令标签中错误地使用或者不使用“”(2)话框，就应
29、该添加省略号，这是不对的。下面这个例子也是错误的：Page103第第5章章图形设计和布局禁忌图形设计和布局禁忌Page1045.1.1禁忌禁忌32：容易忽略的信息：容易忽略的信息太小或者太普通：有些重要信息所在的区域非常非常小，或者它们的字体和颜色太小或者太普通：有些重要信息所在的区域非常非常小，或者它们的字体和颜色与其他内容一样，这样的信息将湮没在整个界面中。除非它们在移动或者非常亮。与其他内容一样，这样的信息将湮没在整个界面中。除非它们在移动或者非常亮。信息位于用户关注区域之外：人类的视觉活动只有在视觉中心位置的一小块地方信息位于用户关注区域之外：人类的视觉活动只有在视觉中心位置的一小块地
30、方是敏锐的。把重要信息分散到页面各个角落，很容易让用户来回切换关注点。是敏锐的。把重要信息分散到页面各个角落，很容易让用户来回切换关注点。大量雷同信息：比如下面这个例子中，两行文本中只有两个字不同，这让用户很大量雷同信息：比如下面这个例子中，两行文本中只有两个字不同，这让用户很难区分：难区分：Page1055.1.2禁忌禁忌33：将对话框控制按钮与内容控制按钮混合放置：将对话框控制按钮与内容控制按钮混合放置有很多对话框将标准按钮有很多对话框将标准按钮(确定、应用、关闭、取消、帮助、是、否、重试、确定、应用、关闭、取消、帮助、是、否、重试、放弃等放弃等)与控制特定数据或设置的按钮放在了一起。与控
31、制特定数据或设置的按钮放在了一起。这是一种错误。首先，控制特定数据的按钮和数据离得太远，很难发现其中的这是一种错误。首先，控制特定数据的按钮和数据离得太远，很难发现其中的联系。其次，用于控制整个对话框的按钮和其他按钮没有外观上的区别。联系。其次，用于控制整个对话框的按钮和其他按钮没有外观上的区别。Page1065.1.3禁忌禁忌34：不恰当地使用组合框：不恰当地使用组合框(1)Page1075.1.3禁忌禁忌34：不恰当地使用组合框：不恰当地使用组合框(2)Page1085.1.4禁忌禁忌35：单选按钮之间间隔太大：单选按钮之间间隔太大Page1095.1.5禁忌禁忌36：标签与数据字段距离太
32、远：标签与数据字段距离太远Page1105.1.6禁忌禁忌37：标签的对齐方式不一致：标签的对齐方式不一致Page1115.1.7禁忌禁忌38：窗口初始位置不合适：窗口初始位置不合适在同一个坐标显示所有窗口在同一个坐标显示所有窗口子窗口盖在父窗口上方子窗口盖在父窗口上方不在屏幕上显示子窗口不在屏幕上显示子窗口Page112字体过小Page113第第6章章交互禁忌交互禁忌Page114禁忌禁忌40：将实现暴露给用户：将实现暴露给用户Page115禁忌禁忌41：不必要的限制：不必要的限制Page116禁忌禁忌42：令人混淆的概念：令人混淆的概念(1)Page117禁忌禁忌42：令人混淆的概念：令人
33、混淆的概念(2)Page118禁忌禁忌43：向用户索取不必要的数据：向用户索取不必要的数据Page119禁忌禁忌45：无意义的选择：无意义的选择(1)Page120禁忌禁忌45：无意义的选择：无意义的选择(2)Page121禁忌禁忌46：很难记住的：很难记住的IDPage122禁忌禁忌47：长的说明信息消失过快：长的说明信息消失过快(1)Page123禁忌禁忌47：长的说明信息消失过快：长的说明信息消失过快(2)Page124禁忌禁忌48：不必要或效果不佳的标记模式：不必要或效果不佳的标记模式Page125禁忌禁忌49：自动重排的显示：自动重排的显示Page126第七章响应性禁忌第七章响应性禁
34、忌Page127响应性不好的原因响应性不好的原因响应性是决定软件易用性的一个非常重要的因素（参见基本原则响应性是决定软件易用性的一个非常重要的因素（参见基本原则8）。注意这）。注意这里的里的“响应性响应性”不是不是“性能性能”或或“速度速度”。响应性与性能不同。性能是指软件计算和显示结果的速度。高性能软件很快响应性与性能不同。性能是指软件计算和显示结果的速度。高性能软件很快就能给出用户所需的结果；低性能软件生成结果的速度很慢。就能给出用户所需的结果；低性能软件生成结果的速度很慢。软件即使在低性能条件下也可以快速响应。软件即使在低性能条件下也可以快速响应。Page128高响应性的软件高响应性的软
35、件(举例）举例）1.让用户立即知道他们的按键、鼠标移动和单击操作被接受了；让用户立即知道他们的按键、鼠标移动和单击操作被接受了；2.估算操作要花费多长时间；估算操作要花费多长时间；3.允许用户在等待期间做其他事情；允许用户在等待期间做其他事情；4.巧妙地安排等待队列中的事件；巧妙地安排等待队列中的事件；5.做一些整理操作或是处理计算机后台那些低优先级的任务；做一些整理操作或是处理计算机后台那些低优先级的任务；6.还可以利用这段空闲时间估计一下将来可能的请求。还可以利用这段空闲时间估计一下将来可能的请求。Page129常见的响应性禁忌常见的响应性禁忌Page130禁忌禁忌52：光标跟不上用户；当
36、操作系统处理鼠标：光标跟不上用户；当操作系统处理鼠标移动时光标四处跳动，当用户停止移动移动时光标四处跳动，当用户停止移动鼠标时它还在继续移动。鼠标时它还在继续移动。禁忌禁忌53：屏幕上的按钮响应鼠标点击的时间太长，或者根本不响应。：屏幕上的按钮响应鼠标点击的时间太长，或者根本不响应。禁忌禁忌54：菜单、滑动条和滚动条的动作落后于用户操作，破坏了成功操作所需要的手眼：菜单、滑动条和滚动条的动作落后于用户操作，破坏了成功操作所需要的手眼动作配合。动作配合。禁忌禁忌55：移动和调整大小的操作跟不上用户的动作，也没有提供临时的进度显示：移动和调整大小的操作跟不上用户的动作，也没有提供临时的进度显示（r
37、ubber-band）作为反馈。）作为反馈。禁忌禁忌56：应用程序没有指示它正处于繁忙状态，而是忽略了用户的存在。：应用程序没有指示它正处于繁忙状态，而是忽略了用户的存在。禁忌禁忌57：当应用程序进行内部整理时经常（而且是不可预测地）不为用户提供响应。：当应用程序进行内部整理时经常（而且是不可预测地）不为用户提供响应。禁忌禁忌58：冗长的操作不显示进度条。：冗长的操作不显示进度条。禁忌禁忌59：冗长的操作不提供取消方式。：冗长的操作不提供取消方式。禁忌禁忌60：应用程序浪费空闲时间，而当用户最终发出一个可预期的命令时，却又要花费：应用程序浪费空闲时间，而当用户最终发出一个可预期的命令时，却又要
38、花费很长时间才去执行。很长时间才去执行。禁忌禁忌61：应用程序在挂起时不给出任何反馈，也不指明到底发生了什么事情。：应用程序在挂起时不给出任何反馈，也不指明到底发生了什么事情。禁忌禁忌62：Web站点包含很大的图像和动画，只有超高速的因特网连接才能看到。站点包含很大的图像和动画，只有超高速的因特网连接才能看到。禁忌禁忌63：Web站点总是重新加载整个页面来响应一些小的编辑操作。站点总是重新加载整个页面来响应一些小的编辑操作。Page131长时间操作缺乏进度条长时间操作缺乏进度条Page132Page133Page134Page135Page1367.3.1响应性七条原则响应性七条原则响应性原则
39、之一：响应性不等同于性能响应性原则之二：处理资源经常是有限的响应性原则之三：用户界面是实时接口响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的事情响应性原则之五：软件不必按照任务请求的顺序完成工作响应性原则之六：软件不必执行所有请求的任务响应性原则之七：用户是人而不是计算机程序Page137原则一原则一响应不等同于性能响应不等同于性能举例：举例：修表师傅例子修表师傅例子与20年前相比，现在的个人计算机快了许多倍，但用户仍然等待很长时间而不知道正在发生什么事情，因此速度显然不是决定响应性的一切。现在大部分等待时间是由于网络延迟和大量的数据传输造成的。Page138原则二原则二处理资源经
40、常是有限的处理资源经常是有限的计算机越快，用户为之加载的软件就会越多：计算机越快，用户为之加载的软件就会越多：比如桌面附件/多个应用程序等和即时消息客户端应用程序。即使拥有最新型号的计算机，也不一定就意味着某个应用程序可以使用更多即使拥有最新型号的计算机，也不一定就意味着某个应用程序可以使用更多的计算资源。的计算资源。Page139原则三：用户界面是实时接口原则三：用户界面是实时接口与人打交道的软件也需要满足实时与人打交道的软件也需要满足实时性性约束。人类行为中反映的三个常量约束。人类行为中反映的三个常量给给计算机系统响应性设立了必须要达计算机系统响应性设立了必须要达到的目标到的目标Page1
41、40响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的事情响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的事情对于特定的用户操作来说，即时的响应甚至可能是不需要的。更快不一定就更好。对于特定的用户操作来说，即时的响应甚至可能是不需要的。更快不一定就更好。Page1417.3.4响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的事情事情Page142响应性原则之五：软件不必按照任务请求的顺序完成工作响应性原则之五：软件不必按照任务请求的顺序完成工作明智地重新安排队列中的任务可以节省工作量和时间，进而提高响应性。对
42、明智地重新安排队列中的任务可以节省工作量和时间，进而提高响应性。对任务进行重排也可以使得高优先级的任务得到优先处理。任务进行重排也可以使得高优先级的任务得到优先处理。Page143响应性原则之六：软件不必执行所有请求的任务响应性原则之六：软件不必执行所有请求的任务有时用户的请求是不必要的。例如，假定用户正在编辑文档，并指示软件将有时用户的请求是不必要的。例如，假定用户正在编辑文档，并指示软件将它保存。如果此文档自从上次保存直到现在没有做过任何改动，那就没有理由再它保存。如果此文档自从上次保存直到现在没有做过任何改动，那就没有理由再让软件浪费时间来重复保存它。相反，软件可以只指示此文件已经保存过
43、了。很让软件浪费时间来重复保存它。相反，软件可以只指示此文件已经保存过了。很多应用程序都是这样做的，但也有一些每次都执行用户的保存指令。多应用程序都是这样做的，但也有一些每次都执行用户的保存指令。Page144响应性原则之七：用户是人而不是计算机程序响应性原则之七：用户是人而不是计算机程序用户对软件的操作与计算机程序大不一样。用户不可能长时间地保持高速输入。他们可能使系统保持几秒钟（最多10秒左右）的忙状态，但随后就会停下来思考或是休息。Page145避免响应性错误：技巧避免响应性错误：技巧1.及时反馈及时反馈2.并行问题解决方案并行问题解决方案3.队列优化队列优化4.动态时间管理动态时间管理
44、Page146及时反馈（及时反馈（1）立即确认用户的输入立即确认用户的输入提供忙指示器提供忙指示器为冗长的操作显示进度指示器为冗长的操作显示进度指示器Page147McInerneyandLi2002列出了用于设计有效的进度指示器的一些指导列出了用于设计有效的进度指示器的一些指导原则原则显示剩余的工作，而不是已完成的工作。不好的显示：已复制显示剩余的工作，而不是已完成的工作。不好的显示：已复制3个文件。好的显个文件。好的显示：还剩示：还剩4个文件未复制。个文件未复制。显示总体进度，而不是当前步骤的进度。不好的显示：此步骤还需显示总体进度，而不是当前步骤的进度。不好的显示：此步骤还需5秒。好的显
45、秒。好的显示：还需示：还需15秒。秒。对于百分比的完成，从对于百分比的完成，从1%开始，而不是开始，而不是0%。如果进度条在。如果进度条在0%上停留超过上停留超过1秒或秒或2秒，用户会感到担忧。秒，用户会感到担忧。同理，同理，100%的显示要短暂。如果进度条在的显示要短暂。如果进度条在100%上停留超过上停留超过1秒或秒或2秒，用户会认秒，用户会认为出了问题。为出了问题。显示平滑的、线性的进度，而不要显示不规则的、突然变化的进度。显示平滑的、线性的进度，而不要显示不规则的、突然变化的进度。使用人们熟悉的精度，而不是计算机精度。不好的显示：使用人们熟悉的精度，而不是计算机精度。不好的显示：27秒
46、。好的显示：少于秒。好的显示：少于1分钟。分钟。Page148并行问题解决方案并行问题解决方案延迟非关键任务延迟非关键任务我们可以将非时间关键的工作分配给后台进程去做，将主进程保留用来响应我们可以将非时间关键的工作分配给后台进程去做，将主进程保留用来响应用户。分配的是那些冗长的、用户不需要立即反馈的任务，例如软件自身的整理用户。分配的是那些冗长的、用户不需要立即反馈的任务，例如软件自身的整理操作，或是用户预料到会花费很长时间的请求。操作，或是用户预料到会花费很长时间的请求。超前工作超前工作Page1497.4.5响应技巧总结响应技巧总结时间反馈时间反馈对用户输入立即做出应答（在对用户输入立即做
47、出应答（在0.1秒内）秒内）对于大于对于大于1秒的操作提供忙指示器或进度指示器秒的操作提供忙指示器或进度指示器首先显示重要信息首先显示重要信息在结束之前虚拟高负荷的计算环境在结束之前虚拟高负荷的计算环境并行问题解决方案并行问题解决方案将工作延迟，直到有时间来执行将工作延迟，直到有时间来执行尽可能超前工作尽可能超前工作队列优化队列优化为提高效率重排输入队列为提高效率重排输入队列清除不再需要的任务清除不再需要的任务动态时间管理动态时间管理监控事件队列，在严重滞后于用户命令时调整策略或资源监控事件队列，在严重滞后于用户命令时调整策略或资源监控时间进度，必要时可降低质量或者数量赶上进度监控时间进度，必要时可降低质量或者数量赶上进度预测响应时间，决定如何执行任务预测响应时间，决定如何执行任务预测时间进度，协商服务质量或决定是否还要进行此工作预测时间进度，协商服务质量或决定是否还要进行此工作