软件工程教案补充用户界面设计

1、1软件工程-补充用户界面、输入和输出设计2用户界面、输入和输出设计学习目标：学习目标：（1 1）掌握系统设计的基本知识掌握系统设计的基本知识, ,了解系统设计的过程；了解系统设计的过程；（2 2）了解用户界面设计的基本任务；）了解用户界面设计的基本任务； 熟悉用户界面设计的熟悉用户界面设计的1010个要素。个要素。（3 3）掌握常用的控件使用及常用的窗体设计模式。）掌握常用的控件使用及常用的窗体设计模式。（4 4）熟悉输入输出设计。）熟悉输入输出设计。3提提 纲纲1 用户界面设计2 输出设计3 输入设计4小结41 用户界面设计用户界面设计1.1 用户界面设计概述1.2 用户界面的10个设计要素

2、1.3 用户界面控件1.4 常用的用户界面模式5l背景背景：信息系统是一个人机技术系统，因此，存在人和机：信息系统是一个人机技术系统，因此，存在人和机器的互动过程器的互动过程(Human Machine Interaction，HMI)，在，在HMI中存在一个通常所说的界面中存在一个通常所说的界面(Interface)/窗口窗口(Windows)。从心理学角度看，界面可分为感觉系统。从心理学角度看，界面可分为感觉系统(视觉、视觉、触觉、听觉等触觉、听觉等)和情感系统两个层次。和情感系统两个层次。l定义定义：软件的用户界面其实质就是屏幕中的一个窗口或区：软件的用户界面其实质就是屏幕中的一个窗口或

3、区域域(狭义的看狭义的看)。广义的看，还包括其它的输入、输出和包装。广义的看，还包括其它的输入、输出和包装表面，是软件产品的重要组成部分。表面，是软件产品的重要组成部分。l关联学科关联学科：软件界面设计是一个复杂的、有不同学科参与：软件界面设计是一个复杂的、有不同学科参与的项目，包括心理学、工程设计学、语言学、美学。的项目，包括心理学、工程设计学、语言学、美学。1.1 用户界面设计概述用户界面设计概述61.1 用户界面设计概述用户界面设计概述用户界面的基础是人机交互基本原理，人机交互（HCI，human-computer interaction）描述的是计算机与使用计算机来执行任务的人之间的关

4、系。从广义上看，用户界面包括将信息输入系统以及以屏幕或打印报告形式获得输出所需的所有通信和说明。系统设计员的系统设计员的任务任务是是为各种应用程序定制界面为各种应用程序定制界面， 主要主要目标目标是是创建容易学习和使用的用户友好界面创建容易学习和使用的用户友好界面。7l屏幕是一种特殊的界面特殊的界面，屏幕屏幕就是用户与系统的界面，即人和机器的接口接口。其它界面还有打印机、报表、文档、图形等内容。l用户界面设计的原则用户界面设计的原则界面处于用户的控制下界面处于用户的控制下减少用户的操作与记忆负担减少用户的操作与记忆负担尽量保持界面的一致性尽量保持界面的一致性为熟练用户提供快捷键为熟练用户提供快

5、捷键提供有效反馈提供有效反馈设计完整的对话过程设计完整的对话过程提供简单的错误处理机制提供简单的错误处理机制允许撤销动作允许撤销动作提供控制的内部轨迹提供控制的内部轨迹减少短期记忆负担减少短期记忆负担l系统用户类型系统用户类型专业用户专业用户：指那些有计算机使用经验的用户。专业用户往往更看重信息系统的功能，而不太注意屏幕设计的合理性。普通用户普通用户：即没有计算机使用经验、甚至没有使用过计算机的用户。普通用户不仅仅看重信息系统能够完成什么样的功能，更看重如何操作信息系统。1.1 用户界面设计概述用户界面设计概述891011整洁、明了，但不简洁整洁、明了，但不简洁12美观、大气美观、大气13美观

6、、符合日常办公需要，但画面稍显杂乱美观、符合日常办公需要，但画面稍显杂乱14花哨、不平衡花哨、不平衡15凌乱、不清楚凌乱、不清楚16简洁、美观简洁、美观17不美观、不清楚不美观、不清楚18美观、但不简洁美观、但不简洁19实用、但不简洁实用、但不简洁20形象、直观形象、直观2122231.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用24用户界面的合适性用户界面的合适性是指界面与软件功能相融洽的程度。是指界面与软件功能相融洽的程度。软件的

7、功能需要通过用户界面来展现。毫无疑问，软件的功能需要通过用户界面来展现。毫无疑问，用户界面用户界面一定要适合于软件的功能，这是最基本的要求一定要适合于软件的功能，这是最基本的要求。如果用户无法如果用户无法通过这个界面来使用软件，通过这个界面来使用软件，“易用性易用性”根本无从谈起。根本无从谈起。1 用户界面适合于软件的功能（合适性）例如，例如，对于一个三维建模软件而言，如果用户不能使用鼠标对对于一个三维建模软件而言，如果用户不能使用鼠标对模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合该软件的功能。如果不改进用户界面的话，即使软件

8、的内核功能该软件的功能。如果不改进用户界面的话，即使软件的内核功能很强（如算法很先进），这个软件也很难得到用户的认可。很强（如算法很先进），这个软件也很难得到用户的认可。“用户界面适合于软件的功能用户界面适合于软件的功能”是首要的设计原则是首要的设计原则，它提醒设，它提醒设计者不要片面追求界面外观漂亮而导致华而不实。计者不要片面追求界面外观漂亮而导致华而不实。251.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用26如果用户很难理解界面

