06用户界面设计2

20 15 10 5 0
系列1
1
2
3
4
5
6
37
4．饼图 饼图通过圆和多个扇面来表示整体和部分以 饼图 通过圆和多个扇面来表示整体和部分以 及各部分在整体中所占的比例。 及各部分在整体中所占的比例。
38
6.7 屏幕界面结构设计
屏幕界面结构是由软件系统用户界面中 的所有屏幕界面构成的结构框架。 的所有屏幕界面构成的结构框架。一个软 件系统完整的用户界面可能由几百幅到几 千幅屏幕界面构成。 千幅屏幕界面构成。
19
6.5 数据输入设计
软件系统输入设计是从输入角度，通过对输 软件系统输入设计是从输入角度，通过对输 是从输入角度 入设备、输入方式、输入内容、输入形式、 入设备、输入方式、输入内容、输入形式、输 入编码、输入安全控制等方面的分析研究 等方面的分析研究， 入编码、输入安全控制等方面的分析研究，确 定出可行的输入设计方案。 定出可行的输入设计方案。 目的是根据软件系统目标和用户的特点， 目的是根据软件系统目标和用户的特点，确 是根据软件系统目标和用户的特点 定出使用户满意的输入设计方案。 定出使用户满意的输入设计方案。输入设计与 输出设计有密切的联系，需要综合考虑。 输出设计有密切的联系，需要综合考虑。
如，张小青：ZHIXIAOQING 张小青： 王文意： 王文意：WANGWENYI
27
③ 类型码 类型码是对一组具有相同特性的事物赋予的 类型码 是对一组具有相同特性的事物赋予的 统一编码。例如， 统一编码。例如， 35×30的蓝牛仔裤：101； × 的蓝牛仔裤 的蓝牛仔裤： ； 35×31的蓝牛仔裤：102； × 的蓝牛仔裤 的蓝牛仔裤： ； 41#鞋： 201； 鞋 ； 42#鞋： 202。 鞋 。
20
输入方式设计
1.输入方式的概念和形式 概念： 概念：输入方式是指在向软件系统输入数据 的过程中所采用的策略和形式。 的过程中所采用的策略和形式。 形式：批输入、 形式：批输入、联机输入和混合输入三种方 式。
21
2.输入方式设计 (1)．批输入方式 ． 概念：批输入方式也叫脱机输入方式， 概念：批输入方式也叫脱机输入方式，它是 指组织一批数据并集中输入到系统之中的输 入方式。 入方式。 输入步骤： 输入步骤： 收集一组相关数据； ①收集一组相关数据； ②把收集到的数据先存放 到磁带、磁盘等电子媒体上； 到磁带、磁盘等电子媒体上； ③把电子媒体上的一组 数据成批输入到系统之中。 数据成批输入到系统之中。
8
子窗口
只能显示在多文档窗 口中 不显示菜单和工具条 当关闭父窗口时也关 闭子窗口 例如， 例如， “学生基本 信息”子窗口， 信息”子窗口，“课 子窗口， 成绩” 程”子窗口，“成绩” 子窗口
9
弹出式窗口
弹出式窗口常由其他 窗口打开， 窗口打开，这个打开 它的窗口也是弹出式 窗口的父窗口。 窗口的父窗口。弹出 式窗口始终显示在父 窗口前面， 窗口前面，随父窗口 一起关闭。 一起关闭。 典型例子：查找窗口， 典型例子：查找窗口， 进度条窗口。 进度条窗口。
28
④ 混合码 混合码是可以表示事物多种特征的编码。 混合码是可以表示事物多种特征的编码。 是可以表示事物多种特征的编码 身份证号就是混合码， 身份证号就是混合码，它可以反映一个人所在 的省、 出生日期， 的省、县、乡，出生日期，性别以及在同一个 乡中的顺序编码号等特征。 乡中的顺序编码号等特征。
5
6
窗口一共有六种类型： 窗口一共有六种类型：
主窗口 子窗口 弹出式窗口 响应式窗口 多文档界面 MicroHelp的多文档界面 带MicroHelp的多文档界面
7
主窗口
控制菜单
不依赖于任何窗口而 独立存在的窗口， 独立存在的窗口，用 于打开其他窗口。 于打开其他窗口。 可以显示菜单， 可以显示菜单，但不 能显示工具条。 能显示工具条。 例如，登陆窗口， 例如，登陆窗口，登 陆成功后打开主界面 窗口。 窗口。
32
2．汇总表 汇总表反映业务活动的综合信息。 汇总表反映业务活动的综合信息。 反映业务活动的综合信息
33
3．分析表 分析表反映信息的对比和分析情况。 分析表反映信息的对比和分析情况。 反映信息的对比和分析情况
34
输出图表
1．散点图 散点图用来表现数据变化趋势和规律 ， 散点图 用来表现数据变化趋势和规律， 企 用来表现数据变化趋势和规律 业管理通常用散点图反映业务过程的历史数据， 业管理通常用散点图反映业务过程的历史数据， 并预测业务未来的变化趋势。 并预测业务未来的变化趋势。
20 15 10 5 0 0
5
10
15
20
25
35
2．折线图 折线图用来反映一定时间区间内数据变化的波 折线图用来反映一定时间区间内数据变化的波 动情况，折线图也可以表现数据的变化趋势。 动情况，折线图也可以表现数据的变化趋势。
15 10 5 0 1 2 3 4 5 6 7 8 9 10
36
3．条形图 条形图用来表现各分量之间的关联关系和比 条形图 用来表现各分量之间的关联关系和比 例关系。 例关系。
24
数据编码
1. 数据编码的概念和作用 概念：数据编码是由字母 是由字母、 概念：数据编码是由字母、数字或特殊字符组 成的一组编码序列， 成的一组编码序列，是用来标记和描述软件系 统中的有关事物的，简称编码。 统中的有关事物的，简称编码。 作用：提高数据输入的效率和惟一性。 作用：提高数据输入的效率和惟一性。 类型：顺序码、特征码、 类型：顺序码、特征码、类型码和混合码四种 类型。 类型。
18
对话
对话框) 对话 (对话框 是系统在必要时显示于屏幕 对话框 上一个矩形区域内的图形和正文信息。 上一个矩形区域内的图形和正文信息。通 过对话，实现用户和系统之间的通信。 过对话，实现用户和系统之间的通信。 可以用来在系统的执行过程中， 可以用来在系统的执行过程中，给出某种 警告或提示信息。 警告或提示信息。
12
菜单(menu)界面的设计 菜单(menu)界面的设计 (menu)
菜单(Menu)是由系统显示给用户的一 菜单(Menu)是由系统显示给用户的一 (Menu) 种可选项目的列表, 种可选项目的列表,用户可以从中选择一 项要做的工作。 项要做的工作。
按照显示的形象或样式分类
13
正文菜单 在屏幕上成行或成列地排好。 在屏幕上成行或成列地排好。 图标菜单 是安置在一个小方框之中的一幅象形的或表 意的图画。图标更形象、更直观。 意的图画。图标更形象、更直观。 正文和图标混合的菜单 从屏幕上看，它还是由字符串构成。 从屏幕上看，它还是由字符串构成。只不过 在字符串的前端或末端缀有图标。 在字符串的前端或末端缀有图标。
3
窗口
窗口(Window)也叫 窗口(Window)也叫 (Window) 窗体， 窗体，是屏幕界面 上带有边界的矩形 区域， 区域，用户通过窗 口与系统进行交互 处理。 处理。
4
习惯上把窗口视为虚拟屏幕， 习惯上把窗口视为虚拟屏幕，显示器屏幕 虚拟屏幕 称为物理屏幕 物理屏幕。 称为物理屏幕。 在同一物理屏幕上又可以设置多个窗口， 在同一物理屏幕上又可以设置多个窗口， 各个窗口可以由不同的系统或系统成分分 别使用
第六章
用户界面设计
信息管理学教研室司莹莹源自6.4 界面设计的基本类型
选用界面形式的考察依据： 选用界面形式的考察依据： 使用的难易程度 学习的难易程度 操作速度 复杂程度 控制 开发的难易程度
2
界面框架(Frame) 界面框架(Frame)
界面框架：是一个屏幕界面的总构架， 界面框架：是一个屏幕界面的总构架，所 有屏幕控件都建立在界面框架之中。 有屏幕控件都建立在界面框架之中。
31
输出报表
1．明细表 明细表用来反映在确定的时间范围内事务活动 明细表用来反映在确定的时间范围内事务活动 的详实情况，它强调对信息反映的详实性。 的详实情况，它强调对信息反映的详实性。
学生选修课程明细表 2009年第 学期 年第1学期 年第 姓名 学号 345225612 赵兰 345225612 赵兰 345225613 李晓 345225613 李晓 345225614 张木 345225614 张木 打印日期： 打印日期：2009.9 课 程 周学时 4 C语言 语言 4 计算机原理 6 数据结构 4 计算机原理 4 C语言 语言 4 计算机原理 节次 2 1 2 1 2 1
14
15
按屏幕位置和操作风格来分类
固定位置菜单 固定位置菜单每次总是在屏幕的相对固定 的位置出现。 的位置出现。 浮动位置菜单 浮动位置菜单(弹出式菜单 。其主要特点是： 浮动位置菜单 弹出式菜单)。其主要特点是： 弹出式菜单 仅当系统需要时， 仅当系统需要时，它才被瞬时显示出来供 用户选用， 用户选用，完成使命后它立即从屏幕上消 失。
610123631212887
顺序码， 顺序码，男性 出生日期 乡 县市 省
29
通过以下方法来减少用户输入的工作量
对共同的输入内容设置默认值 使用代码和缩写 自动填入已输入过的内容或需要重复输入 的内容 如果输入内容是来自一个有限的备选集， 如果输入内容是来自一个有限的备选集， 可以采用列表选择或指点方式
30
6.6 数据显示设计
信息的输出途径：屏幕输出、报表输出和 信息的输出途径：屏幕输出、报表输出和 其它途径输出。 其它途径输出。 屏幕输出又可分为文本输出、图表输出、 屏幕输出又可分为文本输出、图表输出、 文本输出 图形图像输出和音频输出等形式 等形式， 图形图像输出和音频输出等形式，屏幕输出 可通过屏幕界面的方式来组织。 可通过屏幕界面的方式来组织。
22
(2)．联机输入方式
联机输入方式是在业务处理过程中， 联机输入方式是在业务处理过程中，边输入数据边处 理数据的一种数据输入方式。 理数据的一种数据输入方式。