人机交互界面的设计行业研究

《人机交互界面的设计行业研究》由会员分享，可在线阅读，更多相关《人机交互界面的设计行业研究（40页珍藏版）》请在金锄头文库上搜索。

1、6.2 人机界面设计人机界面设计6.2.1 设计问题 1. 系系统响响应时间； 2. 用用户帮助；帮助； 3. 出出错信息信息处理；理； 4. 命令交互命令交互1 1谷谷风优质风优质第6章 详细设计6.2 6.2 人机界面设计人机界面设计人机界面设计是接口设计的一个重要的组成部分。人机界面设计是接口设计的一个重要的组成部分。对于交互式系统来说，人机界面设计和数据设计、对于交互式系统来说，人机界面设计和数据设计、体系结构设计及过程设计一样重要。近年来，人机体系结构设计及过程设计一样重要。近年来，人机界面在系统中所占的比例越来越大，在个别系统中界面在系统中所占的比例越来越大，在个别系统中人机界面的

2、设计工作量甚至占总设计量的一半以上。人机界面的设计工作量甚至占总设计量的一半以上。人机界面的设计质量，直接影响用户对软件产品的人机界面的设计质量，直接影响用户对软件产品的评价，从而影响软件产品的竞争力和寿命，因此，评价，从而影响软件产品的竞争力和寿命，因此，必须对人机界面设计给予足够重视。必须对人机界面设计给予足够重视。2 2谷谷风优质风优质6.2.1 6.2.1 设计问题设计问题在设计人机界面的过程中，几乎总会遇到下述在设计人机界面的过程中，几乎总会遇到下述4个个问题：系统响应时间、用户帮助设施、出错信息问题：系统响应时间、用户帮助设施、出错信息处理和命令交互。不幸的是，许多设计者直到设处理

3、和命令交互。不幸的是，许多设计者直到设计过程后期才开始考虑这些问题，这样做往往导计过程后期才开始考虑这些问题，这样做往往导致出现不必要的设计反复、项目延期和用户产生致出现不必要的设计反复、项目延期和用户产生挫折感。最好在设计初期就把这些问题作为重要挫折感。最好在设计初期就把这些问题作为重要的设计问题来考虑，这时修改比较容易，代价也的设计问题来考虑，这时修改比较容易，代价也低。下面讨论这低。下面讨论这4个设计问题。个设计问题。 3 3谷谷风优质风优质1. 系统响应时间系统响应时间系统响应时间是许多交互式系统用户经常抱怨的问题。一般说来，系统响应时系统响应时间是许多交互式系统用户经常抱怨的问题。一

4、般说来，系统响应时间指从用户完成某个控制动作间指从用户完成某个控制动作(例如，按回车键或点击鼠标例如，按回车键或点击鼠标)，到软件给出预期，到软件给出预期的响应的响应(输出信息或做动作输出信息或做动作)之间的这段时间。之间的这段时间。系统响应时间有两个重要属性，分别是长度和易变性。如果系统响应时间过长，系统响应时间有两个重要属性，分别是长度和易变性。如果系统响应时间过长，用户就会不耐烦。但是，当用户工作速度是由人机界面决定的时候，系统响应时用户就会不耐烦。但是，当用户工作速度是由人机界面决定的时候，系统响应时间过短也不好，这会迫使用户加快操作节奏，从而可能会犯错误。间过短也不好，这会迫使用户加

5、快操作节奏，从而可能会犯错误。易变性指系统响应时间相对于平均响应时间的偏差易变性指系统响应时间相对于平均响应时间的偏差，在许多情况下，这是系统响，在许多情况下，这是系统响应时间的更重要的属性。即使系统响应时间较长，响应时间易变性低也有助于用应时间的更重要的属性。即使系统响应时间较长，响应时间易变性低也有助于用户建立起稳定的工作节奏。例如，稳定在户建立起稳定的工作节奏。例如，稳定在1秒的响应时间比从秒的响应时间比从0.1秒到秒到2.5秒变化秒变化的响应时间要好。用户往往比较敏感，他们总是担心响应时间变化暗示系统工作的响应时间要好。用户往往比较敏感，他们总是担心响应时间变化暗示系统工作出现了异常。