9、的意图，那么他使用起来肯定很费劲。如果用户很难理解界面的意图，那么他使用起来肯定很费劲。所以所以“容易理解容易理解”是是“容易使用容易使用”的前提条件。的前提条件。以下一些以下一些措施措施可以提高用户界面的可理解性：可以提高用户界面的可理解性： 用户界面中的所有元素都不能出现错误文字，也没有令人用户界面中的所有元素都不能出现错误文字，也没有令人 费解（例如二义性、逻辑混乱）的文字。费解（例如二义性、逻辑混乱）的文字。 图标按钮的含义一定要直观明了，图标按钮的含义一定要直观明了，最好给图标加文字说最好给图标加文字说 明（或提供充分而必要的提示）明（或提供充分而必要的提示），防止用户误解。，防止用

10、户误解。2 容易理解P256 P256 仅有一个按钮有明显的含义仅有一个按钮有明显的含义27界面结构界面结构能够清晰地能够清晰地反映工作流程反映工作流程，以使用户按部就班地操作，以使用户按部就班地操作28文字信息和界面文字信息和界面布局布局尽量和用户群体的使用习惯相匹配。尽量和用户群体的使用习惯相匹配。 职工职工 代码代码 姓名姓名性别性别籍贯籍贯 出生出生 年月年月 政治政治 面貌面貌文化程文化程度度职务职务 部门部门 职称职称参加工参加工作时间作时间 工资工资 电话电话 邮编邮编职工人事信息卡录入职工人事信息卡录入29对于复杂的用户界面而言，最好对于复杂的用户界面而言，最好提供界面提供界面

11、“向导向导”，及时让用，及时让用户户知道自己在界面结构中所处的位置。知道自己在界面结构中所处的位置。例如例如对于基于对于基于Web的应用软的应用软件，应该在界面上件，应该在界面上显示显示“当前位置当前位置”，否则用户容易在众多的页，否则用户容易在众多的页面面中迷失方向。中迷失方向。301.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用31当用户进行某项操作后，如果过了一会儿（几秒种）用户界面当用户进行某项操作后，如果过了一会儿（几秒种）

12、用户界面一点反映都没有，这将使用户感到迷茫和不安，因为他不知道是一点反映都没有，这将使用户感到迷茫和不安，因为他不知道是自己操作错了还是软件死机了。自己操作错了还是软件死机了。所以所以及时反馈信息很重要，至少要让用户心里有数，知道该任及时反馈信息很重要，至少要让用户心里有数，知道该任务处理得怎么样了，有什么样的结果。务处理得怎么样了，有什么样的结果。对于一些对于一些重要的事务重要的事务，当处理完成后，应当及时反馈给用户。，当处理完成后，应当及时反馈给用户。3 及时反馈信息保存读者借保存读者借阅信息阅信息若保存成功若保存成功32如果某些事务处理不能提供进度等数据，那么至少要给出如果某些事务处理不

13、能提供进度等数据，那么至少要给出提示信息如提示信息如“正在处理，请等待正在处理，请等待”。最好是提供合适的动。最好是提供合适的动画，如下图所示，让用户明白软件正在干活，没有死机。画，如下图所示，让用户明白软件正在干活，没有死机。331.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用34用户在使用软件的过程中，不可避免地会出现一些错误的用户在使用软件的过程中，不可避免地会出现一些错误的操作。倘若用户不小心输入了错误的数据，或者错误地删除操

14、作。倘若用户不小心输入了错误的数据，或者错误地删除了有用的数据，而软件傻乎乎地、将错就错地执行了，那么了有用的数据，而软件傻乎乎地、将错就错地执行了，那么用户肯定很恼火，以后就不敢放心地使用软件。用户肯定很恼火，以后就不敢放心地使用软件。在设计用户界面时必须在设计用户界面时必须考虑防错处理考虑防错处理，目的目的是让用户不必是让用户不必为避免犯错而提心吊胆，小心翼翼地操作。为避免犯错而提心吊胆，小心翼翼地操作。4 防错处理35常见的常见的防错处理措施防错处理措施有有： 提供对输入数据进行检验的功能。提供对输入数据进行检验的功能。如果用户输入错误的如果用户输入错误的数据，软件应当识别错误并且提示错

15、误。数据，软件应当识别错误并且提示错误。若图书的若图书的入库数量入库数量=0，则单，则单击击“增加增加”按钮时将进行提按钮时将进行提示示36对于在某些情况下不应该使用的菜单项和命令按钮，应当将对于在某些情况下不应该使用的菜单项和命令按钮，应当将其其“失效失效”（变成灰色，可见但不可操作）或者（变成灰色，可见但不可操作）或者“隐蔽隐蔽”。例如例如：对：对于某些管理软件，不同的用户有不同的操作权限。如果低权限的于某些管理软件，不同的用户有不同的操作权限。如果低权限的用户登录到系统，那些仅供高级权限用户使用的功能应当被隐用户登录到系统，那些仅供高级权限用户使用的功能应当被隐蔽，或者将其蔽，或者将其“

