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用户界面的设计,尤其是数据输入界面的设计,直接影响到用户使 用系统的效率。特别是输入数据量大时,主要考虑提高输入速度。 1、数据输入界面设计 数据输入界面设计是系统的一个重要组成部分,一个好的输入界面应 该尽可能方便而有效地进行数据输入。 采用对相同内容输入设置默认值(缺省值)、自动填入 、列表或点 击选择 应以操作简便为主要原则。 常常考虑确定输入、交互动作、确定删除、提供反馈数据等
3.7.3|/0用户界面设计 10用户界面设计 2、输出界面设计 数据输出界面设计,首先应该了解数据显示的要求,选择适当的显示 内容和显示的形式。 (1)显示内容选择的原则是: 只选择必需的数据显示,联系紧密的数据应一起显示,每一屏数据 的数量,不超过整个屏幕的30%。 (2)安排显示结构的规则 数据安排要方便用户使用,要提供明了的提示帮助信息
2、输出界面设计 数据输出界面设计,首先应该了解数据显示的要求,选择适当的显示 内容和显示的形式。 只选择必需的数据显示,联系紧密的数据应一起显示 ,每一屏数据 的数量 ,不超过整个屏幕的30%。 数据安排要方便用户使用,要提供明了的提示帮助信息。 3.7.3 I/O用户界面设计 /O用户界面设计