第 8 章 设计人机界面

1. 第8章 设计人机界面 说明表单和报表的设计过程及其交付物 表单和报表的基本格式指南 高效的格式化文本、表格和列表 界面和对话框的设计过程及其交付物 界面设计的基本指南，布局设计指南、编排数据输入字段指南以及提供反馈和系统帮助指南 设计人机对话，对话图法的运用 基于Internet的电子商务系统特有的界面设计指南

2. 系统规划和选择 系统实现和运行 系统分析 系统设计 设计人机界面 设计数据库

3. 2.0 更新库 存消耗 1.0 更新库 存增加 现存量 数量 供应商 发票 付款 订单 增加量 经理 发票 消耗量 4.0 产生付款 查询结果 D1库存 查询 请求 最少的订货量 5.0 查询库存量 库存量 3.0 产生订单 库存量 库存量

4. 系统分析阶段产生 8.1表单和报表设计 • 表单：包含预定义的数据项，某些要求填写其它数据的区域。通常基于一条数据库记录。 • 报表：提供阅读或查看的静态文档。通常包含很多无关的记录或事物中的数据。

5. 原型法 8.1.1表单和报表的设计过程 用户的技能和能力 哪些人，什么人 • 1.谁将使用表单核报表（who）？ • 2.表单和报表有何用途（what）？ • 3.何时需要使用表单和报表（when）？ • 4.表单和报表需要投递到哪里以及在哪里使用（where）？ • 5.多少人需要使用和查看表单和报表（how）？

6. 8.1.2交付物和结果 目标用户、任务、系统、环境因素 • 叙述性概述 • 样例设计 • 测试和可用性评价

7. 8.2表单和报表的格式化 • 数据类型 • 文本格式 • 文件类型 • 信息的格式影响任务性能及有用性

8. 8.2.1一般格式化指南 • 有意义的标题 • 包含有意义的信息 • 平衡布局 • 一个容易导航的系统

9. 标题不明确 可读性差 信息拥挤 可读性好 布局明确平衡 标题明确 没有账号 活动的总结 帐号信息总结 明确的 导航信息 没有导航信息 8.9

10. 8.2.2强调信息 • 反相显示 • 加边框 • 加下划线 • 字母大写 • 偏移非标准信息的位置 • 闪烁和音乐 • 色差 • 强度差 • 尺寸差 • 字体差 谨慎使用，引起用户注意或忽略

11. 字体大小、强度 字母大写 加边框 强度差 8.11

12. 8.2.3显示文本 • 行距 • 对齐 • 连字符 • 缩写词

14. 8.2.4表和列表的设计 • 标签 • 格式化行、列和文本 • 格式化数字数据、文本数据和字母数字数据

16. 8.16

17. 8.2.5纸报表与电子表格 • 纸与显示器 • 激光打印、喷墨打印

19. 8.3界面和对话设计 界面 对话 用户 信息提供 信息获取

20. 8.3.1界面和对话设计过程 5W • Who • What • When • Where • how

21. 8.3.2交付物和结果 设计规范 1、叙述性概述 a.界面/对话名 b.用户特征 c.任务特征 d.系统特征 e.环境特征 2.界面/对话设计 a.表单/报表设计 b.对话序列图和叙述式描述 3．测试和可用性评价 a.测试目标 b.测试程序 c.测试结果 ⅰ）培训时间 ⅱ）执行速度 ⅲ）错误率 ⅳ）时间保持性 ⅴ）用户满意度和其它感受 • 叙述性概述 • 样例设计 • 测试和可用性评价

22. 8.4界面设计 • 标题信息 • 序号和时间相关的信息 • 说明和格式化信息 • 主体和详细数据 • 小计和资料总结 • 核准和签名 • 注释 字段间导航设计 上下左右

23. 8.4.2数据输入编排 • 输入 • 默认值 • 单位 • 替换 • 加标题 • 格式 • 对齐 • 帮助

24. 减少数据输入错误 8.4.3数据输入控制

25. 8.4.4提供反馈 • 状态信息 • 提示信号 • 错误和警告消息

26. 8.4.5提供帮助 简明扼要 • 简化 • 组织 • 说明 帮助中的消息容易理解 样例说明

27. 用户和系统间的交互 8.5对话设计 • 设计对话顺序 • 构建原型 • 评价可用性

28. 8.5.1对话序列设计 • 对话图法：运用方框和直线设计和表示人机对话的形式化方法。 惟一的显示参考号 顶 部 显示的名称或描述 中 部 返回显示的参考号 底 部

29. 8.29

33. 8.33