6、出现了异常。 4 4谷谷风优质风优质第第6 6章章 详细设计详细设计2. 用户帮助设施用户帮助设施几乎交互式系统的每个用户都需要帮助，当遇到复杂问题时甚至需要查看用户几乎交互式系统的每个用户都需要帮助，当遇到复杂问题时甚至需要查看用户手册以寻找答案。大多数现代软件都提供联机帮助设施，这使得用户无须离开手册以寻找答案。大多数现代软件都提供联机帮助设施，这使得用户无须离开用户界面就能解决自己的问题。用户界面就能解决自己的问题。常见的帮助设施可分为集成的和附加的两类。集成的帮助设施从一开始就设常见的帮助设施可分为集成的和附加的两类。集成的帮助设施从一开始就设计在软件里面，通常，它对用户工作内容是敏感

7、的，因此用户可以从与刚刚计在软件里面，通常，它对用户工作内容是敏感的，因此用户可以从与刚刚完成的操作有关的主题中选择一个请求帮助。显然，这可以缩短用户获得帮完成的操作有关的主题中选择一个请求帮助。显然，这可以缩短用户获得帮助的时间，增加界面的友好性。附加的帮助设施是在系统建成后再添加到软助的时间，增加界面的友好性。附加的帮助设施是在系统建成后再添加到软件中的，在多数情况下它实际上是一种查询能力有限的联机用户手册。人们件中的，在多数情况下它实际上是一种查询能力有限的联机用户手册。人们普遍认为，集成的帮助设施优于附加的帮助设施。普遍认为，集成的帮助设施优于附加的帮助设施。5 5谷谷风优质风优质第第

8、6 6章章 详细设计详细设计具体设计帮助设施时，必须解决下述的一系列问题。具体设计帮助设施时，必须解决下述的一系列问题。(1) 在用户与系统交互期间，是否在任何时候都能获得关于系统任何功能的帮助在用户与系统交互期间，是否在任何时候都能获得关于系统任何功能的帮助信息信息?有两种选择：提供部分功能的帮助信息和提供全部功能的帮助信息。有两种选择：提供部分功能的帮助信息和提供全部功能的帮助信息。(2) 用户怎样请求帮助用户怎样请求帮助?有有3种选择：帮助菜单，特殊功能键和种选择：帮助菜单，特殊功能键和HELP命令。命令。(3) 怎样显示帮助信息怎样显示帮助信息?有有3种选择：在独立的窗口中，指出参考某

9、个文档种选择：在独立的窗口中，指出参考某个文档(不理不理想想)和在屏幕固定位置显示简短提示。和在屏幕固定位置显示简短提示。(4) 用户怎样返回到正常的交互方式中用户怎样返回到正常的交互方式中?有两种选择：屏幕上的返回按钮和功能有两种选择：屏幕上的返回按钮和功能键。键。(5) 怎样组织帮助信息怎样组织帮助信息?有有3种选择：平面结构，信息的层次结构和超文本结构。种选择：平面结构，信息的层次结构和超文本结构。6 6谷谷风优质风优质第第6 6章章 详细设计详细设计3. 出错信息处理出错信息处理出错信息和警告信息，是出现问题时交互式系统给出的出错信息和警告信息，是出现问题时交互式系统给出的“坏消息坏消

10、息”。出错信息。出错信息设计得不好，将向用户提供无用的甚至误导的信息，反而会加重用户的挫折感。设计得不好，将向用户提供无用的甚至误导的信息，反而会加重用户的挫折感。一般说来，交互式系统给出的出错信息或警告信息，应该具有下述属性。一般说来，交互式系统给出的出错信息或警告信息，应该具有下述属性。(1) 信息应该用用户可以理解的术语描述问题。信息应该用用户可以理解的术语描述问题。(2) 信息应该提供有助于从错误中恢复的建设性意见。信息应该提供有助于从错误中恢复的建设性意见。7 7谷谷风优质风优质第第6 6章章 详细设计详细设计(3) 信息应该指出错误可能导致哪些负面后果信息应该指出错误可能导致哪些负

