第7讲 用户界面设计工具

山东大学软件学院软件开发环境课程教学专用演示文稿

第7讲 用户界面设计工具7.1 用户界面设计概述 通常，接口又称为界面，接口设计主要包含3方面的描述： (1)软件构件与构件之间的接口设计。例如，构件之间的参数 传递等。 (2)软件内部与协作系统之间的接口设计。例如，构件与其他 外部实体的接口等。 (3)软件与使用者之间的通信方式。例如，用户界面设计等。 随着产品屏幕操作的不断普及，用户界面已经融入我们的日常 生活。一个良好设计的用户界面，可以大大提高工作效率，使 用户从中获得乐趣，减少由于界面问题而造成用户的咨询与投 诉，减轻客户服务的压力，减少售后服务的成本。因此，用户 界面设计对于任何产品/服务都极其重要。

山东大学软件学院软件开发环境课程教学专用演示文稿

1.用户界面设计的内容 用户界面是人与机之间交流、沟通的层面。从深度上分为两个层次： 感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面； 情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面 设计是以人为中心，使产品达到简单使用和愉悦使用的设计。在国外， 用户界面设计人员有了一个新的称谓：Information Architecture,信 息建筑师。它不仅仅是指美工，而是具有心理学、软件工程学、设计 学等综合知识的人。 用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三 个部分。 (1)结构设计Structure Design 结构设计也成概念设计 (Conceptual Design),是界面设计的骨 架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质 的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结 构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的 重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户 很难找到。2

山东大学软件学院软件开发环境课程教学专用演示文稿

(2)交互设计 Interactive Design 交互设计的目的是使产品让用户能简单使用。 任何产品功能的实 现都是通过人和机器的交互来完成的。因此，人的因素应作为设计 的核心被体现出来。交互设计的原则如下： 1)有清楚的错误提示。误操作后，系统提供有针对性的提示。 2)让用户控制界面。“下一步”、“完成”,面对不同层次提供 多种选择，给不同层次的用户提供多种可能性。 3)允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。 提供多种可能性。 4)允许工作中断。例如用手机写新短信的时候，收到短信或电话， 完成后回来仍能够找到刚才正写的新短信。 5)使用用户的语言，而非技术的语言。 6)提供快速反馈。给用户心理上的暗示，避免用户焦急。 7) 方便退出。如手机的退出，是按一个键完全退出，还是一层 一层的退出。提供

两种可能性。 8)导航功能。随时转移功能，很容易从一个功能跳到另外一个 功能。 9)让用户知道自己当前的位置，使其做出下一步行动的决定。3

山东大学软件学院软件开发环境课程教学专用演示文稿

(3)视觉设计 Visual Design 在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设 计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉 设计的原则如下： 1)界面清晰明了。允许用户定制界面。 2)减少短期记忆的负担。让计算机帮助记忆，例：User Name,、 Password、IE进入界面地址可以让机器记住。 3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择 4)提供视觉线索。图形符号的视觉的刺激；GUI(图形界面设计): Where, What,Next Step 5)提供默认(default)、撤销(undo)、恢复(redo)的功能 6)提供界面的快捷方式 7)尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户 以往的使用经验。 8)完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户 去猜。 9)界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容 摆放。 10)同样功能用同样的图形。 11)色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似 的颜色表示近似的意思。4

山东大学软件学院软件开发环境课程教学专用演示文稿

2.用户界面设计问题 用户界面设计的目标是定义一组界面对象和行为，通常，用户界面 设计主要包括系统响应时间、用户帮助、出错处理、命令交互功能4 个问题。 (1)系统响应时间 系统响应时间指从用户完成某个控制动作，到软件给出预期的响应 之间的这段时间。其两个重要的属性是响应时间的长度和易变性。 系统时间长会让用户感到不安和沮丧，相反，系统响应时间短，也 可能迫使用户加快操作节奏，从而导致错误。 (2)用户帮助设施 常见的帮助设施有集成式和附加式两类。集成式帮助设施一般在软 件设计同时完成，它通常对用户工作内容是敏感的，即用户选择的求 助词与正在的操作密切相关，显然，用户获得的帮助快捷，界面友好； 附加式帮助设施是在系统建成后再附加到软件中的，通常，它实际上 是一种查询能力比较弱的联机用户手册，用户往往在许多无关的信息 中查找所需的主题。5

山东大学软件学院软件开发环境课程教学专用演示文稿

(3)出错信息处理 出错信息和警告信息，是指系统出现问题时提交的“坏信息”。 出错信息设计不恰当，将向用户提供无用的或误导的信息。 通常，系统给出的错误信息或警告信息应该具有几个特征： 以用户可以理解的术语描述问题； 提供有助于从错误中恢复的建设性意见； 指出错误可能导致哪些负面后果，便于用户检查是否出现问题以

及如何改正； 在显示信息时应该同时发出警告声，或者用闪烁方式显示信息， 或者用表示出错的明显的颜色显示信息； 不可以责怪用户。

山东大学软件学院软件开发环境课程教学专用演示文稿

(4)命令交互 一般情况下，系统都提供菜单和键盘命令来调用软件功能。 在设计命令交互方式时，必须考虑以下问题： 每个菜单选项是否都提供相对应的命令？ 是否提供复合控制键操作、功能键和键盘输入命令的方式？ 如何学习和记忆命令，命令忘记了怎么办？ 用户可以定制或缩写命令吗？

山东大学软件学院软件开发环境课程教学专用演示文稿

3.用户界面设计的原则 为了设计出一个友好、高效的用户界面，我们 总结出众多设计者的经验和遵循的一些用户界面设 计原则规范：(1)易用性原则 (2)规范性原则 (3)帮助设施原则 (4)合理性原则 (5)美观与协调性原则 (6)菜单位置原则 (7)独特性原则 (8)快捷方式的组合原则 (9)排错性考虑原则8

山东大学软件学院软件开发环境课程教学专用演示文稿

4.用户界面设计过程 用户界面设计的过程主要有以下几项活动： (1)用户界面分析与建模。 (2)用户界面设计。 (3)用户界面实现。 (4)用户界面评估。

山东大学软件学院软件开发环境课程教学专用演示文稿

7.2 平面设计软件介绍1.平面设计软件的分类 随着人们的需求和技术的发展，市场上出现了众多的 平面设计软件。这些平面设计软件基本可以分为三类： 第一类以图像处理为主的，最流行的就数ADOBE的 PHOTOSHOP(行业简写为PS),6.0版为划时代的版本， 目前是9.0(即cs2版)。市面上，PS6、PS7、PSCS1三 个版本都比较通用。

山东大学软件学院软件开发环境课程教学专用演示文稿

第二类则是图形绘制为主，这类软件比较多些，基本 上是COREL公司的COREDRAW、ACROMEDIA公司的 F …… 此处隐藏：3703字，全部文档内容请下载后查看。喜欢就下载吧 ……