读《用户体验要素》笔记

用户体验的五个层面：

1.战略层

2.范围层

3.结构层

4.框架层

5.表现层

 

 

一、战略层--产品目标和用户需求：我们为什么要开发这个产品？

 

1.基本问题：

    1.1内：我们通过这个产品得到什么？（产业目标）

    1.2外：我们的用户要通过这个产品得到什么？（用户需求）

2.产品目标：

    2.1品牌识别：概念系统或是情绪反应（用户无意识产生的）

    2.2成功标准：分析工具帮你分析的指标

3.用户需求：

    首先了解他们是谁？他们的需求是什么？

    3.1用户细分：

    方式一：人口统计特征：性别，年龄，教育水平，婚姻状态、收入等。

    方式二：消费心态档案（心理分析法）

    3.2可用性和用户研究：

    研究工具：

收集用户的普通观点与感知：（市调法：问卷调查、焦点小组）用户访谈

理解具体的用户行为和用户与产品交互的表现：用户测试和现场调查

    3.3创建人物角色（又称用户模型或用户角色）；

 

二、范围层（功能规格和内容需求）

 

  1. 定义：我们开发的是什么？

 用文档来定义产品需求，原因：

    1.1知道自己在建设什么

    1.2长期规划知道自己不需要建设什么

    （排期，长远的看）

2.功能和内容：功能需求规格

3.定义需求：

需求是产品必须拥有的、某种特性的一句简单描述。

需求的详细程度常常取决于该项目的具体范围。

最用之不竭的需求源泉总是来自用户本身。；

4.功能规格说明：

    4.1乐观：防止不好的是发生

    4.2具体：详细解释

    4.3避免主观语气（重要）

5.内容需求；

6.确定需求优先级：

    战略目标和需求是多对多的关系

    考虑：需求的可行性、技术的局限性、时间的局限性；

 

三、结构层（交互设计和信息架构）：

 

1.定义：

交互设计关注与将影响用户执行和完成任务的元素。

信息架构则关注如何将信息表达给用户的元素。

他们都要求去理解用户，理解用户的工作方式、行为和思考方式。

2.交互设计：可能的用户行为，系统如何分配与响应

3.概念模型：交互组件将怎样工作；例：购物车：容器，寄出，放东西，编辑等。

4.信息架构：呈现给用户的信息是否合理并具有意义

    4.1结构化信息

信息架构要求创建分类体系，这个分类体系将会对应并符合我们的网站目 标，希望满足的用户需求，以及被合并在网站中的内容

我们可以实行以下两种方式来建立分类体系：从上到上或从下往上。

从上到下的架构方法是由战略层驱动的，有时可能导致内容的重要细节被忽略

从下到上的架构方法是由范围层驱动的，可能导致架构过于精确地反映了现有的内容，因此不能容纳未来内容的变动或增加。

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

一个适应性强的信息架构系统，能把新内容作为有结构的一部分容纳进来，你可以把新内容当成一个完整的新部分加入。

4.2:结构化方法：

信息架构的基本单位是节点，节点可以对应任意的信息片段或组合。

这些节点可以许多使用不同的方式来安排，以下是几种不同的方式：

4.2.1层级结构：节点与相关节点之间存在父级、子级的关系；用户容易理解，常见结构。

4.2.2矩阵结构：允许用户在节点与节点之间沿着两个或更多的纬度移动；通常能够帮助带着不同需求来的用户，但是超过三个纬度就会出现问题。

自然结构：不会遵循任何一致的模式。这种结构很可能会把用户的经历变成一次挑战。

4.2.3线性结构：来自于你最熟悉的线下媒体。在互联网中线性结构经常被用于小规模的结构。

4.3组织原则：

组织原则基本上就是我们决定哪些节点要编成一组，而哪些节点要保持独立的标准。节点在信息结构中是依据组织原则来安置的。

不同的组织原则将被应用在不同的区域和网站不同的层面。

4.4语言和元数据

命名原则：描述、标签和网站使用的其它术语。用来强调一致性的工具叫受控词典。

与用户谈话并了解他们的沟通方式，开发出一个让用户感到自然的命名原则系统的最有效方式。

类词词典提供常用的、但未被纳入该网站标准用语的词汇，还包含词汇之间的类型关系，提供更广义、更狭义相关词汇建议。

