[工学]第二章 用户界面设计概述.ppt

用户界面设计概述 上节回顾 基本概念 人机交互 人机交互系统 人机交互方式 讨论 界面设计的内涵 界面结构 界面布局 界面风格 界面色彩 …… 界面交互 内容概述 用户界面设计 概念设计 交互设计 数据输入设计 数据输出显示设计 控制设计 外观（视觉）设计 用户/任务分析 用户界面的软件开发过程 用户界面的标准化 2.1. 用户界面设计 用户界面是一个静态的名词，用户界面设计关心的是用户界面本身的组件、布局和风格，以保障能够有效支撑交互设计的需求。 狭义上，用户界面设计是交互设计的重要组成部分，交互设计不只是用户界面设计。 存在没有用户界面的交互设计 广义上，用户界面设计包括概念设计、交互设计和外观设计。 2.1.1 用户界面设计的定义 确定交互设计，描述并传达交互行为的有效形式，称为“用户界面设计（User Interface Design）” 交互行为决定用户界面设计的约束条件 界面上的组件是为交互行为服务的，可以对用户界面进行美化、抽象，甚至艺术化，但不能破坏交互行为 2.1.2 用户界面设计的约束条件 交互方式 界面空间的尺寸 浏览器的不兼容性 屏幕分辨率 硬件级网络带宽等 2.1.3 用户界面设计的内容 概念设计 认知与抽象 交互设计 交互方式 外观（视觉）设计 组件外观 2.2.1 交互 “使用”，从人类发出的主观行为，作用于客观对象的一种关系 人为主导 客观对象为辅助 “交互”，参与的双方对等，没有主从之分 交互，是用户（服务使用者）与系统（服务提供者）之间的交换信息的过程。 2.2.2 交互设计 交互设计（Interaction Design） 一门关注交互，特别是用户体验的学科 诞生于20世纪八十年代 1984年，由IDEO的创始人之一比尔?莫格里奇首次提出。 开始称为“软面（Soft Face）” 后来更名为交互设计 交互设计 交互设计是人工产品、环境和系统的行为，以及传达这种行为的外观元素的设计和定义。（Alan Cooper） 交互设计首先规划和描述事物的行为的方式 然后描述传达这种行为的最有效形式。 交互设计（Cont.） 交互设计的内容： 定义与“产品的行为和使用”密切相关的产品形式 预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解 探索系统、人和环境（物质、文化和历史）之间的有效对话方式 交互设计（Cont.） 交互设计就是设计产品交互方式的过程 具体地说，交互设计是关于如何创建新的、有效的用户体验的问题； 交互设计目的是增强和扩展人们工作、通信及交互的方式。 交互设计的定义 交互设计，是指设计师对产品及其使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程。 交互设计是设计和定义使用者如何使用产品并达到其完成某一任务的目标的过程。 通过对界面和操作行为的设计以提高产品的可用性。 交互设计的目的 交互设计目的 通过对产品的界面和行为进行交互设计，在产品和用户之间建立有机关系，从而有效达到用户的目标。 交互设计是一种关于“如何让产品易用、有效，从而令人愉悦”的技术，它致力于： 了解用户目标及其期望 了解用户的交互行为 了解“人”本身的心理和行为特点 了解各种有效的交互方式，并对其进行增强和扩展 交互设计的关键特征 以用户为中心 让用户参与整个设计和评估的过程 可用性标准的特殊性 开始就明确可用性目标和用户体验目标 迭代 在迭代中改进设计 交互设计的4个基本活动 用户需求分析 了解目标用户 设计交互方案 让用户参与方案设计 构建设计的交互式版本 给出设计的交互式版本 可能只是个线框图，未必能够真正运行 设计评估 评估设计版本的可用性，用户能否接受 交互设计的工作流程 产品定位与市场分析 由新产品研发部门以及市场确定需求 设计师了解产品的市场定位、产品定义、客户群体、运营方式等 用户研究与分析 非常重要，团队配合完成 设计师搜集相关资料，分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。 架构设计 确定界面交互与流程的设计 制定交互方式、操作与跳转流程、结构、布局、信息和其他界面元素 交互设计的工作流程（Cont.） 原型设计 阶段性标志 对上述设计工作的实施，“手绘－图形－FLASH-视频” 原型的本质是一个DEMO，无需全部功能，但要体现出设计对象的基本特性 界面设计 结合经过反复讨论过的分析结果进行 色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。 界面输出 设计师配合开发人员完成相关的界面整合 完善工作 多部门协作参与 可用性的研究、用户体验回馈、测试回馈，以及可行性建议的完善 交互设计的基本方法 结构图法 对产品信息架构的设计方法 自然语言法 对产品交互过程细节的设计方法 任务走查法 对整个产品的审查和优化方法