7用户界面设计 37用户界面设计 随着各种应用软件的面市,作为人机接口的用户界面具有越来越 重要的作用,用户界面是否友好直接影响到软件的寿命与竞争力。因 此,对用户界面的设计必须予以足够的重视。 本节将对用户界面设计中的主要问题进行讨论。 ●用户界面应具有的特性一什么是友好的用户界面。 用户界面设计的任务一用户界面设计应该完成的工作。 用户界面的基本类型一用户界面的工作模式
随着各种应用软件的面市，作为人机接口的用户界面具有越来越 重要的作用，用户界面是否友好直接影响到软件的寿命与竞争力。因 此，对用户界面的设计必须予以足够的重视。 本节将对用户界面设计中的主要问题进行讨论。 用户界面应具有的特性 — 什么是友好的用户界面。 用户界面设计的任务 — 用户界面设计应该完成的工作。 3.7 用户界面设计
37.1用户界面的特性及设计任务 371用户界面的特性及设计任务 一、用户界面应具有的特性 1、可使用性 ①使用简单。 ②用户界面中所用术语的标准化和一致性。 ③具有HELP功能。 ④快速的系统响应和低的系统成本。 ⑤具有容错能力。 2、灵活性 ①考虑用户的特点、能力、知识水平。 ②提供不同的系统响应信息。 ③提供根据用户需求制定和修改界面 3、界面的复杂性与可靠性 复杂性一界面规模及组织的复杂程度。应该愈简单愈好。 可靠性一指无故障使用的时间间隔。用户界面应该能够保 证用户正确、可靠地使用系统,及程序、数据的安全
1、可使用性 ① 使用简单。 ② 用户界面中所用术语的标准化和一致性。 ③ 具有HELP功能。 ④ 快速的系统响应和低的系统成本。 ⑤ 具有容错能力。 2、灵活性 ① 考虑用户的特点、能力、知识水平。 ② 提供不同的系统响应信息。 ③ 提供根据用户需求制定和修改界面。 3、界面的复杂性与可靠性 复杂性—界面规模及组织的复杂程度。应该愈简单愈好。 可靠性—指无故障使用的时间间隔。用户界面应该能够保 证用户正确、可靠地使用系统，及程序、数据的安全。 3.7.1 用户界面的特性及设计任务
37.1用户界面的特性及设计任务 用户界面设计的任务 这部分工作应该与软件需求分析同步进行。包括以下内容: 1、用户特性分析一用户模型 了解所有用户的技能和经验,针对用户能力设计或更改界面。从以 下方面分析: 用户类型一通常分为:外行型、初学型、熟练型、专家型。 ●用户特性度量一与用户使用模式和用户群体能力有关。 包括:用户使用频度、用户用机能力、用户的知识、思维能力等。 2、用户界面的任务分析一任务模型(DFD图) 是对系统内部活动的分解,不仅要进行功能分解(用DFD图描述), 还要包括与人相关的活动。每个加工即一个功能或任务。 3、确定用户界面类型
了解所有用户的技能和经验，针对用户能力设计或更改界面。从以 下方面分析： 用户类型 — 通常分为：外行型、初学型、熟练型、专家型。 用户特性度量 — 与用户使用模式和用户群体能力有关。 包括：用户使用频度、用户用机能力、用户的知识、思维能力等。 这部分工作应该与软件需求分析同步进行。包括以下内容： 是对系统内部活动的分解，不仅要进行功能分解（用DFD图描述）， 还要包括与人相关的活动。每个加工即一个功能或任务。 3.7.1 用户界面的特性及设计任务
3.7.2用户界面的基本类型 372用户界面的基本类型 从用户角度出发,用户界面设计的类型主要有问题描述语言,数据 表格、图形与图标、菜单、对话框及窗口等。每一种类型都有不同的特 点和性能。讨论以下类型:菜单、图象、对话框和窗口。 1、菜单(menu) Windows Update 按照显示方式 万能五笔 正文菜单图标菜单、正文和图标混合菜单,如→回 0 ffice文档 “开始”菜单。 打开0 ffice文档 ●按屏幕位置和操作风格 程序① 固定位置、浮动位置(弹出)、下拉式、嵌入式 来】收藏夹() 文档 F-E: \matheai\database\zs: [SCREENSTEPS]-CAIPrepare 统()称动)错视图口⑦)选项@)调试①)帮助0 设置) 囗回副遭步m回回删x 查找① 逻辑屏·新增一讲 帮助0 讲 册除本讲⑩) 高数CA 8x运行③ 高数C课牛船除本课 高数CA 文字〔)P >|由要极限概念 注销 中二次曲面 中二次曲面 Qp关闭系统 由骃二重积 由二重积分 混合菜单 固定及下拉菜单
正文菜单、图标菜单、正文和图标混合菜单，如 “开始”菜单。 从用户角度出发，用户界面设计的类型主要有问题描述语言，数据 表格、图形与图标、菜单、对话框及窗口等。每一种类型都有不同的特 点和性能。讨论以下类型： 固定位置、浮动位置（弹出）、下拉式、嵌入式 混合菜单 固定及下拉菜单 固定菜单 下拉菜单
3.7.2用户界面的基本类型 、图像 在用户界面中,加入丰富多彩的画面,将能够更加形象地为用户提供 有用的信息,以达到可视化的目的。主要的处理操作有:图像的隐蔽和再 现、屏幕滚动和图案显示、动画等。 韫影天地 重坪 彐分 Click for a FREE TRIAL! O 4=
在用户界面中，加入丰富多彩的画面，将能够更加形象地为用户提供 有用的信息，以达到可视化的目的。主要的处理操作有：图像的隐蔽和再 现、屏幕滚动和图案显示、动画等。 2、图 像
3.7.2用户界面的基本类型 3、对话框 3、对话框 对话框是在需要时,显示在屏幕上一个矩形区域内的图形和正文信息。 通过对话,实现系统和用户之间的通信 对话框显示的方式与弹出式菜单类似,即瞬时弹出。同时,系统还应 将对话框所覆盖的原图像进行保存,以便在对话结束后能立即恢复。 有三种对话形式: 安装 MAMCDS ●必须回答式 创建程序项 ●无需回答式 警告式 无需回答式对话框 瑞星警告 计笪表达式区 A 正在进行硬盘数据备份,您确定要退出吗? 表达式错误! 否 确定 必须回答式对话框 警告式对话框
对话框是在需要时，显示在屏幕上一个矩形区域内的图形和正文信息。 通过对话，实现系统和用户之间的通信。 对话框显示的方式与弹出式菜单类似，即瞬时弹出。同时，系统还应 将对话框所覆盖的原图像进行保存，以便在对话结束后能立即恢复。 有三种对话形式： 必须回答式 无需回答式 警告式 必须回答式对话框 无需回答式对话框 警告式对话框 3、对话框
3.7.2用户界面的基本类型 4、窗口( window) 图形学中称为视图区( Viewport),视为虚拟屏幕。一个实用窗口, 可包含部件: 菜单区( menu bar)。图标区( icon bar) 标题区( title bar)。移动区( move bar) 大小区( size bar)。退出区( quit bar) 用户工作区(user’ s work bar) 横向滚动区( horizontal scroll bar) 纵向滚动区( vertical scrol1bar)
图形学中称为视图区（Viewport），视为虚拟屏幕。一个实用窗口， 可包含部件： 菜单区（menu bar） 图标区（icon bar） 标题区（title bar） 移动区（move bar） 大小区（size bar） 退出区（quit bar） 用户工作区（user’s work bar） 横向滚动区（horizontal scroll bar） 纵向滚动区（vertical scroll bar） 4、窗口
3.7.2用户界面的基本类型 4、窗口( window) 下图描述了一个包括多个部件的窗口 标题区 菜单菜单区工作区大小区 退出区 )由①①)选择流(D视口p帮助 G厂调整窗口大小以满屏显示|「略调板 图 色域告shft+CtrH+Y 标 酸大( 满百布是示 打印尺寸 显示额外的 棱定参考线(3)Ak+CtH+ 铁定切片 模糊工风 E+厂 滚 动 区 1o0缩放 点按或拖移要增大的区城。按At键缩小 典开始曰E 找不到,园pA《 命名匆秋件工图.5,园[5围子函但国150
4、窗口（window） 下图描述了一个包括多个部件的窗口. 标题区 图 标 区 菜单区 大小区 退出区 滚 动 区 菜单 工作区 图3.61
3.7.3|/0用户界面设计 37390用户界面设计 I/0用户界面的设计,尤其是数据输入界面的设计,直接影响到用户使 用系统的效率。特别是输入数据量大时,主要考虑提高输入速度。 数据输入界面设计 数据输入界面设计是系统的一个重要组成部分,一个好的输入界面应 该尽可能方便而有效地进行数据输入。 (1)尽量减少输入工作量 釆用对相同内容输入设置默认值(缺省值)、自动填入、列表或点 击选择 2)输入屏幕与输入格式匹配 应以操作简便为主要原则。 (3)数据输入的一般规则 常常考虑确定输入、交互动作、确定删除、提供反馈数据等
3.7.3 I/O用户界面设计 I/O用户界面的设计，尤其是数据输入界面的设计，直接影响到用户使 用系统的效率。特别是输入数据量大时，主要考虑提高输入速度。 １、数据输入界面设计 数据输入界面设计是系统的一个重要组成部分，一个好的输入界面应 该尽可能方便而有效地进行数据输入。 采用对相同内容输入设置默认值（缺省值）、自动填入 、列表或点 击选择 应以操作简便为主要原则。 常常考虑确定输入、交互动作、确定删除、提供反馈数据等
3.7.3|/0用户界面设计 10用户界面设计 2、输出界面设计 数据输出界面设计,首先应该了解数据显示的要求,选择适当的显示 内容和显示的形式。 (1)显示内容选择的原则是: 只选择必需的数据显示,联系紧密的数据应一起显示,每一屏数据 的数量,不超过整个屏幕的30%。 (2)安排显示结构的规则 数据安排要方便用户使用,要提供明了的提示帮助信息
２、输出界面设计 数据输出界面设计，首先应该了解数据显示的要求，选择适当的显示 内容和显示的形式。 只选择必需的数据显示，联系紧密的数据应一起显示 ，每一屏数据 的数量 ，不超过整个屏幕的30%。 数据安排要方便用户使用，要提供明了的提示帮助信息。 3.7.3 I/O用户界面设计 /O用户界面设计