《信息系统分析与设计》课件第9章:详细设计下.ppt
《《信息系统分析与设计》课件第9章:详细设计下.ppt》由会员分享,可在线阅读,更多相关《《信息系统分析与设计》课件第9章:详细设计下.ppt(89页珍藏版)》请在文库网上搜索。
1、第 章 界面设计第第9 9章章 详细设计下详细设计下界面设计界面设计第 章 界面设计 概述概述 输入设计输入设计 输出设计输出设计 屏幕界面设计屏幕界面设计本章内容本章内容第 章 界面设计1 概概 述述 1.1 人机界面的概念人机界面的概念 人机界面人机界面(HMI,Human-Machine Interface),是人是人与机器进行交互的操作方式与机器进行交互的操作方式,即用户与机器相互传递信即用户与机器相互传递信息的媒介息的媒介,其中包括输入和输出,人机界面也叫用户界其中包括输入和输出,人机界面也叫用户界面。面。第 章 界面设计 1.2 人机界面的要素人机界面的要素 人机界面人机界面是在人
2、机系统中,人与机器的软件和硬是在人机系统中,人与机器的软件和硬件交汇的接口。件交汇的接口。软件人机界面人硬件第 章 界面设计 1.3 对人机界面的理解对人机界面的理解 1 1 开发者对人机界面的理解开发者对人机界面的理解 人机界面是信息系统与用户的交流渠道,是系统向用人机界面是信息系统与用户的交流渠道,是系统向用户展示功能的界面,是开发工作的一个方面。户展示功能的界面,是开发工作的一个方面。第 章 界面设计系统与用系统与用户交互的户交互的渠道渠道展现系统展现系统功能的手功能的手段段信息系统信息系统开发的一开发的一项工作项工作开发者看到的人机界面开发者看到的人机界面:第 章 界面设计 2 2 用
3、户对用户对人机界面的理解人机界面的理解 人机界面的物理特征人机界面的物理特征 用户首先感受到的用户界面是键盘、鼠标、触摸屏、打用户首先感受到的用户界面是键盘、鼠标、触摸屏、打印机等物理设备,对用户界面形成这些直观的物理印象特印机等物理设备,对用户界面形成这些直观的物理印象特征。征。办公桌椅,键盘,办公桌椅,键盘,鼠标,打印机,触鼠标,打印机,触摸屏,手册,书面摸屏,手册,书面表格等表格等第 章 界面设计 2 2 用户对用户对人机界面的理解人机界面的理解 人机界面的感知特征人机界面的感知特征 用户通过界面看到、听到、触摸到的所有东西(物理设用户通过界面看到、听到、触摸到的所有东西(物理设备除外)
4、。备除外)。窗口、菜单、对话窗口、菜单、对话框、按纽,直线、框、按纽,直线、图形,颜色,语言图形,颜色,语言等等第 章 界面设计 2 2 用户对用户对人机界面的理解人机界面的理解 人机界面的概念特征人机界面的概念特征 界面所表现的领域空间中的概念内容和软件空间的内容。界面所表现的领域空间中的概念内容和软件空间的内容。例如,客户、产品、订单、修改、打印、双击键盘。例如,客户、产品、订单、修改、打印、双击键盘。客户、产品、订单、客户、产品、订单、添加、删除、双击、添加、删除、双击、修改等修改等第 章 界面设计 用户看到的用户看到的人机界面人机界面:人机界面也就是信息系统的全部人机界面也就是信息系统
5、的全部!客户、产品、订客户、产品、订单、添加、删除、单、添加、删除、双击、修改等双击、修改等办公桌椅,键盘,鼠办公桌椅,键盘,鼠标,打印机,触摸屏,标,打印机,触摸屏,手册,书面表格等手册,书面表格等窗口、菜单、对话窗口、菜单、对话框、按纽,直线、框、按纽,直线、图形,颜色,语言图形,颜色,语言等等物理特征物理特征感知特征感知特征概念特征概念特征第 章 界面设计 1.4 人机界面研究涉及的知识领域人机界面研究涉及的知识领域 社会心理学人机界面媒体认知心理学语言学人类学生理学工程学图形艺术计算机科学第 章 界面设计 1.5 人机界面的发展人机界面的发展 1命令语言界面命令语言界面 命命令令语语言
6、言界界面面是是从从字字符符显显示示终终端端出出现现到到2020世世纪纪100100年年代中期人机交互界面的主要形式。代中期人机交互界面的主要形式。第 章 界面设计 1.5 人机界面的发展人机界面的发展 2菜单界面菜单界面 菜菜单单界界面面是是通通过过菜菜单单选选项项来来选选择择完完成成的的功功能能的的一一种种人机交互界面。人机交互界面。第 章 界面设计 3 3图形用户界面图形用户界面 图形用户界面图形用户界面GUIGUI(Graphics User InterfaceGraphics User Interface)被称为第二代用户界面,也是目前人机交互采用的主被称为第二代用户界面,也是目前人机
7、交互采用的主要人机界面方式。要人机界面方式。第 章 界面设计 4 4多通道用户界面多通道用户界面 多多通通道道用用户户界界面面是是虚虚拟拟现现实实技技术术带带来来的的未未来来人人机机界面交互形式。界面交互形式。用用户户可可以以使使用用自自然然的的交交互互方方式式,如如语语音音、手手势势、眼神、表情、指点等与系统进行协作工作。眼神、表情、指点等与系统进行协作工作。第 章 界面设计第 章 界面设计 1.6 用户界面设计的工作用户界面设计的工作 包包括括界界面面需需求求分分析析、输输入入设设计计、输输出出设设计计、屏屏幕幕界面设计和编写用户手册等工作,见下图。界面设计和编写用户手册等工作,见下图。第
8、 章 界面设计 2 输入设计输入设计 信息系统输入设计信息系统输入设计是从输入角度,通过对是从输入角度,通过对输入设输入设备备、输入方式输入方式、输入内容输入内容、输入形式输入形式、输入编码输入编码、输输入安全控制入安全控制等方面的分析研究,确定出可行的输入设等方面的分析研究,确定出可行的输入设计方案。计方案。目的目的是根据信息系统目标和用户的特点,确定出是根据信息系统目标和用户的特点,确定出使用户满意的输入设计方案。输入设计与输出设计有使用户满意的输入设计方案。输入设计与输出设计有密切的联系,需要综合考虑。密切的联系,需要综合考虑。第 章 界面设计 2.1 输入方式设计输入方式设计 1.1.
9、输入方式的概念和形式输入方式的概念和形式 概概念念:输输入入方方式式是是指指在在向向信信息息系系统统输输入入数数据据的的过过程中所采用的策略和形式。程中所采用的策略和形式。形式:形式:批输入、联机输入和混合输入三种方式。批输入、联机输入和混合输入三种方式。第 章 界面设计 2.2.输入方式设计输入方式设计 (1)批输入方式批输入方式 概概念念:批批输输入入方方式式也也叫叫脱脱机机输输入入方方式式,它它是是指指组组织一批数据并集中输入到系统之中的输入方式。织一批数据并集中输入到系统之中的输入方式。输入步骤:输入步骤:收集一组相关数据;收集一组相关数据;把收集到的数据先存把收集到的数据先存放到磁带
10、、磁盘等电子媒体上。放到磁带、磁盘等电子媒体上。把电子媒体上的一把电子媒体上的一组数据成批输入到系统之中。组数据成批输入到系统之中。第 章 界面设计 (2)(2)联机输入方式联机输入方式 联机输入方式是在业务处理过程中,边输入数据边联机输入方式是在业务处理过程中,边输入数据边处理数据的一种数据输入方式。学生食堂售饭系统数处理数据的一种数据输入方式。学生食堂售饭系统数据输入就采用联机输入方式,数据输入和卖饭业务是据输入就采用联机输入方式,数据输入和卖饭业务是同时进行的。同时进行的。第 章 界面设计 (3)(3)混合输入方式混合输入方式 是是批批输输入入和和联联机机输输入入相相结结合合的的方方式式
11、。超超市市售售货货系系统统就就采采用用混混合合方方式式。结结账账台台采采用用联联机机方方式式,每每天天在在确确定的时候定的时候POSPOS机再成批地把数据发送到中心数据库中。机再成批地把数据发送到中心数据库中。第 章 界面设计 2.2 数据编码数据编码 1.1.数据编码的概念和作用数据编码的概念和作用 概概念念:数数据据编编码码是是由由字字母母、数数字字或或特特殊殊字字符符组组成成的的一一组组编编码码序序列列,是是用用来来标标记记和和描描述述信信息息系系统统中中的的有有关关事事物物的的,简简称称编编码码。电电话话号号码码、学学生生编编号号、产产品品编编码码、银银行行账账户户编编码码、信信用用卡
12、卡编编码码、车车辆辆编编号号、汽汽车车牌牌照号等都是数据编码。照号等都是数据编码。作用:作用:提高数据输入的效率和惟一性。提高数据输入的效率和惟一性。类型:类型:顺序码、特征码、类型码和混合码四种类型。顺序码、特征码、类型码和混合码四种类型。第 章 界面设计 2.2.数据编码的类型数据编码的类型 顺序码顺序码 按照事物的时间顺序所进行的编码。按照事物的时间顺序所进行的编码。如,学生编码:如,学生编码:0000123324;商品编码:商品编码:001234;入库单编码:入库单编码:323324。第 章 界面设计 特征码特征码 特特征征码码是是按按照照事事物物的的某某一一方方面面的的固固有有特特征
13、征所所具具有有的的顺顺序序进进行行的的编编码码。顺顺序序码码基基于于事事物物发发生生的的时时间间顺顺序序,特征码按照事物固有特征进行编码。特征码按照事物固有特征进行编码。如,张小青:如,张小青:ZHIXIAOQING 王文意:王文意:WANGWENYI第 章 界面设计 类型码类型码 类类型型码码是是对对一一组组具具有有相相同同特特性性的的事事物物赋赋予予的的统统一一编编码码。例如,例如,3530的蓝牛仔裤:的蓝牛仔裤:101;3531的蓝牛仔裤:的蓝牛仔裤:102;41#鞋:鞋:201;42#鞋:鞋:202。第 章 界面设计 混合码混合码 混合码混合码是可以表示事物多种特征的编码。身份证是可以
14、表示事物多种特征的编码。身份证号就是混合码,它可以反映一个人所在的省、县、乡,号就是混合码,它可以反映一个人所在的省、县、乡,出生日期,性别以及在同一个乡中的顺序编码号等特出生日期,性别以及在同一个乡中的顺序编码号等特征。通常企业编码、汽车车辆编码、产品编码都是混征。通常企业编码、汽车车辆编码、产品编码都是混合码。合码。顺序码,男性出生日期乡县市省610123631212887第 章 界面设计 3 输输 出出 设设 计计 输出设计概念:输出设计概念:信息系统输出设计是从信息输出信息系统输出设计是从信息输出角度,通过对输出设备、输出内容、输出界面、输出角度,通过对输出设备、输出内容、输出界面、输
15、出控制等方面的分析研究,确定出可行的输出设计方案。控制等方面的分析研究,确定出可行的输出设计方案。输出设计与输入设计有密切的联系。输出设计与输入设计有密切的联系。信息的输出途径:信息的输出途径:屏幕输出屏幕输出、报表输出报表输出和和其它途其它途径输出径输出。屏幕输出又可分为屏幕输出又可分为文本输出文本输出、图表输出图表输出、图形图像图形图像输出输出和和音频输出音频输出等形式。屏幕输出又可通过屏幕界面等形式。屏幕输出又可通过屏幕界面的方式来组织。的方式来组织。第 章 界面设计 3.1 输出报表输出报表 1 1明细表明细表 明细表明细表用来反映在确定的时间范围内事务活动的用来反映在确定的时间范围内
16、事务活动的详实情况,它强调对信息反映的详实性。详实情况,它强调对信息反映的详实性。学号姓名课 程周学时节次345225612赵兰C语言42345225612赵兰计算机组成原理41345225613李晓数据结构62345225613李晓计算机组成原理41345225614张木C语言42345225614张木计算机组成原理41学生选修课程明细表2002年第2学期 打印日期:2007.9第 章 界面设计 2 2汇总表汇总表 汇总表汇总表反映业务活动的综合信息。反映业务活动的综合信息。第 章 界面设计 3 3分析表分析表 分析表分析表反映信息的对比和分析情况。反映信息的对比和分析情况。图.6 分析表
17、第 章 界面设计 3.2 输出图表输出图表 1 1散点图散点图 散散点点图图用用来来表表现现数数据据变变化化趋趋势势和和规规律律,见见图图 .7.7。企企业业管管理理通通常常用用散散点点图图反反映映业业务务过过程程的的历历史史数数据据,并并预预测业务未来的变化趋势。测业务未来的变化趋势。图.7 散点图 第 章 界面设计 2 2折线图折线图 折折线线图图用用来来反反映映一一定定时时间间区区间间内内数数据据变变化化的的波波动动情况,见图情况,见图 .8.8。折线图也可以表现数据的变化趋势。折线图也可以表现数据的变化趋势。第 章 界面设计 3 3条形图条形图 条形图条形图用来表现各分量之间的关联关系
18、和比例关系。用来表现各分量之间的关联关系和比例关系。第 章 界面设计 4 4饼图饼图 饼饼图图通通过过圆圆和和多多个个扇扇面面来来表表示示整整体体和和部部分分以以及及各各部分在整体中所占的比例,见图部分在整体中所占的比例,见图 .。第 章 界面设计 4 屏幕界面设计屏幕界面设计 4.1 屏幕界面设计的准则屏幕界面设计的准则 Ben ShneidermanBen Shneiderman的八项基本准则。的八项基本准则。图.11 用户界面设计的八项准则第 章 界面设计 1、尽量保持一致性尽量保持一致性 一致性的含义:一致性的含义:是所设计界面的是所设计界面的按键按键、窗口窗口、色色彩彩、界面布局界面
19、布局、界面风格界面风格等在整个系统中始终应该保等在整个系统中始终应该保持一致。持一致。第 章 界面设计 一致性的内容:一致性的内容:按键的一致性:系统定义的按键含义应该一致。按键的一致性:系统定义的按键含义应该一致。例如:复制例如:复制:ctrl-C 剪切剪切:ctrl-X 粘切粘切:ctrl-V 第 章 界面设计 一致性的内容:一致性的内容:窗口的一致性:窗口的格式,定义,布局一致。窗口的一致性:窗口的格式,定义,布局一致。第 章 界面设计 一致性的内容:一致性的内容:色彩的一致性:在不同界面中色彩的含义一致。色彩的一致性:在不同界面中色彩的含义一致。第 章 界面设计 一致性的内容:一致性的
20、内容:界面布局的一致性:界面的布局应该一致。界面布局的一致性:界面的布局应该一致。第 章 界面设计 一致性的内容:一致性的内容:界面风格的一致性:界面的风格保持一致。界面风格的一致性:界面的风格保持一致。第 章 界面设计 一致性的内容:一致性的内容:界面风格的一致性:界面的风格保持一致。界面风格的一致性:界面的风格保持一致。第 章 界面设计 2、为熟练用户提供快捷键为熟练用户提供快捷键 初初学学者者:提提供供丰丰富富的的联联机机帮帮助助和和界界面面说说明明,并并更更多地使用菜单和选项;多地使用菜单和选项;第 章 界面设计 2、为熟练用户提供快捷键为熟练用户提供快捷键 熟熟练练用用户户:提提供供
21、快快捷捷键键。过过多多的的操操作作界界面面反反而而会增加操作量,降低使用效率。会增加操作量,降低使用效率。例如:例如:新建新建:ctrl+N;ctrl+N;打开打开:ctrl+O;ctrl+O;打印打印:ctrl+P;ctrl+P;保存保存:ctrl+S ctrl+S 第 章 界面设计 3、提供有效反馈提供有效反馈 系系统统应应该该对对用用户户的的每每一一个个操操作作都都给给出出反反馈馈信信息息,以以让让用用户户了了解解系系统统对对用用户户操操作作的的确确认认。及及时时的的反反馈馈会会提提高高用用户户的注意力,增强用户使用系统的兴趣。的注意力,增强用户使用系统的兴趣。例如:在复制时系统给出提示
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 信息系统分析与设计 信息 系统分析 设计 课件 详细