用户体验要素

第一章 用户体验为什么如此重要

什么是用户体验——以用户的真实体验为核心，关注人、产品、外界之间的联系和作用。

用户体验的重要性——用户体验总是体现在细微之处，这些产品可以是虚拟的，也可以是实体的。 不管我们是用户体验的设计者还是用户体验的使用者，在我们做产品和使用产品的时候都要换位思考，思考用户的想法和感受，了解用户的心理。

*  从产品设计到用户体验设计：兼顾视觉和功能两方面的因素，同时解决产品所面临的其它问题（视觉：产品在感官方面的    表现，功能：完善的产品特性和功能）

第二章 认识这些要素

表现层——由图片和文字组成

框架层——按钮、控件、照片和文本区域的位置

结构层——设计用户如何到达某个页面，做完去哪里

范围层——网站要实现哪些功能和特性

战略层——明确产品目标和用户需求

自上而下建设

在设计流程中，不要把每个层面的工作在下一个层面【开始之前完成】。更好的方法是让每一层面的工作在下一个层面【结束之前完成】。

基本的双重性 

功能型的平台类产品：关注任务——所有的操作都被纳入一个过程，去思考人们如何完成这个过程。在这里，我们把网站看成用户用于完成任务的工具。

信息型的媒介类产品：关注信息——网站应该提供哪些信息，这些信息对用户的意义是什么。创建一个富信息的用户体验，就是提供给用户一个可以寻找、理解，且有意义的信息组合

第三章：战略层——产品目标和用户需求

一）战略层定义

* 产品目标：我们通过这个产品得到什么？

用户需求：我们的用户通过这个产品得到什么？

产品目标

商业目标：避免过于具体（例：为用户提供一个实时的文本通信工具）或过于宽泛（例：为公司省钱或赚钱）的目标。应当在充分了解问题再得出结论，明确定义“成功的条件”而不是定义“通向成功的路径”。

* 品牌识别：除了品牌标识的视觉元素外（商标、字体、颜色），的概念系统或情

绪反应。对用户起着潜移默化的作用。你要决定品牌形象是无意中形成，还是通过产品设计有意安排。成功标准：一些可追踪的指标例如：转化率、回访数、印象数），用于产品上线后，呈现产品是否满足产品目标和用户需求。

用户需求

* 用户细分：将具有某些共同关键特征或者共同需求的用户划分成组

——不同的用户群有不同的需求，创建细分用户群，只是一种用于“揭示用户最终需求的手段”

——不同用户群的需求也有可能是彼此矛盾的，要么做取舍要么为执行相同任务的不同用户群选择不同的操作方式。

* 团队角色流程

产品目标和用户需求经常被定义在一个正式的【战略文档】或【愿景文档】中。

——它不仅是列出目标清单，还提供目标之间的关系分析，并且说明这些目标要如何融入更大的企业中去。目标以及目标分析来自于：决策者（企业管理层）、普通员工、用户。

——不要冗长，要简洁明了切中要点。必须写，而且要频繁使用，要发给每个项目参与者（设计师、程序员、信息架构师、项目经理），帮助他们在工作中做出正确的决定。

第四章：范围层——功能规格和内容需求

一、 范围层定义：产品应该提供给用户什么样的内容和功能。

过程： 确定现在能解决那些事情，而那些必须要再迟一点才能解决。

产品： 给团队一个参考点、明确了这个项目中要完成的全部工作，也提供了一门用于讨论这件事情的共同语言

三、 功能规格说明

* 需要包含设计或者开发过程中容易混淆的功能定义

记录已经确定下来的决议，不需要展望产品未来的理想状态

四）内容需求：文本、图像、音频、视频

各种用户，需求不同。哪些用户想要什么内容——“如何呈现他们”

五）确定需求优先级

战略目标和需求间往往不是一对一的关系。优先级是决定人们所建议的相关特性的首要因素。

第五章：结构层 交互设计与信息构架

*结构层的定义 确定各个将要呈现给用户元素的『模式』和『顺序』。

交互设计关注于“可能的用户行为”同时定义系统如何配合与响应；信息架构关注于呈献给用户的信息是否合理并且具有意义，关注于如何将信息传达给用户。

交互设计

关注于描述『可能的用户行为』，同时定义『系统如何配合与响应』

模型概念——用户对于『交互组件将怎样工作』的观点

* 把软件某个特性设计处理成用户所熟悉的某个概念* 在交互设计的开发过程中保持使用方式的一致性

使用人们熟悉的概念模型会使用户更快速的适应一个不熟悉的网站

错误处理——将系统设计成不能犯错的，或者使错误难以发生、即使犯错了系统要帮用户找出错误并且改正他，撤销。

信息架构

研究人们如何认知信息的过程，对于产品呈现给用户的信息是否合理并具有意义。

结构化内容 1.信息架构主要工作是设计组织分类和导航的结构，让用户高效率、有效地浏览网站的内容。

    自上而下：根据产品目标和用户需求直接进行结构设计。先从最广泛的、有可能满足决策目标的内容和功能开始分类，再依据逻辑细分出次级分类。

    自下而上：从已有资料开始把这些资料放到最低级别的分类中，然后将他们分别归属到较高已级别的分类

