《软件工程》PPT第16章 用户界面设计 陈江平.pptVIP

第16章 用户界面设计 目标 介绍用户界面设计的一般设计原则； 介绍多种交互模式以及它们的应用； 解释什么时候应该使用图形显示和文本显示方式来显示信息； 讲解在用户界面设计过程中应包括的主要活动； 介绍可用性属性以及界面评价的不同方法。 内容 设计问题 用户界面设计过程 用户分析 用户界面原型构造 界面评估 用户界面 用户界面的设计应与将来的用户所具有的技能、经验和他们的期待相一致。 系统用户经常通过用户界面，而不是它的功能来评价一个系统。 一个不好的界面设计可能导致用户无法使用系统的某些特性。 界面设计不好就是为什么如此多的软件系统还从未使用过的原因。 界面设计中人的因素 有限的短时记忆 人们可以瞬间想起七条信息。如果你在同一时间内提供给用户太多的信息，他们就不能够全部接受。 人们会犯错误 当我们犯错误的时候，系统运行就会不正常，并发出问题警告消息和报警，这些消息可能会对用户施加更大的精神压力，从而也增加了他们操作失误的可能性。 人是不同的 我们有很强的身体行为能力。 设计者在设计时不能按照他们个人的能力来进行。 人们会有不同的交互偏好 有些人喜欢看图片，而有的人喜欢阅读文字。 用户界面设计原则 用户界面设计必须要考虑到系统用户的需要、经验和用户的能力。 设计者应该意识到使用软件的人的身体和精神上的局限性（例如有限的短时记忆） ，还要认识到人们是会犯错误的。 用户界面设计原则是界面设计的基础，尽管不是所有的原则都会应用到全部的设计中。 设计原则 用户熟悉 界面所使用的属于和概念应该来自于用户的经验，而不是计算机的概念。例如，一个办公系统应该要使用诸如信件，文件，文件夹之类的概念，而不是目录，文件标识符等的概念。 一致性 界面设计应该是一致的，即尽可能地让相似的操作有相同的触发方式。 意外最小化 如果一个命令式按某种已知的方法进行操作的，那么用户就应该可以预测相似的命令的操作方式。 设计原则 可恢复性 界面应该有一种机制来允许用户从错误中恢复，这可能包括撤销，对破坏性行为的确认，软删除等。 用户指南 用户界面应该提供一些比如帮助系统，在线手册等用户指南。 用户差异性 界面设计应该为不同类型用户提供合适的交互功能。例如，某些用户可能有视觉困难，所以就用该给他们提供大量的文字信息。 界面设计中的设计问题 在交互式设计中，两个关键问题： 用户应该如何与计算机系统进行交互？ 来自计算机系统的信息应该如何传达给用户？ 用户交互和信息表达应该通过比如用户界面隐喻这样连贯的框架集成起来。 用户交互类型 直接操作 菜单选择 表格填写 命令语言 自然语言 交互类型 多用户界面 LIBSYS系统的交互 文档搜索 用户使用搜索工具找他们所需要的文档 文档请求 用户请求将文档传递到他们的本地机或者是服务器上以供打印 基于web的用户界面 许多基于web的系统都有基于web表格的界面。 表格域可以是菜单，自由文字输入，单选框等。 在 LIBSYS系统中， 用户从可访问的集合菜单中选择某个集合，在自由文本输入字段中输入要检索的短语。 LIBSYS 系统的搜索表格 信息表示 信息表达是将系统的信息表达给系统用户。 信息可以是直接表达的（比如文字处理器中的文本），或是将信息转换成另一种形式（比如表格）来表达。 MVC （Model-View-Controller）方法首先广泛应用于Smalltalk语言中，它是支持数据的多重表达的有效方式。 信息表示 用户交互的MVC模型 MVC(Model-View-Controller) 把一个应用的输入、输出、处理流程按照Model、View、Controller的方式进行分离，应用被分成三个层——模型层、视图层、控制层。 　模型(Model)：就是业务流程/状态的处理以及业务规则的制定。即是MVC的主要核心。 　视图(View)：代表用户交互界面，也就是Web的HTML界面。 　控制(Controller)：可以理解为从用户接收请求, 将模型与视图匹配在一起，共同完成用户的请求。 MVC模型 在基于窗口的GUI应用程序中，控制器(Controller)一般就是控件的事件处理函数。 控制器(Controller)有两个基本功能: 一是把用户从界面上的操作(点击按钮)映射成模型(Model)对应的功能(如删除数据)， 二是把模型(Model)的变化更新到视图(View)上。 留言板分析例子 留言板可以切成三部份: 　模型(M)：包含 数据库链接、生成数据集、数据库更新操作。 　视图(V)：包含 获取模型的数据集，将数据集内填充到各种显示界面内，如（留言板列表，管理控制页面，添加修改删除界面等一切用户看得到的页面。） 　控制(C)：包含 数据库更新的数据校验，将更新完毕后