16、失效失效”。37执行破坏性的操作之前，应当获得用户确认。执行破坏性的操作之前，应当获得用户确认。例如用户例如用户删除一行内容时，应当弹出对话框：删除一行内容时，应当弹出对话框：“真的要删除当前行真的要删除当前行吗？吗？”，当用户确认后才真正删除该行的内容。，当用户确认后才真正删除该行的内容。381.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用39风格一致风格一致有两方面的含义：有两方面的含义： （1）在一个软件的用户界面中，同类的界面

17、元素应当有相同在一个软件的用户界面中，同类的界面元素应当有相同的视感和相同的操作方式的视感和相同的操作方式，例如例如命令按钮是最常见的界面元素，命令按钮是最常见的界面元素，所有命令按钮的形状、色彩以及对鼠标的响应方式都是一致的。所有命令按钮的形状、色彩以及对鼠标的响应方式都是一致的。 （2）同一领域软件的用户界面应当有一定程度的相似性同一领域软件的用户界面应当有一定程度的相似性。例例如如Microsoft公司的公司的Office家族里有家族里有Word、Excel等软件，这些软等软件，这些软件提供的件提供的“复制、剪切、粘贴复制、剪切、粘贴”功能的操作方式都是相同的。功能的操作方式都是相同的。

18、5 风格一致和必要的个性化4041对于用户界面而言，对于用户界面而言，风格一致的最大好处就是能够减少用风格一致的最大好处就是能够减少用户的记忆量、减少出错几率，并且迅速积累操作经验。户的记忆量、减少出错几率，并且迅速积累操作经验。所以所以熟悉熟悉Word软件的人基本上不用翻阅手册就能使用软件的人基本上不用翻阅手册就能使用Office家家族的其他软件。族的其他软件。42而对于一些应用软件而言，有个性化的界面自然比泯然而对于一些应用软件而言，有个性化的界面自然比泯然于众的界面更具有吸引力。尤其是于众的界面更具有吸引力。尤其是娱乐领域的软件娱乐领域的软件，用户，用户更加喜欢有个性的甚至是颠覆传统的用

19、户界面，更加喜欢有个性的甚至是颠覆传统的用户界面，下图是极下图是极具具个性化个性化的用户界面示例。的用户界面示例。431.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用44首先首先，界面的总体布局应当有一定的逻辑性，最好能够与工，界面的总体布局应当有一定的逻辑性，最好能够与工 作流程吻合。作流程吻合。界面设计人员只有仔细地分析软件的需求，才界面设计人员只有仔细地分析软件的需求，才 能提取对界面有价值的信息。能提取对界面有价值的信息。6

20、合理的布局45其次其次，窗口（或页面）上的界面元素的布局应当整齐清爽。界，窗口（或页面）上的界面元素的布局应当整齐清爽。界面元素应当在面元素应当在水平或者垂直方向对齐水平或者垂直方向对齐，行、列的间距保持一致行、列的间距保持一致。所有项目（控件）对齐所有项目（控件）对齐控件组间隔推荐控件组间隔推荐7个对话个对话框基本单位框基本单位按钮以及控件间的按钮以及控件间的间隔推荐间隔推荐4个对话个对话框基本单位框基本单位7个对话框基本单位个对话框基本单位按钮以及编辑框类控件高度按钮以及编辑框类控件高度推荐推荐21个对话框基本单位个对话框基本单位46471.2 用户界面的10个设计要素1 用户界面适合于软

21、件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用48应当限制一帧屏幕的色彩数目应当限制一帧屏幕的色彩数目，因为人们在观察屏幕的时候，因为人们在观察屏幕的时候很难同时记住多种色彩。很难同时记住多种色彩。应当根据对象的重要性来选择颜色，重要的对象应当用醒目应当根据对象的重要性来选择颜色，重要的对象应当用醒目的色彩表示。的色彩表示。使用颜色的时候应当保持一致性使用颜色的时候应当保持一致性，例如错误提示信息用红色，例如错误提示信息用红色表示。表示。在表达信息时，不要过分依赖颜色，因为有些用户可

22、能色盲在表达信息时，不要过分依赖颜色，因为有些用户可能色盲或色弱。或色弱。7 合理的色彩4950511.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用52一个软件产品可能有许多类型的用户，例如有些用户对计一个软件产品可能有许多类型的用户，例如有些用户对计算机比较外行，有一些用户可能是计算机的行家。算机比较外行，有一些用户可能是计算机的行家。在设计用在设计用户界面时应当尽可能多地了解用户的使用习惯和水平，努力户界面时应当尽可能多地了解用户

23、的使用习惯和水平，努力使用户在操作软件的时候感觉不到差异和麻烦。使用户在操作软件的时候感觉不到差异和麻烦。为了达到这个目标，一般需要提供多种操作途径以适应各为了达到这个目标，一般需要提供多种操作途径以适应各种水平的用户。种水平的用户。8 适应用户群体例如例如使用使用Windows下的资源管理器，对于一个下的资源管理器，对于一个初学者初学者来说，来说，他他 愿意使用鼠标和菜单一步一步地操作；而对于愿意使用鼠标和菜单一步一步地操作；而对于技术专家技术专家而言而言， 他也许更愿意使用热键来获取更高的效率。他也许更愿意使用热键来获取更高的效率。提供提供多种操作方式多种操作方式：使用鼠标；使用鼠标；使用