11、面后果(例如，破坏数据文件例如，破坏数据文件)，以便用户，以便用户检查是否出现了这些问题，并在确实出现问题时及时解决。检查是否出现了这些问题，并在确实出现问题时及时解决。(4) 信息应该伴随着听觉上或视觉上的提示信息应该伴随着听觉上或视觉上的提示，例如，在显示信息时同时发出警，例如，在显示信息时同时发出警告铃声，或者信息用闪烁方式显示，或者信息用明显表示出错的颜色显示。告铃声，或者信息用闪烁方式显示，或者信息用明显表示出错的颜色显示。(5) 信息不能带有指责色彩信息不能带有指责色彩，也就是说，不能责怪用户。，也就是说，不能责怪用户。当确实出现了问题的时候，有效的出错信息能提高交互式系统的质量，

12、减轻当确实出现了问题的时候，有效的出错信息能提高交互式系统的质量，减轻用户的挫折感。用户的挫折感。8 8谷谷风优质风优质4. 命令交互命令交互命令行曾经是用户和系统软件交互的最常用的方式，并且也曾经广泛地用于各种命令行曾经是用户和系统软件交互的最常用的方式，并且也曾经广泛地用于各种应用软件中。现在，面向窗口的、点击和拾取方式的界面已经减少了用户对命令应用软件中。现在，面向窗口的、点击和拾取方式的界面已经减少了用户对命令行的依赖，但是，许多高级用户仍然偏爱面向命令行的交互方式。在多数情况下，行的依赖，但是，许多高级用户仍然偏爱面向命令行的交互方式。在多数情况下，用户既可以从菜单中选择软件功能，也

13、可以通过键盘命令序列调用软件功能。用户既可以从菜单中选择软件功能，也可以通过键盘命令序列调用软件功能。在提供命令交互方式时，必须考虑下列设计问题。在提供命令交互方式时，必须考虑下列设计问题。(1) 是否每个菜单选项都有对应的命令是否每个菜单选项都有对应的命令?(2) 采用何种命令形式采用何种命令形式?有有3种选择：控制序列种选择：控制序列(例如，例如，Ctrl+P)，功能键和键入，功能键和键入命令。命令。 9 9谷谷风优质风优质 (3) 学习和记忆命令的难度有多大学习和记忆命令的难度有多大?忘记了命令怎么办忘记了命令怎么办?(4) 用户是否可以定制或缩写命令用户是否可以定制或缩写命令?在越来越

14、多的应用软件中，人机界面设计者都提供了在越来越多的应用软件中，人机界面设计者都提供了“命令宏机制命令宏机制”，利用，利用这种机制用户可以用自己定义的名字代表一个常用的命令序列。需要使用这这种机制用户可以用自己定义的名字代表一个常用的命令序列。需要使用这个命令序列时，用户无须依次键入每个命令，只需输入命令宏的名字就可以个命令序列时，用户无须依次键入每个命令，只需输入命令宏的名字就可以顺序执行它所代表的全部命令。顺序执行它所代表的全部命令。在理想的情况下，所有应用软件都有一致的命令使用方法。如果在一个应用在理想的情况下，所有应用软件都有一致的命令使用方法。如果在一个应用软件中命令软件中命令Ctrl

15、+D表示复制一个图形对象，而在另一个应用软件中表示复制一个图形对象，而在另一个应用软件中Ctrl+D命命令的含义是删除一个图形对象，显然会使用户感到困惑，并且往往会导致用令的含义是删除一个图形对象，显然会使用户感到困惑，并且往往会导致用错命令。错命令。1010谷谷风优质风优质第第6 6章章 详细设计详细设计6.2.2 6.2.2 设计过程设计过程用户界面设计是一个迭代的过程，也就是说，通常先创建设计模型，用户界面设计是一个迭代的过程，也就是说，通常先创建设计模型，再用原型实现这个设计模型，并由用户试用和评估，然后根据用户意再用原型实现这个设计模型，并由用户试用和评估，然后根据用户意见进行修改。

16、为了支持上述迭代过程，各种用于界面设计和原型开发见进行修改。为了支持上述迭代过程，各种用于界面设计和原型开发的软件工具应运而生。这些工具被称为用户界面工具箱或用户界面开的软件工具应运而生。这些工具被称为用户界面工具箱或用户界面开发系统，它们为简化窗口、菜单、设备交互、出错信息、命令及交互发系统，它们为简化窗口、菜单、设备交互、出错信息、命令及交互环境的许多其他元素的创建，提供了各种例程或对象。这些工具所提环境的许多其他元素的创建，提供了各种例程或对象。这些工具所提供的功能，既可以用基于语言的方式也可以用基于图形的方式来实现。供的功能，既可以用基于语言的方式也可以用基于图形的方式来实现。1111