使用受控词典或类词词典对于建立包含元数据的系统特别有用。

元数据就是关于信息的信息，即以一种结构化的方式描述内容的信息。

 

将搜索引擎与类词典联接起来，再加上元数据，就能让搜索引擎变得更聪明。

 

四、框架层

1.定义：

界面设计，针对功能型产品来确定框架，按钮、输入框和其它界面控件，做某些事。

导航设计，针对信息型产品，专门用于呈现信息的界面形式，在某个地方。

信息设计，两者都需要的，用于呈现有效的信息给用户，传达想法。

2.界面设计

让用户一眼就看到最重要的东西的界面设计

技巧一：界面第一次呈现给用户的时候，仔细考虑每一个选项的默认值。

技巧二：自动记住某个用户最后一次选择的状态。

3.导航设计

3.1任何一个网站的导航设计都必须同时完成以下三个目标：

3.1.1首先，它必须提供给用户一种在网站间跳转的方法；

3.1.2其次，必须传达出这些元素和他们所包含内容之间的关系；

3.1.3最后，必须传达出它的内容和用户当前浏览页面之间的关系。

3.2大多数的网站，实际上都会提供一个多重的导航系统：

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

3.2.2局部导航：提供该用户在这个架构中到附近地点的通路，仅提供页面的父级、兄弟级和子级通路；

3.2.3辅助导航：提供了全局导航或局部导航不能快速到达的相关内容的快捷途径；

3.2.4上下文导航：嵌入页面自身内容的导航，也叫内联导航；

3.2.5友好导航：提供给用户他们通常不会需要的链接，但他们作为一种便利的途径来使用；

3.2.6远程导航：并没有包含在页面结构中，而是以他们自己的方式，独立于你的网站的内容和功能。网站地图就是一种常见的远程导航，提供一级导航和二级导航链接。

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

4.信息设计

有时信息设计是视觉上的，有时涉及分组或整理散乱的信息。最关键的是用一种反映用户思路和支持他们的任务和目标的方式来分类和排列这些信息元素。

将信息设计和导航设计结合到一起，有一个重要的作用：支持指示标识，这是用来帮助用户理解他们在哪以及他们能去哪的系统。

5.线框图

页面布局是将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方

线框图是对一个页面中所有组成部分以及他们如何结合到一起的、最直观的描述。

 

五、表现层

1、表现层的定义：解决并弥补产品框架层的逻辑排布的感知呈现问题。

2、合理设计感知：视觉是用户体验师最得心应手的领域，因为几乎所有的产品都涉及到视觉设计。传达品牌形象有很多种方法，但是视觉设计是主要工具之一。

3、忠于眼睛

3.1如果你的设计是成功的，用户的眼睛的移动轨迹的模式应该有以下两个重要的特点：

3.1.1首先，他们必须遵循的是一条流畅的路径；

3.1.2其次，在不需要用太多细节来吓倒用户的前提下，它为用户提供有效选择的、某种可能的引导。

用户在页面上的视线移动，并不是随机的，它是一种所有人类共有的、对于视觉刺激而产生的一系列复杂的原始本能反应。

4、对比和一致性

在视觉设计中，我们用于吸引用户注意力一个主要工具就是对比。当一个元素在设计中显得与众不同时，用户就会注意到。一致性能使你的设计有效地传达信息，而不会导致用户迷惑或和焦虑。基于栅格线的布局能确保设计的一致性。

5、内部和外部的一致性

一个成功的设计不仅仅是收集小巧的、精心设计的东西，相反，这些东西应该能形成一个系统，作为一个有凝聚力、连贯的整体来使用。

6、配色方案和排版

一个企业的标准配色方案中所使用的色彩，是为了他们在一起工作而专门挑选出来的，他们之间是互补而不冲突的。

排版：对于创建一个特殊的视觉样式而言，如何使用字体和字型。

不要使用过于广泛和多样的风格

7、设计合成品和风格指南

在视觉设计领域中，对线框图最直接的模拟是视觉模型或设计合成物品。

视觉设计不一定要精确地按照线框图来做，只要他考虑到了相关的重要级别，以及线框图中各元素的组合关系。

风格指南确定了视觉设计中的每个方面，从最大到最小的范围内的所有元素。

创建一个风格指南同样有助于在一个分散的企业中实施设计的一致性。