24、快捷键使用快捷键 Alt + S（Save）541.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适应用户群体9 最少的操作步骤10 可复用55使用菜单方式（使用菜单方式（2个操作步骤）个操作步骤）使用图标按钮方式（使用图标按钮方式（1个操作步骤）个操作步骤）9 最少操作步骤（最高效率）设计用户界面时应当尽可能地替用户着想，设计用户界面时应当尽可能地替用户着想，用户应当用最少用户应当用最少 的操作步骤完成某项操作任务的操作步骤完成某项操作任务，获得最高的使用效率。，获得最高的使

25、用效率。56尽管减少一个操作步骤而完成任务节约的时间微乎其尽管减少一个操作步骤而完成任务节约的时间微乎其微（可能只有几秒钟），但是用户的感觉反差却会很强微（可能只有几秒钟），但是用户的感觉反差却会很强烈。烈。业界流传业界流传“多多1个步骤，流失个步骤，流失10%的用户的用户”。界面设计师要深入分析软件的业务流程、用户使用习惯界面设计师要深入分析软件的业务流程、用户使用习惯才能设计出最少的操作步骤。才能设计出最少的操作步骤。571.2 用户界面的10个设计要素1 用户界面适合于软件的功能（合适性）2 容易理解3 及时反馈信息4 防错处理5 风格一致和必要的个性化6 合理的布局7 合理的色彩8 适

26、应用户群体9 最少的操作步骤10 可复用58复用复用就是指就是指“利用现成的东西利用现成的东西”，被复用的对象可以是，被复用的对象可以是有有形的物体，也可以是无形的知识成果。形的物体，也可以是无形的知识成果。复用有利于提高质量、提高生产率和降低成本。复用有利于提高质量、提高生产率和降低成本。由经验由经验可知，在开发应用软件时，大部分的内容是成熟的，只有可知，在开发应用软件时，大部分的内容是成熟的，只有小部分内容是创新的。一般地可以相信成熟的东西总是比小部分内容是创新的。一般地可以相信成熟的东西总是比较可靠的（即具有高质量），而较可靠的（即具有高质量），而大量成熟的工作可以通过大量成熟的工作可以

27、通过复用来快速实现（即具有高生产率）复用来快速实现（即具有高生产率）。10 可重用59l参阅参阅p观点：观点：用户总是对的，即使有错，也是系统的错，用户没错用户总是对的，即使有错，也是系统的错，用户没错p安装：安装：用户有权要求易安装、卸载软件和硬件，且无负面影响用户有权要求易安装、卸载软件和硬件，且无负面影响p一致：一致：用户有权要求系统按照需求用户有权要求系统按照需求/要求精确运行要求精确运行p说明说明：为方便理解、使用和维护系统，用户有权得到说明资料：为方便理解、使用和维护系统，用户有权得到说明资料p控制：控制：用户有权要求系统是可控的，且获得准确的响应用户有权要求系统是可控的，且获得准

28、确的响应p反馈反馈：用户有权知道系统对系统执行的任务和完成的进度的清：用户有权知道系统对系统执行的任务和完成的进度的清楚、可理解和正确的信息楚、可理解和正确的信息p依赖性：依赖性：用户有权要求成功使用软件和硬件所需的所有系统需用户有权要求成功使用软件和硬件所需的所有系统需求都能清楚地通知用户求都能清楚地通知用户p范围：范围：用户有权知道系统的边界和系统的能力局限性用户有权知道系统的边界和系统的能力局限性p帮助帮助：用户面临问题时，有权与技术支持交流并得到成熟的有：用户面临问题时，有权与技术支持交流并得到成熟的有用的响应用的响应p可用性：可用性：用户是系统的主任，能自然和直接使用系统用户是系统的

29、主任，能自然和直接使用系统IBM的人机界面设计观点：用户10项权益601用户界面设计用户界面设计1.1 用户界面设计的基本任务1.2 用户界面的10个设计要素1.3 用户界面控件1.4 常用的用户界面模式611.3 用户界面控件用户界面控件基于组件的开发（基于组件的开发（Component Based Development）Grid表格控件表格控件621.对话框对话框允许用户输入与系统将允许用户输入与系统将执行任务有关的信息，执行任务有关的信息，是联系用户与系统的通是联系用户与系统的通道。道。其父类为其父类为Form一般没有最大一般没有最大/最小最小按钮按钮不显示不显示最大最大按钮按钮不显示

30、不显示最小最小按钮按钮对话框通常是一种对话框通常是一种模式模式窗体。窗体。63方法方法说明Close关闭窗体，把窗体从内存中清除关闭窗体，把窗体从内存中清除Hide隐藏窗体，但窗体仍然在内存中隐藏窗体，但窗体仍然在内存中Show显示窗体，显示窗体，非模式显示非模式显示，当窗体显示时，应用程序的其他部，当窗体显示时，应用程序的其他部分仍然可以访问分仍然可以访问ShowDialog显示窗体，显示窗体，模式显示模式显示。用户不能从窗体切换到应用程序的其。用户不能从窗体切换到应用程序的其他部分他部分首先必须关闭该窗体才行。首先必须关闭该窗体才行。窗体常用的方法被调用的窗体类 窗体实例 = new 被调

31、用的窗体类();窗体实例.Show(); /或ShowDialog();private void cmdShow_Click(object sender, System.EventArgs e)frmA A = new frmA();A.ShowDialog(); /对话框通常以模式显示642.文本框文本框显示消息并允许用显示消息并允许用户输入数据。户输入数据。属性属性说明说明MaxLength 可在文本框中输入的最大字符数可在文本框中输入的最大字符数 Multiline 表示是否可在文本框中输入多行表示是否可在文本框中输入多行文本文本 Passwordchar 机密和敏感数据，密码输入字符机