17、谷谷风优质风优质第第6 6章章 详细设计详细设计一旦建立起用户界面的原型，就必须对它进行评估，以确定其是否满足用户一旦建立起用户界面的原型，就必须对它进行评估，以确定其是否满足用户的需求。评估可以是非正式的，例如，用户即兴发表一些反馈意见；评估也的需求。评估可以是非正式的，例如，用户即兴发表一些反馈意见；评估也可以十分正式，例如，运用统计学方法评价全体终端用户填写的调查表。可以十分正式，例如，运用统计学方法评价全体终端用户填写的调查表。用户界面的评估周期如下所述：完成初步设计之后就创建第一级原型；用户用户界面的评估周期如下所述：完成初步设计之后就创建第一级原型；用户试用并评估该原型，直接向设计

18、者表述对界面的评价；设计者根据用户意见试用并评估该原型，直接向设计者表述对界面的评价；设计者根据用户意见修改设计并实现下一级原型。上述评估过程持续进行下去，直到用户感到满修改设计并实现下一级原型。上述评估过程持续进行下去，直到用户感到满意，不需要再修改界面设计时为止。意，不需要再修改界面设计时为止。1212谷谷风优质风优质第第6 6章章 详细设计详细设计当然，也可以在创建原型之前就对用户界面的设计质量进行初步评估。当然，也可以在创建原型之前就对用户界面的设计质量进行初步评估。如果能及早发现并改正潜在的问题，就可以减少评估周期的执行次数，如果能及早发现并改正潜在的问题，就可以减少评估周期的执行次

19、数，从而缩短软件的开发时间。在创建了用户界面的设计模型之后，可以运从而缩短软件的开发时间。在创建了用户界面的设计模型之后，可以运用下述评估标准对设计进行早期复审。用下述评估标准对设计进行早期复审。(1) 系统及其界面的规格说明书的长度和复杂程度，预示了用户学习使用系统及其界面的规格说明书的长度和复杂程度，预示了用户学习使用该系统所需要的工作量。该系统所需要的工作量。(2) 命令或动作的数量、命令的平均参数个数或动作中单个操作的个数，命令或动作的数量、命令的平均参数个数或动作中单个操作的个数，预示了系统的交互时间和总体效率。预示了系统的交互时间和总体效率。(3) 设计模型中包含的动作、命令和系统

20、状态的数量，预示了用户学习设计模型中包含的动作、命令和系统状态的数量，预示了用户学习使用该系统时需要记忆的内容的多少。使用该系统时需要记忆的内容的多少。(4) 界面风格、帮助设施和出错处理协议，预示了界面的复杂程度及用户界面风格、帮助设施和出错处理协议，预示了界面的复杂程度及用户接受该界面的程度。接受该界面的程度。1313谷谷风优质风优质第第6 6章章 详细设计详细设计6.2.3 6.2.3 人机界面设计指南人机界面设计指南用户界面设计主要依靠设计者的经验。总结众多设计者的经验得出的用户界面设计主要依靠设计者的经验。总结众多设计者的经验得出的设计指南，有助于设计者设计出友好、高效的人机界面。下

21、面介绍设计指南，有助于设计者设计出友好、高效的人机界面。下面介绍3类人机界面设计指南。类人机界面设计指南。1. 一般交互指南一般交互指南一般交互指南涉及信息显示、数据输入和系统整体控制，因此，这类一般交互指南涉及信息显示、数据输入和系统整体控制，因此，这类指南是全局性的，忽略它们将承担较大风险。下面讲述一般交互指南。指南是全局性的，忽略它们将承担较大风险。下面讲述一般交互指南。(1) 保持一致性保持一致性。应该为人机界面中的菜单选择、命令输入、数据显。应该为人机界面中的菜单选择、命令输入、数据显示以及众多的其他功能，使用一致的格式。示以及众多的其他功能，使用一致的格式。1414谷谷风优质风优质

