《用户体验要素》读书笔记 2019-12-03

序言：作者用勤奋的思考和强大的归纳给了我们关于“用户”、“商业”、“技术”三者之间错综复杂关系的全局画面，帮助我们去寻找问题的真正症结所在。

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

1.什么是用户体验？用户体验是指“产品如何和外界发生联系并发挥作用”，也就是人们如何“接触”和“使用”它。当人们询问你某个产品或服务时，他们问的是使用的体验。它用起来难不难？是不是很容易学会？使用起来感觉如何？

2.产品设计？用户体验设计通常需要解决额时应用环境的综合问题，兼顾视觉和功能两方面的因素，同时解决产品所面临的其他问题。比如：“对于一个重要的功能来讲，这个按钮是不是太小了”用户体验设计同时还要保证当用户尝试去完成某个任务时，按钮在这种情形下能更好工作。比如：“用户可能同时使用另外的一些功能按钮，那么这些按钮的位置是否合理？”

3.为体验而设计：使用第一——产品越复杂，确定如何向用户提供良好的使用体验就越困难。在使用产品的过程中，每一个新增的特性、功能或步骤，都增加了导致用户体验失败的机会。

第二章  用户体验五要素

五个层面，例如通过一个网站购买一个实物：

1.表现层：可以看到一系列网站，由图片和文字组成，一些图片是可点击的，从而执行某种功能，例如把你带到购物车里去的购物车图标。一些图片就只是图片，比如一个促销产品的照片或网站自己的标志。

2.框架层：按钮、控件、照片和文本区的位置。框架层用于优化设计布局，以达到这些元素的最大的效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。

3.结构层：结构的具体表达方式。框架层确定了在结账页面上交互元素的位置：而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各要素的排列方式，允许用户可以浏览不同的商品分类：结构层则确定哪些类别应该出现在那里。

4.范围层：结构层确定网站各种特性和功能最合适的组合方式，而这些特性和功能就构成了网站的范围层。比如，有些电子商务网站提供了一个功能，使用户可以保存之前的邮寄地址，这样他们可以再次使用它。这个功能是否应该成为网站的功能之一，就属于范围层要解决的问题。

5.战略层：网站的范围基本上是由战略层所决定。这些战略不仅仅包括了经营者想从网站上得到什么，还包括了用户想从网站得到什么。就我们的网上商店的例子而言，一些战略目标是显而易见的：用户想要买到商品，我们想要卖出它们。另一些目标例如促销信息，或者用户填写的内容在上网模型中扮演重要的角色，可能并不是那么容易说清楚的。

这五个层面提供了一个基本架构，自上而下地建设。只有在这个基础架构上，我们才能讨论用户体验的问题，以及用什么工具来解决用户的体验。每一个层面都是根据它下面的那个层面来决定的。

注意：让每一个层面的工作在下一个层面可以结束之前完成。

用户体验的要素

1.功能型产品：感知设计——界面设计——交互设计——功能规格——用户需求、产品目标；

  信息型产品：感知设计——导航设计——信息架构——内容需求——产品目标。

第三章  战略层

  ——产品目标和用户需求

1.战略层描述了企业产品目标和用户需求的两个问题：我们要通过这个产品得到什么？我们的用户要通过这个产品得到什么？

2.产品目标：商业目标、品牌识别、成功标准（指标）。

  用户需求：用户细分、可用性和用户研究（问卷调查、用户访谈或焦点小组）、创建人物角色

3.战略应该是设计用户体验的流程中的起点，但是不意味着项目开始之前你的战略需要完全定下来，战略时可以演变和改进的。当战略被系统的修改和校正时，这些工作就能成为贯穿整个过程的、持续的灵感源泉。

第四章  范围层

  ——功能规格和内容需求

1.定义范围层同时在做这两件事：这是一个有价值的过程，同时能产生有价值的产品。

2.用文档来定义产品需求：这样才知道你正在建设什么；这样你才知道你不需要建设什么。

3.功能和内容：从战略层面的“我们为什么要开发这个产品”转到新的问题：“我们要开发的是什么？”

4.功能需求规格：功能型产品方向——哪些应该被当成产品的“功能”以及相应的结合；

  内容需求：内容型产品方向——编辑和营销推广的传统领域；需要通过内容管理系统来进行管理。

5.功能规格说明适用规则：

      （1）乐观：描述这个系统将要做什么事情去“防止”不好的情况发生，而不是描述这个系统“不应该”做什么不好的事情；

        例如，不太好的描述——这个系统不允许用户购买没有风筝线的风筝；

                  替换为——如果用户想买一个没有线的风筝，这个系统应该引导用户到风筝线页面

      （2）具体：尽可能详细地解释清楚状况。这是能决定一个功能是否被实现的最佳路径。

          例如以下两个句子：1.最受欢迎的视频要重点标注；

                                          2.上一周被播放最多的视频要显示在列表的最前端。

      （3）避免主观的语气：例如，这个网站的风格应该是时尚的、闪耀的。替换为：这个网站的外观应该符合企业的品牌指南文档。

6.确定需求优先级：由于项目范围是建立在战略层的基础上的，因此我们应该去评估这些需求是否能满足我们的战略目标。除此之外，还要确定：实现这些需求的可行性有多大？

第五章  结构层

  ——交互设计与信息架构

1.交互设计：关注与描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。