32、密和敏感数据，密码输入字符 ReadOnly 文本框中的文本为只读文本框中的文本为只读Text 获取或设置控件中的文本获取或设置控件中的文本653.列表框列表框显示用户可以选择显示用户可以选择的选项列表的选项列表4.下拉列表框下拉列表框属性属性说明说明DataSource获取或设置此控件的数据源。获取或设置此控件的数据源。DisplayMember获取或设置一个字符串，该字符串指定要显示获取或设置一个字符串，该字符串指定要显示其内容的数据源的属性。其内容的数据源的属性。public class clsPerson private string _Name = ; public string N

33、ame get return this._Name; set this._Name = value; public int Age = 0; 67属性属性说明说明SelectedIndex获取或设置获取或设置 ListBox 中当前选定项的从零开始的索引。中当前选定项的从零开始的索引。 SelectedItem获取或设置获取或设置 ListBox 中的当前选定项。中的当前选定项。怎样获取用户选择的项目呢？怎样获取用户选择的项目呢？clsPerson b = null;/取得当前的选中的索引号取得当前的选中的索引号int index = this.listBox1.SelectedIndex;

34、/取出其中的内容，要进行取出其中的内容，要进行类型转换类型转换b = (clsPerson)this.listBox1.Itemsindex;clsPerson b = null;/取出其中的内容，要进行取出其中的内容，要进行类型转换类型转换b = (clsPerson)this.listBox1.SelectedItem;685.单选按钮单选按钮单选按钮单选按钮代表一组选项中的一个代表一组选项中的一个选择，选择，用户一次只能选择一项用户一次只能选择一项，被，被选中的选项显示为黑点。选中的选项显示为黑点。把单选按钮组合在一起，给它们把单选按钮组合在一起，给它们创建一个逻辑单元，此时可以使用创建

35、一个逻辑单元，此时可以使用GroupBox控件控件。属性属性说明说明Checked表示控件的状态。若为已选定，则为表示控件的状态。若为已选定，则为truetrue；否则，为；否则，为falsefalseGroupBox控件控件696.复选框复选框复选框复选框用来从一组选项中用来从一组选项中选择选择一个或多个选项一个或多个选项，被选中的选项，被选中的选项用复选标志或用复选标志或X表示。表示。属性属性说明说明Checked表示控件的状态。若为已选定，则为表示控件的状态。若为已选定，则为truetrue；否则，为；否则，为falsefalse70WinForms WinForms 中的常用控件中的常

36、用控件可视化界面组件统称为控件System.Windows.Forms.Control System.Windows.FormsControlButtonBaseButtonCheckBoxLabelListControlComboBoxListBoxTextBoxBaseTextBoxRadioButton控件常用的属性控件常用的属性 C#入门经典入门经典 第第14章章 P33272控件常用的属性控件常用的属性 C#入门经典入门经典 第第14章章 P332控件常用的事件控件常用的事件 C#入门经典入门经典 第第14章章 P335741 用户界面设计用户界面设计1.1 用户界面设计的基本任务1

37、.2 用户界面的10个设计要素1.3 用户界面控件1.4 常用的用户界面模式75GUI用户界面设计用户界面设计主界面主界面基本窗口基本窗口对话框对话框1.4 常用的用户界面模式76主界面设计是用户界面设计中最重要也是最难的工作。主界面设计是用户界面设计中最重要也是最难的工作。 良好的软件主界面有如下良好的软件主界面有如下特性特性：用户很容易理解界面的意图，基本上无需翻阅手册和询问用户很容易理解界面的意图，基本上无需翻阅手册和询问 别人别人所有用户很容易理解界面的意图，元素的布局合理，符合所有用户很容易理解界面的意图，元素的布局合理，符合 逻辑，符合工作流程，操作方式符合大众用户的习惯，具有逻辑

38、，符合工作流程，操作方式符合大众用户的习惯，具有 高度一致性高度一致性主界面清晰美观，用户不会厌烦主界面清晰美观，用户不会厌烦1.主界面设计主界面设计1.4 常用的用户界面模式Windows客户端软件的主界面模式是非常成功的，这种模式已经客户端软件的主界面模式是非常成功的，这种模式已经被世界上大多数的计算机用户接纳。被世界上大多数的计算机用户接纳。Windows客户端软件的主界面一般有客户端软件的主界面一般有5个区域个区域：（1）菜单区菜单区（2）工具栏区工具栏区（5）状态信息区状态信息区（3）功能树或功能树或者功能面板（者功能面板（可选区域）可选区域）（4）工作区工作区78速达速达3000软

39、件的主界面示例软件的主界面示例（1）菜单区）菜单区（3）功能区域）功能区域(4)工作区工作区79Java Look and Feel GuidlinesSun1999，第，第93页页中关于中关于 基本窗体的定义基本窗体的定义：（即：（即MDI中的子窗体）中的子窗体） 基本窗体基本窗体是用户与数据或者文档进行交互的主要地方，一是用户与数据或者文档进行交互的主要地方，一个应用程序可以使用任意多个基本窗体，它们可以被独立地打个应用程序可以使用任意多个基本窗体，它们可以被独立地打开、关闭、最小化或者调整大小。开、关闭、最小化或者调整大小。2.基本窗体设计基本窗体设计1）基础数据窗体）基础数据窗体2）业

