第五章 界面设计及详细设计

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

1、 第五章 界面设计*5.1 概述 5.2 界面需求分析 5.3 输入设计 5.3.1 输入方式设计5.3.2 输入表单设计5.3.3 数据编码5.3.4 输入安全性设计 5.4 输出设计 5.4.1 输出信息的类型及区别5.4.2 输出报表5.4.3 输出图表 5.5 屏幕界面设计 5.5.1 屏幕界面设计的准则5.5.2 图形屏幕界面5.5.3 屏幕界面结构设计5.5.4 对话设计5.5.5 屏幕界面设计及界面建模 5.6 详细设计第五章 界面设计*库存系统模块库存系统模块新建物资 入库 出库统计查询 基本操作 报表系统入库报表 出库报表 保管帐报表入库 出库 库存系统管理初始化 用户管理

2、下月结转 物资类别 部门 供应商定义第五章 界面设计*第五章 界面设计*第五章 界面设计*第五章 界面设计*第五章 界面设计*5.1 概述 5.1.1 用户界面的概念用户界面(User Interface)是对用户与系统之 间进行交互所采用的方式、途径、内容、布局及结 构的总称，用户界面也叫人机界面、人机接口、人 机输入输出或人机交互界面等。第五章 界面设计*用户界面的不同观点：开发者：用户界面是信息系统与用户的交流渠道，是系 统向用户展示功能的界面，是开发工作的一个方面。用户：用户界面就是信息系统的全部和信息系统本身。通过主机、显示器、键盘、鼠标等物件构成了对信息 系统的物理印象；通过窗口、

3、菜单、控件，声音构成了对信息系统感知 印象；通过所反映问题域中的客户、产品、定单、图表、输 入、修改等事物和功能形成对信息系统的概念印象。第五章 界面设计*用户界面的形式：输入界面：用户向系统输入信息的人机界面；输出界面：系统向用户展示信息、功能和作用的 人机界面；输入输出界面：同时能够进行输入、输出处理的 混合界面，用户界面更多的是混合型的输入输出界面 。用户界面还涉及到人机交互方式、人机交互流程 、输入输出设备和媒体等内容。第五章 界面设计*系统访问控制-用户登录部控制：完整性控制：系统内部的机制和程序，用来保护系统和系统内的信息。完整性控制目标：确保所有重要的商业交易，即没有丢失交易或输

4、入错误的或欺诈性交易；确保交易被正确地记录和处理；保护组织的资产，记录由于计算机崩溃或异常灾害丢失的信息。系统访问控制：确定谁有权访问系统及其数据的完整性控制。第五章 界面设计*系统访问控制-用户登录部控制：未授权用户：无权访问系统的用户。注册用户：已注册或系统已知的并被授权可以访问系统某一部分的用户。特权用户：对系统有特殊安全访问权限的用户。第五章 界面设计*第五章 界面设计*5.1.2 用户界面发展的三个阶段1) 命令用户界面命令用户界面也称为命令行用户界面，它是从字符显示终端出 现到20世纪80年代中期人机交互界面的主要形式。用户通过系统提 供的命令语言使用系统，在字符终端上显示命令接收

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

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

7、和保 护，以及对输入数据的正确性检查、报告和纠错等方 面的能力。第五章 界面设计*5.1.4 用户界面设计的工作包括界面需求分析、输入设计、输出设计、屏幕 界面设计和编写用户手册等工作，见下图。图 输入输出界面设计的工作 第五章 界面设计*5.2 界面需求分析界面需求分析是从人机交互处理的角度，对人 机交互处理过程所反映的系统功能和信息的交互处 理需求、界面的分布、人机交互方式、人机交互流 程、输入输出设备及工作性质和用户特征等方面所 做的分析工作。界面需求分析的依据是系统需求文档。界面需 求分析是用户界面设计工作的基础，其包含的工作 见下图。第五章 界面设计*图 界面分析的工作 第五章 界面

8、设计*1) 交互需求分析收集、分析、整理信息系统和用户之间所存在的人机交互处理的需要和内容；分析的主要依据是系统需求文档；分析用例图和顺序图中参与者与系统交互的内容；用对话设计的形式描述出交互需求。2) 界面分布分析从总体上确定信息系统中各节点的类型、构成和分布情况，设计的所有用户界面将来就要分布在这些节点上。主要依据是系统结构设计中的系统节点分布。第五章 界面设计*3) 交互方式分析确定信息系统各个节点所采用的人机交互方式。 有联机、脱机和混合交互方式。对采用混合方式的节点还要确定具体的联机方式处理和脱机方式处理的分工和时间分配。第五章 界面设计*4) 交互流程分析 交互流程指人机交互过程的

9、顺序程式；交互流程分为固定流程和随机流程两种形式；交互流程分析可以在对话设计的基础上进行，每一个对话设计本身就已经描述了人机交互的过程和顺序，但对话设计只是描述一个个单一功能的交互过程，没有反映具有复合功能的完整业务的交互流程。因此需要我们从完整的业务处理过程的需要出发，设计出所有交互的固定流程。第五章 界面设计*5) 输入输出设备分析各节点上的输入输出设备的类型、性能进行分析 。因为交互处理工作最后就要落实到各个具体的输入 输出设备上，交互处理所采用的设备性能会加强或制 约输入输出效果。例如：在字符终端上就显示不出图形；激光打印机虽然具有很高的打印质量，但打印速 度不高;CCD手持式条形码扫

