第8章界面设计.

《第8章界面设计.》由会员分享，可在线阅读，更多相关《第8章界面设计.（113页珍藏版）》请在金锄头文库上搜索。

1、第8章 界面设计,8.1 概述 8.2 界面需求分析 8.3 输入设计 8.4 输出设计 8.5 屏幕界面设计,8.1 概 述,8.1.1 用户界面的概念 用户界面(User Interface)是对用户与系统之间进行交互所采用的方式、途径、内容、布局及结构的总称，用户界面也叫人机界面、人机接口、人机输入输出或人机交互界面等。,用户界面的不同观点： 开发者：用户界面是信息系统与用户的交流渠道，是系统向用户展示功能的界面，是开发工作的一个方面。 用户：用户界面就是信息系统的全部和信息系统本身。 通过主机、显示器、键盘、鼠标等物件构成了对信息系统的物理印象； 通过窗口、菜单、控件，声音构成了对信息

2、系统感知印象； 通过所反映问题域中的客户、产品、定单、图表、输入、修改等事物和功能形成对信息系统的概念印象。,用户界面的形式： 输入界面：用户向系统输入信息的人机界面； 输出界面：系统向用户展示信息、功能和作用的人机界面； 输入输出界面：同时能够进行输入、输出处理的混合界面，用户界面更多的是混合型的输入输出界面。 用户界面还涉及到人机交互方式、人机交互流程、输入输出设备和媒体等内容。,8.1.2 用户界面发展的三个阶段 1命令用户界面 命令用户界面也称为命令行用户界面(Command Line User Interface)，它是从字符显示终端出现到20世纪80年代中期人机交互界面的主要形式。

3、用户通过系统提供的命令语言使用系统，在字符终端上显示命令接收状态，系统从字符终端上接收用户输入的操作命令，并对命令进行解释执行，最后把命令处理结果输出给用户。,2图形用户界面 图形用户界面GUI（Graphics User Interface）被称为第二代用户界面，也是目前人机交互采用的主要人机界面方式。 与命令用户界面相比，图形用户界面人机交互的自然性和效率都有较大的提高。但是,图形用户界面属于二维界面，与人之间的信息通信方式主要依靠手和眼，与人之间进行信息交互的途径和方式仍然存在局限性。,3多通道用户界面 为使人机交互能够更自然化，支持时变媒体，实现三维、非精确及隐含的人机交互，随着虚拟现

4、实技术的研究和发展，近年来提出了多通道用户界面的概念。在多通道用户界面中，人与机器被看成主动参与者，通过虚拟现实环境，人机以自然的通信方式进行交流。在这种方式下，用户可以使用自然的交互方式，如语音、手势、眼神、表情、指点等与系统进行协作工作。,8.1.3 用户界面设计的原则 合理性：指在用户界面设计过程中应该尽量做到全面、系统、客观、美观和协调。 有效性：指用户界面设计应该作到界面友好、操作方便、快速高效、一致规范、灵活适应。 安全性：指设计的用户界面保证系统的数据、操作和功能被可靠使用的能力。包括使用权限的设置、检测、保护和修改，对错误的诊断、报告、纠正和保护，以及对输入数据的正确性检查、报

5、告和纠错等方面的能力。,8.1.4 用户界面设计的工作 包括界面需求分析、输入设计、输出设计、屏幕界面设计和编写用户手册等工作，见图8.1。,图8.1 输入输出界面设计的工作,8.2 界面需求分析,界面需求分析是从人机交互处理的角度，对人机交互处理过程所反映的系统功能和信息的交互处理需求、界面的分布、人机交互方式、人机交互流程、输入输出设备及工作性质和用户特征等方面所做的分析工作。界面需求分析的依据是系统需求文档。界面需求分析是用户界面设计工作的基础，其包含的工作见图8.2。,图8.2 界面分析的工作,1交互需求分析 收集、分析、整理信息系统和用户之间所存在的人机交互处理的需要和内容； 分析的