40、务录入窗体）业务录入窗体3）报表查询窗体）报表查询窗体1.4 常用的用户界面模式80 设置系统的基础数据的窗体，如部门信息、供应设置系统的基础数据的窗体，如部门信息、供应商资料、客户资料信息设置窗体等等。商资料、客户资料信息设置窗体等等。 （1 1）基础数据窗体）基础数据窗体1.4 常用的用户界面模式81“物料物料”信息设置信息设置工具栏，提供增加、修改、工具栏，提供增加、修改、删除以及关闭等命令删除以及关闭等命令属于某属于某“类别类别”的的“物料物料”的的具体信息，为具体信息，为ListView控件或控件或Grid控件控件“物料物料”信息按信息按“类类别别”显示，为显示，为TreeView控

41、件控件82 进行基本业务资料设置的窗体进行基本业务资料设置的窗体 ，如采购订单的录，如采购订单的录入、凭证的录入等等。入、凭证的录入等等。 （2 2）业务录入窗体）业务录入窗体1.4 常用的用户界面模式83功能按钮功能按钮表头表头信息的录入信息的录入表体表体信息的录入信息的录入表尾表尾信息的录入信息的录入1.4 常用的用户界面模式84 进行信息查询的窗体进行信息查询的窗体 ，如明细账的查询、进货信，如明细账的查询、进货信息的查询等等。息的查询等等。 （3 3）报表查询窗体）报表查询窗体1.4 常用的用户界面模式85标题标题工具栏工具栏查询信息的说明查询信息的说明查询查询信息表体信息表体文本信息

42、左对齐文本信息左对齐数字信息右对齐，数字信息右对齐，且有千位分隔符且有千位分隔符查询的合计信息查询的合计信息86Java Look and Feel GuidlinesSun1999，第，第93页页中中 关于基本对话框的定义：关于基本对话框的定义： 对话框对话框是一个用来提供支持的窗体，它依赖于一个基是一个用来提供支持的窗体，它依赖于一个基本窗体（或者其他的次级窗体）。在对话框中，用户可以本窗体（或者其他的次级窗体）。在对话框中，用户可以查看和提供基本窗体的动作或者对象的附加信息。查看和提供基本窗体的动作或者对象的附加信息。3.对话框设计对话框设计1.4 常用的用户界面模式87新增对话框单击单

43、击“新增新增”按按钮钮功能按钮功能按钮88为什么在设计阶段是先设计输出，为什么在设计阶段是先设计输出，再设计输入？再设计输入？2 输出设计输出设计l输出设计的目的输出设计的目的是为各级管理人员正确及时地提供是为各级管理人员正确及时地提供所需要的信息。所需要的信息。l因此，首先根据进行输出设计，再根据输出所应获因此，首先根据进行输出设计，再根据输出所应获得的信息来进行输入设计，更能反映管理者和用户对得的信息来进行输入设计，更能反映管理者和用户对信息的需求。信息的需求。892 输出设计输出设计2.1 输出设计的原则2.2 输出设计的内容90系统输出的形式系统输出的形式是多种多样的，例如作为其它系统

44、的输入、是多种多样的，例如作为其它系统的输入、打印的报表、屏幕显示和数据文件（打印的报表、屏幕显示和数据文件（WordWord文件、文件、ExcelExcel文件等）文件等）等。等。信息系统的最终目的是信息系统的最终目的是为了使用户得到所需要的信息为了使用户得到所需要的信息。因此。因此输出设计应满足正确性、有效性、及时性、简洁明了及易于阅输出设计应满足正确性、有效性、及时性、简洁明了及易于阅读和理解等要求。读和理解等要求。2.1 输出设计的原则输出设计的原则912 输出设计输出设计2.1 输出设计的原则2.2 输出设计的内容921)1)输出的目的是什么？输出的目的是什么？2)2)谁需要这些信息

45、？为什么需要这些信息？怎样使用这些信息？谁需要这些信息？为什么需要这些信息？怎样使用这些信息？3)3)需要包含哪些特殊的信息需要包含哪些特殊的信息? ?4)4)输出是打印、在屏幕显示还是两者都要？输出是打印、在屏幕显示还是两者都要？5)5)何时提供信息？需要经常更新信息吗？何时提供信息？需要经常更新信息吗？6)6)存在安全或者机密性问题吗？存在安全或者机密性问题吗？1.输出设计需要思考的问题输出设计需要思考的问题2.2 输出设计的内容93类型类型描述描述音频音频音频输出由语音或声音组成，能被数字化存音频输出由语音或声音组成，能被数字化存储，并且能重新产生可听信息。储，并且能重新产生可听信息。自

46、动传真自动传真自动传真系统允许用户通过传真请求和接收自动传真系统允许用户通过传真请求和接收特定信息。特定信息。计算机输出缩微胶卷计算机输出缩微胶卷计算机输出到镭射磁盘计算机输出到镭射磁盘E-Mail基于基于Internet其他专门的设备其他专门的设备销售点终端、销售点终端、ATM、绘图仪、数字照片等、绘图仪、数字照片等打印机打印机在各种类型的纸上打印文本和图片在各种类型的纸上打印文本和图片 屏幕屏幕在计算机工作站或在计算机工作站或PDA上显示文本和图片上显示文本和图片2.输出类型输出类型 P21094提供给用户的信息要进行格式设计。输出格式要满足使用者的提供给用户的信息要进行格式设计。输出格式