10、描仪比笔式条形码扫描仪的识 别率高。第五章 界面设计*6) 用户分析对用户类型及其喜好、习惯等特征进行认真分析 ，以设计出满足用户需要的用户界面。把用户分为： 外行型 初学型 熟练型 专家型根据不同的用户类型进行界面设计。例如:驾校电脑的键盘就多种多样。第五章 界面设计*5.3 输入设计信息系统输入设计是从输入角度，通过对输入设 备、输入方式、输入内容、输入形式、输入编码、输 入安全控制等方面的分析研究，确定出可行的输入设 计方案。目的是根据信息系统目标和用户的特点，确定出 使用户满意的输入设计方案。输入设计与输出设计有 密切的联系，需要综合考虑。第五章 界面设计*5.3.1 输入方式设计1)

11、 输入方式的概念和形式 概念：输入方式是指在向信息系统输入数据的过程中所 采用的策略和形式。形式：批输入、联机输入和混合输入三种方式。第五章 界面设计*2) 输入方式设计(1) 批输入方式概念：批输入方式也叫脱机输入方式，它是指组织一批数据并集中输入到系统之中的输入方式。设计步骤： 收集一组相关数据； 把收集到的数据先存放到磁带、磁盘等电子媒体上。 把电子媒体上的一组数据成批输入到系统之中。第五章 界面设计*(2) 联机输入方式联机输入方式是在业务处理过程中，边输入数据 边处理数据的一种数据输入方式。学生食堂售饭系统 数据输入就采用联机输入方式，数据输入和卖饭业务 是同时进行的。 (3) 混合

12、输入方式是批输入和联机输入相结合的方式。超市售货系 统就采用混合方式。结账台采用联机方式，每天在确 定的时候POS机再成批地把数据发送到中心数据库中 。第五章 界面设计*5.3.2 输入表单设计输入表单设计应考虑以下几个方面： 内容的完整性：把本用例或本界面的输入数据全 部包括在所设计的表单之中； 数据的一致性：表单中不应该出现冗余数据或派 生的数据； 规范合理性：表单格式应该简单、规范，符合用 户习惯。下图是书店信息系统中的图书订单表单格式。第五章 界面设计*图 书店信息系统的图书订单 第五章 界面设计*5.3.3 数据编码1) 数据编码的概念和作用概念：数据编码是由字母、数字或特殊字符组成

13、的一组编码序列，是用来标记和描述信息系统中的有关事物的，简称编码。电话号码、学生编号、产品编码、银行账户编码、信用卡编码、车辆编号、汽车牌照号等都是数据编码。作用：提高数据输入的效率和惟一性。类型：顺序码、特征码、类型码和混合码四种类型。第五章 界面设计*2) 数据编码的类型 顺序码按照事物的时间顺序所进行的编码。如，某学生编 码是“0000123324”，表示该生报到顺序是第123324个。 特征码特征码是按照事物的某一方面的固有特征所具有的顺序进行的编码。如，按照学生名字的汉语拼音顺序对 学号编码。顺序码基于事物发生的时间顺序，特征码按照事物固有特征进行编码。第五章 界面设计* 类型码类型

14、码是对一组具有相同特性的事物赋予的统一编 码。例如，服装商店要按照不同的尺码、款式、颜色、 种类来标记服装，像3530的蓝牛仔裤、3531的蓝牛 仔裤等。可以给3530的蓝牛仔裤赋予101编码，给 3531的蓝牛仔裤赋予102编码。 混合码混合码是可以表示事物多种特征的编码。身份证号 就是混合码，它可以反映一个人所在的省、县、乡，出 生日期，性别以及在同一个乡中的顺序编码号等特征。 通常企业编码、汽车车辆编码、产品编码都是混合码。 第五章 界面设计*5.3.4 输入安全性设计1) 输入安全性涉及的因素 输入设备、输入数据、输入规程、输入权限、输入人员都会影响输入的安全性，因此，输入安全性应该考

15、 虑多方面的因素。2) 输入数据正确性检查输入数据正确性检查是输入安全性的一方面内容。数据检查由人工和系统两方面承担。人工检查是指在输入数据之前，由检查人员对要输入的数据进行检查。要求对采集和整理的数据认真进行 核对检查，以保证数据的正确性。第五章 界面设计*自动检查：通过系统中设计的输入数据错误检查程 序对输入的数据自动进行正确性检查。例如，为了保证人员档案数据中邮政编码的正确性 ，可以在系统中装配一个国家和地区邮政编码数据库， 把输入的每一个人的邮政编码和地区与数据库中正确的 邮政编码进行对照检查，这样就能够保证人员邮政编码 的正确性。注意：保证输入正确性一方面要由系统来进行检查 ，但更需

16、要输入人员认真而仔细的检查，因为信息系统 不能自动检查出所有输入问题。例如，智能化再高的系 统也不可能知道一个人的名字是“赵蓝”而不是“赵晓” 。第五章 界面设计*2) 输入数据检查技术 校验数位校验数位常常被用在对银行信用卡、存款账户、 盘存物品号、客户和会员账户的检查。其含义是通过 一种算法对原编码进行计算得出一个数字，然后把这 个数字与原编码结合起来组成输入编码，并对输入编 码按照给定的算法进行检查。 第五章 界面设计* 相关检查相关检查的含义是用事物两个或多个相关属性来 检查输入数据。例如，城市与国家，城市与省，地区 与它的邮政编码等。通常，一个城市肯定属于一个确 定的国家和省，而一个国家或省(地区)也有它确定的 邮政编码。通过对事物相关属性进行检查，可以提高 输入