软件工程教案补充用户界面设计PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
☆用户界面中的所有元素都不能出现错误文字，也没有令人 费解（例如二义性、逻辑混乱）的文字。
☆图标按钮的含义一定要直观明了，最好给图标加文字说 明（或提供充分而必要的提示），防止用户误解。
P256 仅有一个按钮有明显的含义
26
☆界面结构能够清晰地反映工作流程，以使用户按部就班地操作
27
☆文字信息和界面布局尽量和用户群体的使用习惯相匹配。
软件工程-补充 用户界面、输入和输出设计
1
用户界面、输入和输出设计
学习目标：
（1）掌握系统设计的基本知识,了解系统设计的过程；
（2）了解用户界面设计的基本任务； 熟悉用户界面设计的10个要素。
（3）掌握常用的控件使用及常用的窗体设计模式。 （4）熟悉输入输出设计。
2
提纲 1 用户界面设计 2 输出设计 3 输入设计 4小结
29
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
10 可复用
30
3 及时反馈信息
□当用户进行某项操作后，如果过了一会儿（几秒种）用户界面 一点反映都没有，这将使用户感到迷茫和不安，因为他不知道是 自己操作错了还是软件死机了。 □所以及时反馈信息很重要，至少要让用户心里有数，知道该任 务处理得怎么样了，有什么样的结果。 □对于一些重要的事务，当处理完成后，应当及时反馈给用户。
3
1 用户界面设计
1.1 用户界面设计概述 1.2 用户界面的10个设计要素 1.3 用户界面控件 1.4 常用的用户界面模式
4
1.1 用户界面设计概述
背景：信息系统是一个人机技术系统，因此，存在人和机 器的互动过程(Human Machine Interaction，HMI)，在 HMI中存在一个通常所说的界面(Interface)/窗口 (Windows)。从心理学角度看，界面可分为感觉系统(视觉、 触觉、听觉等)和情感系统两个层次。 定义：软件的用户界面其实质就是屏幕中的一个窗口或区 域(狭义的看)。广义的看，还包括其它的输入、输出和包装 表面，是软件产品的重要组成部分。 关联学科：软件界面设计是一个复杂的、有不同学科参与 的项目，包括心理学、工程设计学、语言学、美学。
职工 代码 出生 年月
部门 工资
职工人事信息卡录入
姓名
性别
籍贯
政治 面貌
职称 电话
文化程 度
参加工 作时间
邮编
职务
28
☆对于复杂的用户界面而言，最好提供界面“向导”，及时让用 户
知道自己在界面结构中所处的位置。例如对于基于Web的应用软 件，应该在界面上显示“当前位置”，否则用户容易在众多的页
面 中迷失方向。
14
凌乱、不清楚
15
简洁、美观
16
不美观、不清楚
17
美观、但不简洁
18
实用、但不简洁
19
形象、直观
20
21
22
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
6
1.1 用户界面设计概述
屏幕是一种特殊的界面，屏幕就是用户与系统的界面，即人和
机器的接口。其它界面还有打印机、报表、文档、图形等内容。
用户界面设计的原则
系统用户类型
✓界面处于用户的控制下
✓专业用户：指那些有计算机使用
✓减少用户的操作与记忆负担 经验的用户。专业用户往往更看
✓尽量保持界面的一致性 ✓为熟练用户提供快捷键 ✓提供有效反馈 ✓设计完整的对话过程 ✓提供简单的错误处理机制 ✓允许撤销动作 ✓提供控制的内部轨迹 ✓减少短期记忆负担
若保存成功
保存读者借 阅信息
31
□如果某些事务处理不能提供进度等数据，那么至少要给出 提示信息如“正在处理，请等待…”。最好是提供合适的动 画，如下图所示，让用户明白软件正在干活，没有死机。
32
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
24
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
10 可复用
来自百度文库25
2 容易理解
□如果用户很难理解界面的意图，那么他使用起来肯定很费劲。 所以“容易理解”是“容易使用”的前提条件。 □以下一些措施可以提高用户界面的可理解性：
重信息系统的功能，而不太注意 屏幕设计的合理性。 ✓普通用户：即没有计算机使用经 验、甚至没有使用过计算机的用 户。普通用户不仅仅看重信息系 统能够完成什么样的功能，更看 重如何操作信息系统。
7
8
9
10
整洁、明了，但不简洁
11
美观、大气
12
美观、符合日常办公需要，但画面稍显杂乱 13
花哨、不平衡
10 可复用
23
1 用户界面适合于软件的功能（合适性）
□用户界面的合适性是指界面与软件功能相融洽的程度。 □软件的功能需要通过用户界面来展现。毫无疑问，用户界面 一定要适合于软件的功能，这是最基本的要求。如果用户无法 通过这个界面来使用软件，“易用性”根本无从谈起。 □例如，对于一个三维建模软件而言，如果用户不能使用鼠标对 模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合 该软件的功能。如果不改进用户界面的话，即使软件的内核功能 很强（如算法很先进），这个软件也很难得到用户的认可。 “用户界面适合于软件的功能”是首要的设计原则，它提醒设 计者不要片面追求界面外观漂亮而导致华而不实。
5
1.1 用户界面设计概述
用户界面的基础是人机交互基本原理，人机交互 （HCI，human-computer interaction）描述的是计算机 与使用计算机来执行任务的人之间的关系。 从广义上看，用户界面包括将信息输入系统以及以屏幕 或打印报告形式获得输出所需的所有通信和说明。
□系统设计员的任务是为各种应用程序定制界面， 主要目标是创建容易学习和使用的用户友好界面。
☆图标按钮的含义一定要直观明了，最好给图标加文字说 明（或提供充分而必要的提示），防止用户误解。
P256 仅有一个按钮有明显的含义
26
☆界面结构能够清晰地反映工作流程，以使用户按部就班地操作
27
☆文字信息和界面布局尽量和用户群体的使用习惯相匹配。
软件工程-补充 用户界面、输入和输出设计
1
用户界面、输入和输出设计
学习目标：
（1）掌握系统设计的基本知识,了解系统设计的过程；
（2）了解用户界面设计的基本任务； 熟悉用户界面设计的10个要素。
（3）掌握常用的控件使用及常用的窗体设计模式。 （4）熟悉输入输出设计。
2
提纲 1 用户界面设计 2 输出设计 3 输入设计 4小结
29
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
10 可复用
30
3 及时反馈信息
□当用户进行某项操作后，如果过了一会儿（几秒种）用户界面 一点反映都没有，这将使用户感到迷茫和不安，因为他不知道是 自己操作错了还是软件死机了。 □所以及时反馈信息很重要，至少要让用户心里有数，知道该任 务处理得怎么样了，有什么样的结果。 □对于一些重要的事务，当处理完成后，应当及时反馈给用户。
3
1 用户界面设计
1.1 用户界面设计概述 1.2 用户界面的10个设计要素 1.3 用户界面控件 1.4 常用的用户界面模式
4
1.1 用户界面设计概述
背景：信息系统是一个人机技术系统，因此，存在人和机 器的互动过程(Human Machine Interaction，HMI)，在 HMI中存在一个通常所说的界面(Interface)/窗口 (Windows)。从心理学角度看，界面可分为感觉系统(视觉、 触觉、听觉等)和情感系统两个层次。 定义：软件的用户界面其实质就是屏幕中的一个窗口或区 域(狭义的看)。广义的看，还包括其它的输入、输出和包装 表面，是软件产品的重要组成部分。 关联学科：软件界面设计是一个复杂的、有不同学科参与 的项目，包括心理学、工程设计学、语言学、美学。
职工 代码 出生 年月
部门 工资
职工人事信息卡录入
姓名
性别
籍贯
政治 面貌
职称 电话
文化程 度
参加工 作时间
邮编
职务
28
☆对于复杂的用户界面而言，最好提供界面“向导”，及时让用 户
知道自己在界面结构中所处的位置。例如对于基于Web的应用软 件，应该在界面上显示“当前位置”，否则用户容易在众多的页
面 中迷失方向。
14
凌乱、不清楚
15
简洁、美观
16
不美观、不清楚
17
美观、但不简洁
18
实用、但不简洁
19
形象、直观
20
21
22
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
6
1.1 用户界面设计概述
屏幕是一种特殊的界面，屏幕就是用户与系统的界面，即人和
机器的接口。其它界面还有打印机、报表、文档、图形等内容。
用户界面设计的原则
系统用户类型
✓界面处于用户的控制下
✓专业用户：指那些有计算机使用
✓减少用户的操作与记忆负担 经验的用户。专业用户往往更看
✓尽量保持界面的一致性 ✓为熟练用户提供快捷键 ✓提供有效反馈 ✓设计完整的对话过程 ✓提供简单的错误处理机制 ✓允许撤销动作 ✓提供控制的内部轨迹 ✓减少短期记忆负担
若保存成功
保存读者借 阅信息
31
□如果某些事务处理不能提供进度等数据，那么至少要给出 提示信息如“正在处理，请等待…”。最好是提供合适的动 画，如下图所示，让用户明白软件正在干活，没有死机。
32
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
24
1.2 用户界面的10个设计要素
1 用户界面适合于软件的功能（合适性） 2 容易理解 3 及时反馈信息 4 防错处理 5 风格一致和必要的个性化 6 合理的布局 7 合理的色彩 8 适应用户群体 9 最少的操作步骤
10 可复用
来自百度文库25
2 容易理解
□如果用户很难理解界面的意图，那么他使用起来肯定很费劲。 所以“容易理解”是“容易使用”的前提条件。 □以下一些措施可以提高用户界面的可理解性：
重信息系统的功能，而不太注意 屏幕设计的合理性。 ✓普通用户：即没有计算机使用经 验、甚至没有使用过计算机的用 户。普通用户不仅仅看重信息系 统能够完成什么样的功能，更看 重如何操作信息系统。
7
8
9
10
整洁、明了，但不简洁
11
美观、大气
12
美观、符合日常办公需要，但画面稍显杂乱 13
花哨、不平衡
10 可复用
23
1 用户界面适合于软件的功能（合适性）
□用户界面的合适性是指界面与软件功能相融洽的程度。 □软件的功能需要通过用户界面来展现。毫无疑问，用户界面 一定要适合于软件的功能，这是最基本的要求。如果用户无法 通过这个界面来使用软件，“易用性”根本无从谈起。 □例如，对于一个三维建模软件而言，如果用户不能使用鼠标对 模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合 该软件的功能。如果不改进用户界面的话，即使软件的内核功能 很强（如算法很先进），这个软件也很难得到用户的认可。 “用户界面适合于软件的功能”是首要的设计原则，它提醒设 计者不要片面追求界面外观漂亮而导致华而不实。
5
1.1 用户界面设计概述
用户界面的基础是人机交互基本原理，人机交互 （HCI，human-computer interaction）描述的是计算机 与使用计算机来执行任务的人之间的关系。 从广义上看，用户界面包括将信息输入系统以及以屏幕 或打印报告形式获得输出所需的所有通信和说明。
□系统设计员的任务是为各种应用程序定制界面， 主要目标是创建容易学习和使用的用户友好界面。