47、要满足使用者的 要求和习惯，达到格式清晰、美观、易于阅读和理解的要求。要求和习惯，达到格式清晰、美观、易于阅读和理解的要求。3.确定输出格式确定输出格式表格表格图形图形报告报告 95输出格式输出格式(1)：表格信息表格信息在表示事物的趋势、多方面因素的比较等方面有较大优势。在表示事物的趋势、多方面因素的比较等方面有较大优势。输出格式输出格式(2)：图形信息图形信息直方图直方图长裙长裙外套外套大衣大衣洋装洋装圆饼图圆饼图曲线图曲线图报表是最常用的一种输出形式。一般由报表是最常用的一种输出形式。一般由表头表头、表体表体和和表尾表尾组成。组成。输出格式输出格式(3)：报表报表/ /报告报告 P212

48、P212表头表头信息信息表体表体信息信息表尾表尾信息信息1.1.细节报告细节报告细节报告细节报告为每个记录产生一行或多行输出，打印输出为每个记录产生一行或多行输出，打印输出的每一行叫做的每一行叫做细节行细节行。细节行细节行细节报告细节报告的另一种形式为的另一种形式为分组报告分组报告，它提供了更多的信息。，它提供了更多的信息。按按 商店号商店号 进行分组进行分组分组汇总分组汇总全部汇总全部汇总2.2.异常报告异常报告异常报告异常报告仅仅显示那些满足特定要求或条件的记录。仅仅显示那些满足特定要求或条件的记录。如本异常报告只显示那些有加班情况的雇员信息，而如本异常报告只显示那些有加班情况的雇员信息，

49、而不是列出所有雇员的信息。不是列出所有雇员的信息。1013.3.总结报告总结报告总结报告总结报告仅仅仅仅显示一些汇总信息而忽略细节信息显示一些汇总信息而忽略细节信息。一。一般地，中高层管理者使用的报告比低层雇员使用的报般地，中高层管理者使用的报告比低层雇员使用的报告要包括较少的细节。告要包括较少的细节。102103在输出设计上应尽量保持输出流内容和格式的统一性。在输出设计上应尽量保持输出流内容和格式的统一性。 同一内容的输出，对于显示器、打印机、文本文件和数据同一内容的输出，对于显示器、打印机、文本文件和数据库文件应具有一致的形式。库文件应具有一致的形式。注意事项注意事项尽量利用原系统的输出格

50、式，如果要修改，应与相关部门协尽量利用原系统的输出格式，如果要修改，应与相关部门协 商。商。输出表格要考虑系统发展的需要。输出表格要考虑系统发展的需要。1043 输入设计输入设计105有有正确的输入才有正确的输出正确的输入才有正确的输出输入界面是系统与用户交流的纽带输入界面是系统与用户交流的纽带在正确的前提下，应做到输入方法简单、迅速、经在正确的前提下，应做到输入方法简单、迅速、经 济、方便。济、方便。输入设计的目标输入设计的目标是确保输入数据的质量、准确性和是确保输入数据的质量、准确性和 适时性。适时性。3 输入设计输入设计106输入设计主要决定输入设计主要决定怎样获取怎样获取数据并数据并输

51、入输入系统。系统。数据获取（数据获取（Data CaptureData Capture）使用自动或手动操作设备来识使用自动或手动操作设备来识 别数据，并将其转化成计算机可读的形式。别数据，并将其转化成计算机可读的形式。 如右图如右图数据输入（数据输入（Data EntryData Entry）是手动输入数据到信息系统的整是手动输入数据到信息系统的整 个过程，通常以键击或鼠标单击方式输入。个过程，通常以键击或鼠标单击方式输入。3 输入设计输入设计1073 输入设计3.1 输入设计的原则3.3 输入检验3.2 数据输入设备的选择3.4 输入格式的设计108控制输入量：控制输入量：仅输入必要的数据。

52、不输入系统不需要的数据。仅输入必要的数据。不输入系统不需要的数据。输入输入量越小，出错的机会越少，花费的时间越少，数据的一致性越好。量越小，出错的机会越少，花费的时间越少，数据的一致性越好。减少输入延迟：减少输入延迟：输入数据的速度往往成为提高信息系统运行效率的输入数据的速度往往成为提高信息系统运行效率的瓶颈，为减少延迟，可采用周转文件、批量输入等方式。瓶颈，为减少延迟，可采用周转文件、批量输入等方式。减少输入错误：减少输入错误：输入设计中应采用多种输入校验方法和有效性验证输入设计中应采用多种输入校验方法和有效性验证技术，减少输入错误。见技术，减少输入错误。见P267P267避免额外步骤：避免

53、额外步骤：在输入设计时，应尽量避免不必要的输入步骤，当在输入设计时，应尽量避免不必要的输入步骤，当步骤不能省略时，应仔细验证现有步骤是否完备、高效。步骤不能省略时，应仔细验证现有步骤是否完备、高效。输入过程尽量简化：输入过程尽量简化：输入设计在为用户提供纠错和输入校验的同时，输入设计在为用户提供纠错和输入校验的同时，必须保证输入过程简单易用，不能因为查错、纠错而使输入复杂化，必须保证输入过程简单易用，不能因为查错、纠错而使输入复杂化，增加用户负担。增加用户负担。3.1 输入设计的原则输入设计的原则控制输入量减少输入延迟减少输入延迟减少输入错误减少输入错误避免额外步骤避免额外步骤输入过程尽量简化