6、主要依据是系统需求文档； 分析用例图和顺序图中参与者与系统交互的内容； 用对话设计的形式描述出交互需求。,2界面分布分析 从总体上确定信息系统中各节点的类型、构成和分布情况，设计的所有用户界面将来就要分布在这些节点上。 主要依据是系统结构设计中的系统节点分布。 3交互方式分析 确定信息系统各个节点所采用的人机交互方式。 有联机、脱机和混合交互方式。 对采用混合方式的节点还要确定具体的联机方式处理和脱机方式处理的分工和时间分配。,4交互流程分析 交互流程指人机交互过程的顺序程式； 交互流程分为固定流程和随机流程两种形式； 交互流程分析可以在对话设计的基础上进行，每一个对话设计本身就已经描述了人机

7、交互的过程和顺序，但对话设计只是描述一个个单一功能的交互过程，没有反映具有复合功能的完整业务的交互流程。因此需要我们从完整的业务处理过程的需要出发，设计出所有交互的固定流程。,5输入输出设备分析 各节点上的输入输出设备的类型、性能进行分析。因为交互处理工作最后就要落实到各个具体的输入输出设备上，交互处理所采用的设备性能会加强或制约输入输出效果。例如： 在字符终端上就显示不出图形； 激光打印机虽然具有很高的打印质量，但打印速度不高。 CCD手持式条形码扫描仪比笔式条形码扫描仪的识别率高。,6用户分析 对用户类型及其喜好、习惯等特征进行认真分析，以设计出满足用户需要的用户界面。 把用户分为： 外行

8、型 初学型 熟练型 专家型 根据不同的用户类型进行界面设计。,8.3 输入设计,信息系统输入设计是从输入角度，通过对输入设备、输入方式、输入内容、输入形式、输入编码、输入安全控制等方面的分析研究，确定出可行的输入设计方案。 目的是根据信息系统目标和用户的特点，确定出使用户满意的输入设计方案。输入设计与输出设计有密切的联系，需要综合考虑。,8.3.1 输入方式设计 1.输入方式的概念和形式 概念：输入方式是指在向信息系统输入数据的过程中所采用的策略和形式。 形式：批输入、联机输入和混合输入三种方式。,2.输入方式设计 (1)批输入方式 概念：批输入方式也叫脱机输入方式，它是指组织一批数据并集中输

9、入到系统之中的输入方式。 设计步骤： 收集一组相关数据； 把收集到的数据先存放到磁带、磁盘等电子媒体上。 把电子媒体上的一组数据成批输入到系统之中。,(2)联机输入方式 联机输入方式是在业务处理过程中，边输入数据边处理数据的一种数据输入方式。学生食堂售饭系统数据输入就采用联机输入方式，数据输入和卖饭业务是同时进行的。 (3)混合输入方式 是批输入和联机输入相结合的方式。超市售货系统就采用混合方式。结账台采用联机方式，每天在确定的时候POS机再成批地把数据发送到中心数据库中。,8.3.2 输入表单设计 输入表单设计应考虑的方面： 首先，内容的完整性：把本用例或本界面的输入数据全部包括在所设计的表

10、单之中； 其次，数据的一致性：表单中不应该出现冗余数据或派生的数据； 最后，规范合理性：表单格式应该简单、规范，符合用户习惯。 图8.3是书店信息系统中的图书订单表单格式。,图8.3 书店信息系统的图书订单,8.3.3 数据编码 1. 数据编码的概念和作用 概念：数据编码是由字母、数字或特殊字符组成的一组编码序列，是用来标记和描述信息系统中的有关事物的，简称编码。电话号码、学生编号、产品编码、银行账户编码、信用卡编码、车辆编号、汽车牌照号等都是数据编码。 作用：提高数据输入的效率和惟一性。 类型：顺序码、特征码、类型码和混合码四种类型。,2. 数据编码的类型 顺序码 按照事物的时间顺序所进行的

11、编码。 如，某学生编码是“0000123324”，表示该生报到顺序是第123324个。 特征码 特征码是按照事物的某一方面的固有特征所具有的顺序进行的编码。 如，按照学生名字的汉语拼音顺序对学号编码。 顺序码基于事物发生的时间顺序，特征码按照事物固有特征进行编码。, 类型码 类型码是对一组具有相同特性的事物赋予的统一编码。例如，服装商店要按照不同的尺码、款式、颜色、种类来标记服装，像3530的蓝牛仔裤、3531的蓝牛仔裤等。可以给3530的蓝牛仔裤赋予101编码，给3531的蓝牛仔裤赋予102编码。 混合码 混合码是可以表示事物多种特征的编码。身份证号就是混合码，它可以反映一个人所在的省、县、