22、第第6 6章章 详细设计详细设计(2) 提供有意义的反馈提供有意义的反馈。应向用户提供视觉的和听觉的反馈，以保证在用。应向用户提供视觉的和听觉的反馈，以保证在用户和系统之间建立双向通信。户和系统之间建立双向通信。(3) 在执行有较大破坏性的动作之前要求用户确认在执行有较大破坏性的动作之前要求用户确认。如果用户要删除一个。如果用户要删除一个文件，或覆盖一些重要信息，或终止一个程序的运行，应该给出文件，或覆盖一些重要信息，或终止一个程序的运行，应该给出“您是您是否确实要否确实要”的信息，以请求用户确认他的命令。的信息，以请求用户确认他的命令。(4) 允许取消绝大多数操作允许取消绝大多数操作。UND

23、O或或REVERSE功能曾经使众多终端用功能曾经使众多终端用户避免了大量时间浪费。每个交互式系统都应该能方便地取消已完成的户避免了大量时间浪费。每个交互式系统都应该能方便地取消已完成的操作。操作。(5) 减少在两次操作之间必须记忆的信息量减少在两次操作之间必须记忆的信息量。不应该期望用户能记住在。不应该期望用户能记住在下一步操作中需使用的一大串数字或标识符。应该尽量减少记忆量。下一步操作中需使用的一大串数字或标识符。应该尽量减少记忆量。1515谷谷风优质风优质第第6 6章章 详细设计详细设计(6) 提高对话、移动和思考的效率提高对话、移动和思考的效率。应该尽量减少用户击键的次数，设。应该尽量减

24、少用户击键的次数，设计屏幕布局时应该考虑尽量减少鼠标移动的距离，应该尽量避免出现用计屏幕布局时应该考虑尽量减少鼠标移动的距离，应该尽量避免出现用户问户问“这是什么意思这是什么意思?”的情况。的情况。(7) 允许犯错误允许犯错误。系统应该能保护自己不受严重错误的破坏。系统应该能保护自己不受严重错误的破坏。(8) 按功能对动作分类，并据此设计屏幕布局按功能对动作分类，并据此设计屏幕布局。下拉菜单的一个主要优。下拉菜单的一个主要优点就是能按动作类型组织命令。实际上，设计者应该尽力提高命令和动点就是能按动作类型组织命令。实际上，设计者应该尽力提高命令和动作组织的作组织的“内聚性内聚性”。(9) 提供对

25、用户工作内容敏感的帮助设施提供对用户工作内容敏感的帮助设施。(10) 用简单动词或动词短语作为命令名用简单动词或动词短语作为命令名。过长的命令名难于识别和记。过长的命令名难于识别和记忆，也会占用过多的菜单空间。忆，也会占用过多的菜单空间。1616谷谷风优质风优质第第6 6章章 详细设计详细设计2. 信息显示指南信息显示指南如果人机界面显示的信息是不完整的、含糊的或难于理解的，则该应用如果人机界面显示的信息是不完整的、含糊的或难于理解的，则该应用系统显然不能满足用户的需求。可以用多种不同方式系统显然不能满足用户的需求。可以用多种不同方式“显示显示”信息：用信息：用文字、图形和声音；按位置、移动和

26、大小；使用颜色、分辨率和省略。文字、图形和声音；按位置、移动和大小；使用颜色、分辨率和省略。下面是关于信息显示的设计指南。下面是关于信息显示的设计指南。(1) 只显示与当前工作内容有关的信息。只显示与当前工作内容有关的信息。用户在获得有关系统的特定功能用户在获得有关系统的特定功能的信息时，不必看到与之无关的数据、菜单和图形。的信息时，不必看到与之无关的数据、菜单和图形。(2) 不要用数据淹没用户，应该用便于用户迅速吸取信息的方式来表示不要用数据淹没用户，应该用便于用户迅速吸取信息的方式来表示数据数据。例如，可以用图形或图表来取代庞大的表格。例如，可以用图形或图表来取代庞大的表格。1717谷谷风