结构质量最重要的标准，不是整个过程一共需要多少个步骤，而是“用户是否认为每个步骤都是合理的”以及“当前步骤   是否自然地延续了上一个步骤中的任务”。

结构方法——信息结构的基本单位是节点

*层级结构、矩阵结构、自然结构、线性结构。

一个延展性好的信息架构，能把新的内容作为现有结构的一部分容纳进来，也可以把新内容当做一个完整的新部分加入。（好的产品是慢慢迭代出来的）

组织原则

*节点在信息架构中是依据组织原则来安置的。组织原则决定那些节点要编成一组，那些节点要保持独立的标准。不同的组织原则将被应用在不同的区域和网站不同的层面。

一般来说，在网站最高层级使用的组织原则应该紧密地与“网站目标”和“用户需求”相关。而在结构中较低的层级，内容与功能需求的考虑将对你所采用的组织原则产生很大影响。  （成功的用户体验是事先知道用户的期望）

遵循“使用用户语言”并且“保持一致性”的命名原则。同时避免“语义歧义或者不解”

团队角色和流程 ——文档一定要描述清楚网站的结构

第六章：框架结构——界面设计、导航设计和信息设计   

框架层定义 

*在框架层主要解决放置的问题，界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素的布局，信息设计中考虑传达给用户的信息要素的排布。

习惯和比喻

界面要与用户早已养成的习惯保持一致，比之更重要的是界面要与自身保持一致。

有效的比喻，就是要减少『理解和使用你的产品功能』时对猜测的要求

界面设计

* 选择正确的元素，让这些元素能帮助用户完成他们的任务，还要通过适当的方式让他们容易被理解和使用。

* 成功的界面设计是让用户一眼就看到『最重要的东西』，弄清楚用户不需要知道那些东西，并减少它们的可发现行（或者完全把他们排除出去）

界面设计可以采用各式各样的技巧，是用户完成任务的过程变得容易。

导航设计

必须完成的三个目标： 

1、 必须提供给用户一种在网站间跳转的方法。

2、必须传达楚这些元素和它们所包含内容之间的关系。（连接之间有什么关系，区别在哪里，应该选择哪个）

3、必须传达楚它的内容和用户当前浏览页面之间的关系。（现在在哪里，可以到哪里去，可以怎么完成任务或到达目标不会迷路）

*  全局导航：提供了覆盖整个网站的通路（提供的是用户最有可能需要从网站的最终页面到其他什么地方的一组关键点）

*  局部导航：提供用户在这个构架中到『附近地点』的通路

*  辅助导航： 与网站架构无关，是针对内容、产品或者用户属性进行的分类导航。（如产品页内按照品牌属性进行分类）

*  上下文导航：内容与内容之间的相关导航

*  友好导航： 通常用户不需要的链接，作为一种便利的途径来使用。

*  网站地图：  远程导航工具，给用户一个简明的，单页的网站整体结构的快捷浏览方式

索引表：是按字母顺序排列的，链接到相关页面的列表。

信息设计

指示标识：帮助用户理解“他们在哪里”以及“他们能去哪里”“哪条路离目标更近”，可借助图标、标签系统、排版、颜色等视觉指引

线框图

页面布局是将信息设计、界面设计和导航设计放置到一起，形成一个统一的，有内在凝聚力的构架。  可以给出指示，还有附加说明

线框图整合框架层三种方法：

1、通过安排和选择界面元素来整合界面设计

2、通过识别和定义核心导航系统来整合导航设计

3、通过放置和排列信息组成部分的优先级来整合信息设计。

第七章 表现层 感知设计

表现层定义

解决并弥补『产品框架层的逻辑排布』的感知呈现问题。

合理设计感知

感受由五个方面组成：视觉、听觉、触觉、嗅觉、和味觉。

忠于眼睛

评估产品视觉设计的方法之一：你是视线首先落在什么地方？那个设计要素第一时间吸引了用户的注意力？它们对于战略目标来讲很重要的东西吗？

眼睛移动的轨迹会遵循一条流畅的路径，界面的设计是否能顺利引导他们顺利移动并完成目标和任务，而非分散注意力

对比和一致性

* 通过对比把用户注意力引到重要的部分

保持一致性可以使你的设计有效的传达信息，而不会导致用户迷惑或焦虑。

内部和外部的一致性 配色方案和排版

 设计合成品：就是从已选定的组件中建立起来的、一个最终的可视化产品

风格指南： 拥有一套唯一且高效的方法，让你的产品看起来像是一个协调一致的整体，而不是乱七八糟的碎片。

第八章 要素的应用

* 必须要考虑五个层面的因素

* 了解你正在试着去解决的问题。  了解这些解决办法所造成的后果。

* 提出正确的问题

* 将每一个决定都建立在其背后议题的理解之上。与用户体验有关的第一个问题恐怕是你问你自己的：你为什么要这样做？

产品开发大多是马拉松，要提前关注战略、范围和结构。