12、乡，出生日期，性别以及在同一个乡中的顺序编码号等特征。通常企业编码、汽车车辆编码、产品编码都是混合码。,8.3.4 输入安全性设计 1.输入安全性涉及的因素 输入设备、输入数据、输入规程、输入权限、输入人员都会影响输入的安全性，因此，输入安全性应该考虑多方面的因素。 2.输入数据正确性检查 输入数据正确性检查是输入安全性的一方面内容。数据检查由人工和系统两方面承担。 人工检查是指在输入数据之前，由检查人员对要输入的数据进行检查。要求对采集和整理的数据认真进行核对检查，以保证数据的正确性。,自动检查：通过系统中设计的输入数据错误检查程序对输入的数据自动进行正确性检查。 例如，为了保证人员档案数据

13、中邮政编码的正确性，可以在系统中装配一个国家和地区邮政编码数据库，把输入的每一个人的邮政编码和地区与数据库中正确的邮政编码进行对照检查，这样就能够保证人员邮政编码的正确性。 注意：保证输入正确性一方面要由系统来进行检查，但更需要输入人员认真而仔细的检查，因为信息系统不能自动检查出所有输入问题。例如，智能化再高的系统也不可能知道一个人的名字是“赵蓝”而不是“赵晓”。,2.输入数据检查技术 校验数位 校验数位常常被用在对银行信用卡、存款账户、盘存物品号、客户和会员账户的检查。其含义是通过一种算法对原编码进行计算得出一个数字，然后把这个数字与原编码结合起来组成输入编码，并对输入编码按照给定的算法进行

14、检查。, 相关检查 相关检查的含义是用事物两个或多个相关属性来检查输入数据。例如，城市与国家，城市与省，地区与它的邮政编码等。通常，一个城市肯定属于一个确定的国家和省，而一个国家或省(地区)也有它确定的邮政编码。通过对事物相关属性进行检查，可以提高输入数据的正确性。, 界限检查 界限和范围检查一般用于数字型输入数据。界限包括下界和上界，输入必须大于或等于下界，而小于或等于上界。例如，输入数据的下界是1，上界是10，则输入数据应该大于或等于1，小于或等于10。有时可以省略下界或上界，这样输入的数据的自由度会更大一些。例如，大于0作为下界，而没有上界。, 完整性检查 完整性检查用来保证输入数据的完

15、整性，以避免在输入过程中漏掉必要的输入数据项。例如，人员档案数据包括姓名、住址、城市、国家、邮政编码等数据，完整性检查就要检查人员档案数据是否已经完整地输入了这些数据项。,8.4 输 出 设 计,输出设计概念：信息系统输出设计是从信息输出角度，通过对输出设备、输出内容、输出界面、输出控制等方面的分析研究，确定出可行的输出设计方案。输出设计与输入设计有密切的联系。 信息的输出途径：屏幕输出、报表输出和其它途径输出。 屏幕输出又可分为文本输出、图表输出、图形图像输出和音频输出等形式。屏幕输出又可通过屏幕界面的方式来组织。,8.4.1 输出信息的类型及区别 1输出信息系统类型 内部信息 内部信息是由

16、信息系统所属的组织内部人员使用的信息。例如，教师用的学生名册，销售人员看到的销售报表等都属于内部信息。 外部信息 外部信息是由信息系统所属的组织外部人员使用的信息。例如，企业向上级主管部门上报的各种统计报表就属于外部信息。,2. 内外部信息的区别 内部信息具有机密性，只限于组织内部。 外部信息的输出形式应该比内部信息规范。因为外部信息是向组织外部提供的，其表示形式应该精细、讲究。例如，采用高质量的激光或彩色打印机输出，在报表上打印出企业商标，用规则的带网格线的报表输出信息，使用阴影和加框等方法以提高输出效果等。,8.4.2 输出报表 1明细表 明细表用来反映在确定的时间范围内事务活动的详实情况，它强调对信息反映的详实性。 图8.4的学生选修课程明细表反映赵兰等同学2002年第2学期每一门课程的选修情况。在明细表中也会出现一些冗余信息和汇总信息。,图8.4 明细表,学生选修课程明细表,2002