27、优质风优质第第6 6章章 详细设计详细设计(3) 使用一致的标记、标准的缩写和可预知的颜色。使用一致的标记、标准的缩写和可预知的颜色。显示的含义应该非显示的含义应该非常明确，用户无须参照其他信息源就能理解。常明确，用户无须参照其他信息源就能理解。(4) 允许用户保持可视化的语境允许用户保持可视化的语境。如果对所显示的图形进行缩放，原始。如果对所显示的图形进行缩放，原始的图像应该一直显示着的图像应该一直显示着(以缩小的形式放在显示屏的一角以缩小的形式放在显示屏的一角)，以使用户知，以使用户知道当前看到的图像部分在原图中所处的相对位置。道当前看到的图像部分在原图中所处的相对位置。(5) 产生有意义

28、的出错信息。产生有意义的出错信息。(6) 使用大小写、缩进和文本分组以帮助理解使用大小写、缩进和文本分组以帮助理解。人机界面显示的信息。人机界面显示的信息大部分是文字，文字的布局和形式对用户从中提取信息的难易程度有大部分是文字，文字的布局和形式对用户从中提取信息的难易程度有很大影响。很大影响。1818谷谷风优质风优质第第6 6章章 详细设计详细设计(7) 使用窗口分隔不同类型的信息使用窗口分隔不同类型的信息。利用窗口用户能够方便地。利用窗口用户能够方便地“保存保存”多种不同类型的信息。多种不同类型的信息。(8) 使用使用“模拟模拟”显示方式表示信息，以使信息更容易被用户提取显示方式表示信息，以

29、使信息更容易被用户提取。例。例如，显示炼油厂储油罐的压力时，如果简单地用数字表示压力，则不易如，显示炼油厂储油罐的压力时，如果简单地用数字表示压力，则不易引起用户注意。但是，如果用类似温度计的形式来表示压力，用垂直移引起用户注意。但是，如果用类似温度计的形式来表示压力，用垂直移动和颜色变化来指示危险的压力状况，就容易引起用户的警觉，因为这动和颜色变化来指示危险的压力状况，就容易引起用户的警觉，因为这样做为用户提供了绝对和相对两方面的信息。样做为用户提供了绝对和相对两方面的信息。(9) 高效率地使用显示屏高效率地使用显示屏。当使用多窗口时，应该有足够的空间使得每。当使用多窗口时，应该有足够的空间

30、使得每个窗口至少都能显示出一部分。此外，屏幕大小应该选得和应用系统的个窗口至少都能显示出一部分。此外，屏幕大小应该选得和应用系统的类型相配套类型相配套(这实际上是一个系统工程问题这实际上是一个系统工程问题)。1919谷谷风优质风优质第第6 6章章 详细设计详细设计3. 数据输入指南数据输入指南用户的大部分时间用在选择命令、键入数据和向系统提供用户的大部分时间用在选择命令、键入数据和向系统提供输入。在许多应用系统中，键盘仍然是主要的输入介质，输入。在许多应用系统中，键盘仍然是主要的输入介质，但是，鼠标、数字化仪和语音识别系统正迅速地成为重要但是，鼠标、数字化仪和语音识别系统正迅速地成为重要的输入

31、手段。下面是关于数据输入的设计指南。的输入手段。下面是关于数据输入的设计指南。(1) 尽量减少用户的输入动作尽量减少用户的输入动作。最重要的是减少击键次数，。最重要的是减少击键次数，这可以用下列方法实现：用鼠标从预定义的一组输入中选这可以用下列方法实现：用鼠标从预定义的一组输入中选一个；用一个；用“滑动标尺滑动标尺”在给定的值域中指定输入值；利用在给定的值域中指定输入值；利用宏把一次击键转变成更复杂的输入数据集合。宏把一次击键转变成更复杂的输入数据集合。2020谷谷风优质风优质第第6 6章章 详细设计详细设计(2) 保持信息显示和数据输入之间的一致性保持信息显示和数据输入之间的一致性。显示的视

32、觉特征应该与输入。显示的视觉特征应该与输入域一致。域一致。(3) 允许用户自定义输入允许用户自定义输入。专家级的用户可能希望定义自己专用的命令。专家级的用户可能希望定义自己专用的命令或略去某些类型的警告信息和动作确认，人机界面应该为用户提供这或略去某些类型的警告信息和动作确认，人机界面应该为用户提供这样做的机制。样做的机制。(4) 交互应该是灵活的，并且可调整成用户最喜欢的输入方式交互应该是灵活的，并且可调整成用户最喜欢的输入方式。用户。用户类型与喜好的输入方式有关，例如，秘书可能非常喜欢键盘输入，而类型与喜好的输入方式有关，例如，秘书可能非常喜欢键盘输入，而经理可能更喜欢使用鼠标之类的点击设

