软件工程课件11

软件工程
23
Fig u re 1 2 .2 Sw imlan e d iag ram fo r p rescrip t io n refill fu n ct io n
Байду номын сангаас
软件工程
10
工作环境分析



软件系统（用户界面）的使用环境直接影响界面 的设计。 光线强度（界面亮度亮些） 噪音（不考虑在界面操作中使用声音提示） 键盘、鼠标等使用限制（全力支持可行的设备操 作，忽略受限制设备操作） ……
2
置用户于控制之下


以不强迫用户进入不必要的或不希望的动作的方式来定义 交互模式； 提供灵活的交互； 允许用户交互被中断和撤销； 当技能级别增长时可以使交互流线化并允许定制交互； 使用户与内部技术细节隔离开来； 设计应允许用户与出现在屏幕上的对象直接交互。
软件工程
3
减少用户的记忆负担


减少对短期记忆的要求； 建立有意义的缺省； 定义直观的快捷方式； 界面的视觉布局应该基于真实世界的象征； 以不断进展的方式揭示信息
软件工程
4
保持界面一致

允许用户将当前任务放入有意义的环境中； 在应用系统家族内保持一致性； 如果过去的交互模型已经建立起了用户期望，除 非有不得已的理由，否则不要改变它。
r e ce iv e s t im e / d at e t o p ick u p
none
p icks u p p r e scr ip t io n
f ills p r e scr ip t io n
r e ce iv e s r e q u e st t o co n t act p h y sician
软件工程
11
界面设计步骤



使用界面分析中获得的信息，定义界面对象和行 为； 定义那些导致用户界面状态发生变化的事件； 描述每一个界面状态，就像最终用户实际看到的 那样； 简要说明用户如何从界面提供的界面信息来解释 系统状态。
软件工程
12
界面设计模式

界面设计模式可用于： 完整用户界面 页面布局 表格和输入 表 直接数据操作 导航 搜索 页面元素 电子商务
软件工程
5
用户界面的分析与设计
1. 2. 3. 4.
用户界面分析和设计需要建立4种模型： 用户模型 设计模型 心理模型 实现模型
软件工程
6
用户界面分析和设计过程
1. 2.
3.
4.
用户界面分析和设计的过程包括4个活动： 用户、任务和环境分析 界面设计 界面构造 界面确认
软件工程
7
界面分析
其他用户界面的设计原则
• 界面美观性
– 界面美观性是视觉上的吸引力，主要体现在具有 平衡和对称性、合适的色彩、各元素具有合理的 对齐方式和间隔、相关元素适当分组、使用户可 以方便地找到要操作的元素等。
软件工程
16
界面中的颜色
• 颜色能够改善用户界面，帮助用户理解系统的复杂信息结 构，有时颜色可以用于突出显示例外事件。

界面分析包括用户分析、任务分析、工作环境分 析。 用户分析目标：使得用户想象和设计模型尽可能 接近。 手段：努力了解用户。 途径：用户访谈、零售输入、市场输入、支持输 入。



软件工程
8
任务分析和建模

用户目的是通过界面来完成一个或多个任务。 回答如下问题 … 在指定环境下用户将完成什么工作? 当用户工作时将完成什么任务和子任务? 在工作中用户将处理什么特殊的问题域对象? 工作任务的顺序（工作流程）如何? 任务的层次关系如何?
no ref ills remaining ref ills remaining
ch e cks p at ie n t r e co r d s
approv es ref ill
ch e cks in v e n t o r y f o r r e f ill o r alt e r n at iv e
ref ill not allowed
e v alu at e s alt e r n at iv e m e d icat io n r e ce iv e s o u t o f st o ck n o t if icat io n
out of st ock alt ernat iv e av ailable in st ock

用例 定义基本任务、对象、工作流 任务细化 精化这些任务 对象细化 明确接口对象 (类) 工作流分析 定义当有大量角色使用界面时，一个工作过程如何完成
软件工程
9
泳道图例子
p at ien t p h armacist p h ysician
r e q u e st s t h at a p r e scr ip t io n b e r e f ille d d e t e r m in e s st at u s o f p r e scr ip t io n
• 使用颜色的指导原则 – 避免使用太多的颜色（通常一个窗口内不要多于三种颜色） – 使用颜色编码支持用户的任务 – 允许用户控制颜色编码 – 使用颜色编码时需要前后一致 – 使用颜色的变化显示系统状态的变化 – 注意在低分辨率情况下的颜色显示 – 注意颜色的搭配 软件工程 17
界面中的颜色
软件工程
软件工程
13
设计问题
主要： 系统响应时间 帮助设施 错误处理 菜单和命令标记 次要： 应用的可访问性 国际化
软件工程
14
其他用户界面的设计原则
• 界面容错性 – 一个好的界面应该以一种宽容的态度允许用户进行实验和 出错，用户在出现错误时能够方便地从错误中恢复。 • 界面可适应性 – 界面可适应性是指用户界面应该根据用户的个性要求及其 对界面的熟知程度而改变，即满足定制化和个性化的要求。 – 所谓定制化是在程序中声明用户的熟知程度，用户界面可 以根据熟知程度改变外观和行为； – 所谓个性化是使用户按照自己的习惯和爱好来设置用户界 面元素。 软件工程 15
软件工程
第十一章 完成用户界面设计
11.1 黄金规则 11.2 用户界面的分析与设计 11.3 界面分析 11.4 界面设计步骤 11.5 设计评估
软件工程
1
黄金规则
Theo Mandel在其关于界面设计的著作中提出三条 黄金规则： 置用户于控制之下 减少用户的记忆负担 保持界面一致

软件工程

软件工程
21
课堂讨论问题

设计一个mini-library系统的泳道图，里面包括读 者、管理员两种角色，该图应能表现出读者注册、 管理员认证、读者借阅，如果读者想借阅的图书 没有，还可以向管理员发起购置请求等流程。
软件工程
22
课后作业

进行用户界面设计时需要了解哪些环境？P227 怎样知道用户希望从用户界面上得到什么？P228
18
信息表示
• 信息的表示方式主要包括文本方式和图形方式 – 文本方式占据较少的屏幕空间 – 图形方式所显示的内容比较直观 • 举例 – 某系统需要显示库存商品的名称、规格、单价、数量等信 息，应该选择哪一种方式表示信息？ – 某系统需要按月汇总某个商品的销售情况，应该选择哪一 种方式表示信息？ – 某系统需要监控一个设备的压力和温度，应该选择哪一种 方式表示信息？
软件工程
19
用户界面评价
软件工程
20
用户界面评价

一般情况下，应该基于可用性属性进行界面的评价。
属性 可学习性 操作速度 鲁棒性 可恢复性 适应性 说明 一个新用户需要多长时间才能成为熟练用户？ 系统响应用户工作情况的匹配速度如何？ 系统对用户错误的容忍程度如何？ 系统从用户错误中的恢复能力如何？ 系统与单一工作模式的紧密程度如何？