2.概念模型：用户对于“交互组件将怎样工作”的观点称为概念模型。软件是否把某个特性处理成用户所熟悉的某个概念？比如某个他去过的地方或某件他曾经拥有的物品。

3.信息架构：研究的是人们如何认知信息的过程，对于产品而言，信息架构关注就是呈现给用户的信息是否合理并具有意义。其基本单位是节点，节点可以对应任意的信息片段或组合——小到一个数字，大到整个图书馆。

4.语言和元数据：要让用户理解网站的命名原则——描述、标签和网站使用的其他术语。“使用用户的语言”和并且“保持一致性”是非常重要的。我们把用来强调一致性的工具称为受控词典：网站使用的一套标准语言。使用受控词典或类词词典对于建立包含元数据（关于信息的信息，即以一种结构化的方式来描述内容的信息）的系统特别有用。

第六章  框架层

  ——界面设计、导航设计和信息设计

1.对于功能型产品，通过界面设计来确定框架——一个大家所熟知的、“按钮、输入框和其他界面控件的领域。对于信息型产品，要解决的是一个独一无二的问题：导航设计。对于二者来讲，信息设计是都必须要做的，它用于呈现有效的信息沟通。

2.界面设计：提供给用户做某些事的能力；用户能接触到“在结构层的交互设计中”的具体功能。它要做到选择正确的界面元素。成功的界面设计能让用户一眼就看到“最重要的东西”。

3.导航设计：提供给用户去到某个地方的能力；通过它用户可以“在结构中自由穿行”。

          要实现的三个目标：提供给用户一种在网站间跳转的方法；传达出这些元素和它们所包含内容之间的关系；传达出它的内容和用户当前浏览页面之间的关系。

          导航系统：全局导航提供了覆盖整个网站的通路；局部导航提供给用户这个架构中到“附近地点”的通路；辅助导航提供了全局导航或局部导航不能快速达到的相关内容的快捷途径；上下文导航是嵌入页面文字中的一种导航；友好导航提供给用户他们通常不会需要的链接，但它作为一种便利的途径来使用；远程导航没有包含在页面结构中，而是独立于网站的内容和功能，例如网站地图；索引表按字母顺序排列、链接到相关页面的列表。

4.信息设计：传达想法给用户。

          指示标识：用来帮助用户理解“他们在哪”以及”他们能去哪“的系统——将信息设计与导航设计结合到一起；

          页面布局：将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。页面布局被纳入一个详细的文档，即页面示意图或线框图，对一个页面中所有的组成部分以及它们如何结合到一起的、最直观地描述。

          线框图：整合在结构层的全部三要素的方法：通过安排和选择页面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。把这三者放在一个文档中，线框图就可以确定一个建立在基本概念结构上的架构，同时指出了表现层的设计应该前进的方向。

第七章  表现层

  ——感知设计

1.合理设计感知：（1）嗅觉和味觉，用户体验设计师很少考虑到；

                            （2）触觉：属于工业设计领域；

                            （3）听觉：声音不仅可以用来通知用户，还可以使导航变得更具有个性；

                            （4）视觉：用户体验设计师最得心应手的领域，具体内容如下：

2.用户眼睛移动轨迹的模式有两个特点：遵循的是一条流畅的路径；不需要太多细节来吓倒用户的前提下，为用户提供有效选择的、某种可能的”引导。

3.对比和一致性：对比，当一个元素在设计中显得与众不同时，用户就会注意到。通过给文本一些不同的颜色(比如红色)或一个醒目的图形将他们凸显出来，就能让整个界面完全不同了。一致性，使你的设计有效的传达信息：将视觉元素的大小保持一致的尺寸，可以使你在需要的时候把它们更容易的重新组合成一个新的设计。   

4.内部和外部的一致性：

      内部一致性——在产品的两个不同的地方反映了不同的设计方法。解决方法”确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。在进行设计之前，从这些不同的环境中将每一个设计元素独立出来。只设计一次就可以将方案应用到整个产品中。

      外部一致性——这个产品没有在同一企业的其他产品中，反映出被用的、相同的设计方法。

5.配色和排版： 配色——更亮和更醒目的颜色可以用于设计前景色——那些你希望得到更多注意的元素中；更黯淡的颜色最好用于那些不需要跳出页面的背景元素中；拥有更多可选择的色彩，为我们提供了一套能做出高效的、可供设计选择的工具包。排版——对品牌标识有重要作用；对于正文来讲，任何文本都会呈现在一个较大面积的区域并且被用户长时间的注视，因此简单最好；对于更大的文本元素或者类似导航元素中看到的短标签一样的文本，稍微具有个性的字体也是非常恰当的。

6.设计和成品和风格指南：设计和成品——在视觉设计领域中对线框图最直接的模拟式视觉模型或设计合成品，显示了各个独立的组件时如何结合到一起形成一个有机的整体的；或者它们没有组成一个整件，就说明某个地方破坏了它，同时也表示这是一个任何解决办法都必须要考虑到的约束条件。风格指南——承载了设计决策的权威文档。它汇总了视觉设计的各个方面，所有元素；还包括某一模块或网站功能的具体标准。

第八章  要素的应用

1.提出正确的问题：将每一个决定都建立在对其背后议题的理解上。与用户有关的第一个问题恐怕是问你自己的：你为什么要这么做？

2.产品开发是一场“马拉松”。