软件工程完成用户界面设计资料

用户界面设计过程
界面分析
理解问题意味着了解以下：
通过界面和 系统交互的 人
人员 (最终用户)
任务
最终用户为 完成工作要 做的任务
内容
作为界面的 一部分而显 示的内容
环境 任务处理 的环境
界面分析

需要理解

通过界面和系统交互的人（用户分析） 用户的任务（任务分析和建模） 作为界面一部分而显示的内容（显示内容分析） 任务处理的环境（工作环境分析）
用户界面分析和设计模型




用户模型 对系统所有终端用户的描述 由工程师/软件工程师建立 设计模型 用户模型在设计中的实现 软件工程师建立 心理模型 用户在脑海里对界面产生的印象 实现模型 计算机系统的外在表现 Know the user. Know the tasks. 由系统实现者建立
界面设计的两个阶段
• 第一代是以文本为基础的简单交互，如常见的命令行，字符菜单
等。由于第一代界面考虑人的因素太少，用户兴趣不高。
• 第二代直接操纵的界面。它大量使用图形、语音和其它交互媒介， 充分地考虑了人对美的需求。直接操纵的界面使用视听、触摸等 技术，让人可以凭借生活常识、经历和推理来操纵软件，愉快地 完成任务。

用户使用的频度 用户是否能够自由选用界面
用户对计算机的熟悉程度
用户知识 用户思维能力 用户的生理能力和技能
一个图书馆的计算机借阅系统

图书馆的馆员将每天使用系统（使用系统的频
度很高）。他们以前几乎没有人使用过计算机，
他们的绝大多数的智力水平在中等以上。
任务分析和建模
• 也称用户工作分析 • 是系统内部活动的分解 • 分析方法：自顶向下，逐步进行功能分解
第十二讲
完成用户界面设 计
主要内容
• 黄金规则
• 用户界面的分析与设计
• 界面分析 • 界面设计步骤 • 设计评估
概述
• 人机界面（Human-Computer Interface， HCI）是计算机直接与人打交道的途径，是 计算机系统的重要组成部分，它的开发工 作量占系统开发工作量的40-60%。
工作任务的顺序如何?工作流分析定义了在包含多个 成员时，一个工作过程是如何完成的 任务的层次关系如何?层次表示


任务分析和建模

用例 define basic interaction 任务细化refines interactive tasks
对象细化identifies interface objects (classes)
工作流分析defines how a work process is completed when several people (and roles) are involved
任务分析和建模
• 任务分配
• 用户的任务：创造、判断、探索 • 计算机的任务：重复检查、计算、数据处理 • 两者混合任务：数据录入、数据恢复、决策支持
用户分析
零售输 入 市场输 入
用户访谈
支持输 入
了解用户
用户类型分析

用户是经过训练的专业人员、技术员、办事员、还是制 造业工人? 用户平均正规教育水平如何? 用户是否具有学习书面资料的能力?

用户是专业录入人员还是键盘恐惧者?
用户群体的年龄范围如何?
用户特性度量

用户特性的度量与用户使用模式及观测到的用户群体能 力有关
用户界面设计的黄金规则（III）

保持界面一致

允许用户将当前任务放入有意义的环境中 在应用系统家族内保持一致性 如果已经建立起用户期望，轻易不要改变它
点击
界面美的内涵
• 一、界面的合适性 界面的合适性是指界面是否与软件功能相融洽。既提倡外美内秀， 又强调恰如其分。 • 二、界面的风格 界面的风格有两类，一是“一致性”，二是“个性化”。 • 三、界面的广义美 一切有利于人机交互的界面设计因素都具有广义美。

当技能级别增长时可以使交互流线化并允许定制交 互 使用户与内部技术细节隔离

Βιβλιοθήκη Baidu
用户界面设计的黄金规则（II）

减少用户的记忆负担

减少对短期记忆的要求 建立有意义的缺省 定义直观的快捷方式 界面视觉布局应该基于真实世界的象征 以不断进展的方式揭示信息
希望多少人能使用你的软件？
98%， 70%， 15%， 1%
用户界面设计过程
黄金规则
置用户于控制之下 减少用户的记忆负担
保持界面一致
用户界面设计的黄金规则

置用户于控制地位place the user in control

不强迫用户进入不必要或不希望的交互模式 提供灵活的交互 允许用户交互被中断和撤销

对破坏性操作的确认 设置撤销功能
接口设计的三个方面

构件间的接口设计 与除人以外的信息生产者和消费者的接口设计 人与计算机间的界面设计

族群差异对界面设计的影响

文化问题 用户偏爱
界面设计中美的需求与导向作用
• 软件开发者要设计美，用户要享受美，所以界面的美是开发者与
用户的共同需求。
• 美的界面能消除用户由感觉引起的乏味、紧张和疲劳（情绪低 落），大大提高用户的工作效率，从而进一步为发挥用户技能和 为用户完成任务作出贡献。
注意：与常规的功能分解不同的是，主要考虑与人相关 的活动，也就是考虑用户需要输入数据的步骤和计算机
如何提示或者反馈给用户信息。
任务分析和建模

回答以下问题 …

用户将完成什么工作?用例定义了基本的交互 用户工作时，将完成什么任务和子任务?任务细化精 化了交互任务

在工作中，用户将处理什么特殊的问题域对象?对象 细化识别交互对象（类）
任务分析和建模
• 任务分配步骤：
• 检查数据流图，标出哪些是单独由计算机完成的任务、哪些是由两者共 同完成的任务。 • 对于共同完成的任务，将任务的每一个动作分配给计算机或人。 • 细化计算机与人的协同动作，以确定人和计算机如何交互。
任务分析和建模
• 对象细化：
• 通过对对象上面动作的评估为设计师提供一个操作列表 • 如家具模板Furniture类，包括size ,shape, location属性，任务“选择”、 “移动”“拖拽”等操作，随着设计的不断细化，每个操作的细节都将 被定义出来。