54、输入过程尽量简化1093 输入设计3.1 输入设计的原则3.3 输入检验3.2 数据输入设备的选择3.4 输入格式的设计110目前常用的输入设备有以下几种目前常用的输入设备有以下几种: : 1、读卡机、读卡机 2、键盘、键盘-磁盘输入装置磁盘输入装置 3、光电阅读器、光电阅读器 3.2 数据输入设备的选择手持扫描仪手持扫描仪4、终端输入、终端输入 5、声音识别仪、声音识别仪 1113.2 数据输入设备的选择112 输输入入设设备备 说说明明 生物设备 采集生物数据的设备，如指纹数据的、脸面特征数据等 数据采集设备 采集数据的固定或移动设备，如 ATM、仓库监控点、扫描器，POS 终端 数码设备

55、 以数字形式记录客观事物的设备，比如数码相机和摄象机，扫描仪等 电子白板 网络或程序中的能捕捉和存储在计算机中的记录软件，如 BBS 图形输入设备 如发光笔、图象采集器、手写书写板(含文字和图形) 残疾人的录入设备 比如盲文键盘、呼吸控制器、脚踏输入设备 网络工作站 通过网络接入的数据采集，比如 e-mail，数据交换或共享资源等 键盘 通过键盘输入数据， 是最常用的输入方法， 但也是最容易产生错误的方法 鼠标 与图形用户接口（Graphical User Interfaces,GUI）连接的数据输入设备，通常和与键盘结合，简化数据的输入 音频输入 主要通过话筒、电话、麦克风等工具进行输入 触

56、摸屏 是一种光记号识别技术，主要通过扫描记录数据。 磁性墨水 用于磁卡和字符输入，如银行活期存折、信用卡等。 视频输入 以数字视频形式的输入，如网络视频的流媒体、录象机的视频等 无线或电话录入 采用有线或无线的录入方式，比如蓝牙、Modem、物流系统的无线射频录入等 1133 输入设计3.1 输入设计的原则3.3 输入检验3.2 数据输入设备的选择3.4 输入格式的设计1143.3 输入检验输入检验1.输入错误的种类输入错误的种类数据获取过程中发生的错误数据获取过程中发生的错误，如原始凭证丢失、填写不准确、，如原始凭证丢失、填写不准确、凭证传递延误等，这些主要依靠建立严格的管理制度来解决。凭证

57、传递延误等，这些主要依靠建立严格的管理制度来解决。输入数据阶段产生的错误输入数据阶段产生的错误，如录入员的错读、漏读、误操作，如录入员的错读、漏读、误操作等原因引起的数据错误。对这类错误，可以采用等原因引起的数据错误。对这类错误，可以采用数据验证检查数据验证检查（Data Validation CheckData Validation Check）来解决。来解决。数据验证检查数据验证检查通过测试通过测试数据，丢弃任何不满足指定条件数据的方式，提高了输入质量。数据，丢弃任何不满足指定条件数据的方式，提高了输入质量。1152.数据校验方法数据校验方法（1 1）顺序检查：）顺序检查：当数据应该以某种

58、预定义的顺序输入时使用当数据应该以某种预定义的顺序输入时使用顺序检查。例如，用户必须按数字顺序输入工作订单，那么无顺序检查。例如，用户必须按数字顺序输入工作订单，那么无序的订单数字表明出现了错误。序的订单数字表明出现了错误。（2 2）存在性检查：）存在性检查：例如，如果雇员记录需要身份证号，直到例如，如果雇员记录需要身份证号，直到输入合适的值时，存在性检查才允许用户保存记录。输入合适的值时，存在性检查才允许用户保存记录。（3 3）数据类型检查：）数据类型检查：数据类型检查是为了确保数据项与需要数据类型检查是为了确保数据项与需要的数据类型相符。例如，不能在数量字段输入字符等。的数据类型相符。例如

59、，不能在数量字段输入字符等。3.3 输入检验输入检验116（4 4）范围检查：）范围检查：范围检查范围检查是为了检查数据项是否落在指定的是为了检查数据项是否落在指定的最大最小值之间。例如，如商品的单价规定在最大最小值之间。例如，如商品的单价规定在5050元至元至10001000元范元范围内，若检查出存在超出此范围的数据，则出错。当验证检查围内，若检查出存在超出此范围的数据，则出错。当验证检查包括最大或最小值时（但不是两个都包括），则称为包括最大或最小值时（但不是两个都包括），则称为限制性检限制性检查查。例如，付款数必须要大于。例如，付款数必须要大于0 0。（5 5）合理性检查：）合理性检查：例

60、如，输入付款数为例如，输入付款数为0.050.05和和50,000,000.0050,000,000.00都会通过简单的限制性检查，但两个数值看起来反常（都会通过简单的限制性检查，但两个数值看起来反常（1 1个太个太小而另小而另1 1个则太大），系统会使用合理性检查要求录入人员进个则太大），系统会使用合理性检查要求录入人员进行确认。行确认。3.3 输入检验输入检验117（6）有效性检查：）有效性检查：用来检查数据项必须具有某些值。例如，用来检查数据项必须具有某些值。例如，如果存货系统有如果存货系统有20个有效的产品分类，则任何与其中一个分类个有效的产品分类，则任何与其中一个分类不相符的输入项在