33、备。经理可能更喜欢使用鼠标之类的点击设备。(5) 使在当前动作语境中不适用的命令不起作用使在当前动作语境中不适用的命令不起作用。这可使得用户不去。这可使得用户不去做那些肯定会导致错误的动作。做那些肯定会导致错误的动作。2121谷谷风优质风优质第第6 6章章 详细设计详细设计(6) 让用户控制交互流。让用户控制交互流。用户应该能够跳过不必要的动作，改变所需做用户应该能够跳过不必要的动作，改变所需做的动作的顺序的动作的顺序(在应用环境允许的前提下在应用环境允许的前提下)，以及在不退出程序的情况下，以及在不退出程序的情况下从错误状态中恢复正常。从错误状态中恢复正常。(7) 对所有输入动作都提供帮助。

34、对所有输入动作都提供帮助。(8) 消除冗余的输入消除冗余的输入。除非可能发生误解，否则不要要求用户指定输。除非可能发生误解，否则不要要求用户指定输入数据的单位；尽可能提供默认值；绝对不要要求用户提供程序可入数据的单位；尽可能提供默认值；绝对不要要求用户提供程序可以自动获得或计算出来的信息。以自动获得或计算出来的信息。？ 为何要介绍用户界面设计为何要介绍用户界面设计2222谷谷风优质风优质6.2.2 设计过程程6.2.3 人机界面人机界面设计指南指南 1. 一般交互指南；一般交互指南； 2. 信息信息显示指南；示指南； 3. 数据数据输入指南。入指南。2323谷谷风优质风优质6.3 过程设计的工

35、具过程设计的工具 6.3.1程序流程图程序流程图 程程序序流流程程图：是是一一种种描描述述程程序序的的控控制制结构流程和指令构流程和指令执行情况的有向行情况的有向图。 历史史悠悠久久、使使用用广广泛泛、直直观描描绘控控制制流流程、便于初学者掌握。程、便于初学者掌握。2424谷谷风优质风优质ASP检索程序流程图：检索程序流程图：开 始加载Include文件定义记数变量、作物变量创建数据库链接对象、记录集对象打开数据库用客户提交的值对作物变量赋值SQL查询语句赋值通过记录集对象打开SQL语句设定的记录记录集末端？记数变量加1，输出记录字段值及图像转跳下一记录关闭数据库链接对象、记录集对象，并释放资

36、源输出记录数和提示结 束YN2525谷谷风优质风优质2）程程序序流流程程图中中用用箭箭头代代表表控控制制流流，因因此此程程序序员不不受受任任何何约束束，可可以以完完全全不不顾结构构程程序序设计的精神，随意的精神，随意转移控制。移控制。3）程序流程）程序流程图不易表示数据不易表示数据结构。构。程序流程程序流程图的的缺点缺点：1）程程序序流流程程图本本质上上不不是是逐逐步步求求精精的的好好工工具具，它它诱使使程程序序员过早早地地考考虑程程序序的的控控制制流流程程，而不去考而不去考虑程序的全局程序的全局结构。构。2626谷谷风优质风优质6.3.2盒盒图（N-S图）ABC条件条件FTElseBThen

37、ACase条件条件Case1ACase2BCasenN循环条件循环条件循环条件循环条件Do-While部分部分Do-Until部分部分Aa.顺序结构顺序结构b.选择结构选择结构c.多分支结构多分支结构d.当型循环结构当型循环结构e.直到型循环结构直到型循环结构f.调用子程序调用子程序A图6.4盒盒图的基本符号的基本符号2727谷谷风优质风优质盒盒图的特点有：的特点有： 1）功能域明确，可以从盒）功能域明确，可以从盒图上一眼就看出来；上一眼就看出来； 2）不可能任意）不可能任意转移控制；移控制； 3）很容易确定局部和全程数据的作用域；）很容易确定局部和全程数据的作用域； 4）很容易表）很容易表现

