系统设计交互设计.pptVIP

信息系统界面（接口） 信息系统与外界环境之间的输入输出就可以称为信息系统的界面。 根据输入输出操作对象和设备划分为两种： 系统界面：系统中包含的不需要人员干预的输入和输出部分。例如：自动捕获的输入数据（如传感器数据）和自动输出的数据（如后台邮件自动发送）。 人机界面：信息系统中需要用户交互的输入和输出部分。例如：查询书目、下订单。 11.3 人机对话设计 信息系统是一个“人—机系统”，大量的输入和输出面对的是人，抽取这部分进行人机对话设计。 人机交互的风格 直接操纵：直接模拟现实，比如电子书软件直接使用一本书作为界面，模拟翻页（音乐播放模拟录音机）。容易学习和记忆，避免错误但编程复杂 菜单选择：使用菜单列出所有可能的操作供用户选择。使用简单，结构化，但可能太多，占用屏幕空间 表格填充：提供填空式的数据输入。简化数据输入，需要少量培训，占用屏幕空间。 命令语言：输入有一定语法规则的命令来执行操作。灵活，适合高级用户，但错误处理能力弱，大量培训和记忆。 自然语言：系统接受用户输入的自然语言的句子或词语并做出响应。无须学习特殊语法，更多按键。 什么是图形用户界面（GUI） 界面 (Interface)：系统或对象对外可见的部分 用户界面 (User Interface)：与用户进行交互的可见部分，通常以屏幕为输入/输出介质 字符(character)界面：以字符为单位，80列*25行，仅显示字符，所有操作通过键盘操作 图形(graphic)界面：以像素为单位，600*480、1024*768，能显示任何字符、图形或图像，可以通过键盘、鼠标、光笔、触摸屏进行操作 用户界面设计目标 可度量的目标： 学习时间：学会使用相关功能所需要的时间 执行速度：程序完成基本任务需要的时间 用户的出错率：用户完成基本任务时会犯多少错误，哪些错误 记忆保持能力：使用一段时间后（1天/1周等）还能记住多少 主观满意度：用户的看法，满意度等级 目标之间有矛盾，可能需要折衷考虑（如执行速度和出错率） 要了解图形用户界面的基本元素（控件）及其使用特点： 下拉菜单 弹出菜单 列表框/组合列表框 选择钮、复选框 文本输入框 命令按钮 滚动条 表格 … 图形用户界面元素 Windows常用图形界面元素 组合列表框 单选钮 文本框 命令按钮 复选框 框架 标签 标签 特点 用于显示数据，运行时不可编辑 用于提示文字 为文本框提供快捷键 命令按钮、复选框、单选钮本身带文字区，不再需要标签 命令按钮 特点： 执行某个操作命令 接受键盘按下或鼠标点击 可以设置快捷键 提供显示文字，也支持带图形 文本框 特点： 接受用户键盘输入文本数据，也可用于文字的显示 支持文字或数字等可显示字符 支持选择粘贴拷贝等操作 支持密码类型数据的隐藏 通过程序可以取消键盘输入的字符 比如输入各种名称、地址、电话、备注信息等文字或数字内容 有限定格式的数据可以采用Masked Edit控件 利用正则表达式（Regular Expression), ）对输入格式进行限定（\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]） 文本框举例 复选框 特点： 对有多选可能的选择项进行输入 选择项个数固定 可以获取选择状态（未选中、选中、灰色并选中） 支持键盘选择（空格） 占用屏幕空间，个数不能太多 可以避免文本输入错误 比如用于输入查询条件，查询可能包含多个条件组合 复选框举例 单选钮 特点： 对只能选择一个的可选择项进行输入 可以获取选中状态（选中、未选中） 一个窗口中如果有多组单选钮，需要使用框架来分组，否则自动为一组 固定的选择项，数目太多会占用屏幕 避免了文本输入错误 比如可用来输入性别、学历、职称、政治面貌等可选择数据 单选钮举例 文本框举例 列表框 特点： 可滚动，在有限的空间中可显示大量数据 支持单个选中和多个选中 支持排序 支持多列显示 使用者只能选择或浏览，不能编辑 程序中可以对列表内容进行增删改 比如可用来显示一组数据，或从一组数据中进行选择 如果希望列表中提供多种显示形式，如大/小图标，可采用ListView控件 组合列表框 特点： 除列表框特性之外，还可以接受文本编辑 只占用很少的屏幕空间 通常用于输入可选择的数据 列表框举例 菜单 特点： 为应用程序提供更多功能的组织 每个菜单项可以有子菜单，所以也称为菜单树 菜单一般有访问键，也可设置快捷键 经常执行的菜单命令可以设置成工具栏 用于程序包含很多功能的情况下 MDI窗口 特点： 应用程序只有一个主窗口，也称为父窗口 主窗口如同一个容器，其中可以打开多个子窗口，每个子窗口可以完成各自的任