38、嵌套关系，也可以表示模嵌套关系，也可以表示模块的的层次次结构。构。 2828谷谷风优质风优质FTBCDACase1E2F3G4HA：盒盒图例子例子2929谷谷风优质风优质PAD（ProblemAnalysisDiagram）是是问题分析分析图。日立公司日立公司发明和推广（明和推广（1973）。）。6.3.3PAD图3030谷谷风优质风优质P1P2WHILECUNTILCPPP2P1CP1P2PnX=L1L2Lndefa.顺序序结构构b.当型循当型循环结构构c.直到型循直到型循环结构构d.选择结构构e.多分支多分支结构构f.语句句标号号g.定定义图6.5PAD图的基本符号的基本符号3131谷谷风

39、优质风优质例子：例子： P1P2UNTILC2P7P4P3Cdefa.初始的初始的PAD图图6.6PAD图例子例子b.使用使用def符号符号细化化处理框理框P2P5P2P8C1UNTILC2P9P10P63232谷谷风优质风优质PAD图的的优点：点：1）使使用用表表示示结构构化化控控制制结构构的的PAD符符号号所所设计出来的程序必然是出来的程序必然是结构化程序；构化程序；2）PAD图所描所描绘的程序的程序结构十分清晰。构十分清晰。图中中最最左左面面的的竖线是是程程序序的的主主线，即即第第一一层结构构。随随着着程程序序层次次的的增增加加，PAD图逐逐渐向向右右延延伸伸，每每增增加加一一个个层次次

40、，图形形向向右右扩展展一一条条竖线。PAD图中中竖线的的总条数就是程序的条数就是程序的层次数；次数；3333谷谷风优质风优质3）用用PAD图表表现程程序序，通通俗俗易易懂懂，程程序序从从图中中最最左左竖线上上端端的的结点点开开始始执行行，自自上上而而下下，从左向右从左向右顺序序执行，遍行，遍历所有所有结点；点；3434谷谷风优质风优质4）容容易易将将PAD图转换成成高高级语言言源源程程序序，这种种转换可以用可以用软件工具自件工具自动完成；完成；5）可可用用于于表表示示程程序序逻辑，也也可可用用于于描描绘数数据据结构；构；6）PAD图的的符符号号支支持持自自顶向向下下、逐逐步步求求精精的的方法。

41、方法。3535谷谷风优质风优质判定表由四部分判定表由四部分组成：成： 左上部列出所有左上部列出所有条件条件 左下部是所有可能做的左下部是所有可能做的动作作 右上部表示各种右上部表示各种条件条件组合合 右下部是和每种条件右下部是和每种条件组合相合相对应的的动作作 6.3.4判定表判定表3636谷谷风优质风优质123456789国内乘客国内乘客TTTTFFFF头等等舱TFTFTFTF残疾乘客残疾乘客FFTTFFTT行李重量行李重量W30TFFFFFFFF免免费(W-30)2(W-30)3(W-30)4(W-30)6(W-30)8(W-30)123737谷谷风优质风优质6.3.5判定判定树判定判定树

42、是判定表的是判定表的变种。种。行李重量行李重量W30行李重量行李重量W30国内乘客国内乘客外国乘客外国乘客头等等舱其他其他舱头等等舱其他其他舱残疾乘客残疾乘客正常乘客正常乘客残疾乘客残疾乘客正常乘客正常乘客残疾乘客残疾乘客正常乘客正常乘客残疾乘客残疾乘客正常乘客正常乘客（W-30）2（W-30）4（W-30）3（W-30）6（W-30）4（W-30）8（W-30）6（W-30）12免免费图6.7用判定用判定树表示表示计算行李算行李费的算法的算法行行李李费算算法法3838谷谷风优质风优质PDL也称也称为伪码。如：如：ifI0then执行行订单数据数据输入模入模块else报告出告出错信息信息endif6.3.6过程程设计语言（言（PDL）3939谷谷风优质风优质PDL的的优点点：1）可以作）可以作为注注释直接插在源程序中直接插在源程序中间；2）可可以以使使用用普普通通的的正正文文编辑程程序序或或文文字字处理理系系统来完成来完成PDL的的书写和写和编辑工作；工作；3）现在在已已经有有一一些些自自动处理理程程序序可可以以自自动地地把把PDL生成程序代生成程序代码。PDL的缺点的缺点：不如：不如图形工具形象直形工具形象直观。4040谷谷风优质风优质