[UE]《用户体验要素》笔记与所想

简述

这本书是Ajax之父的介绍用户体验的，是从比较高的角度的把握，并非如何实现细节。

用户体验之重要性

何为用户体验？

用户体验

用户体验并不是一件产品本身如何工作，而是“产品如何与外界发生联系并发挥作用”，也即人们如何“接触”和“使用”它。

个人理解：

如运行于产品内部的code的实现，并不就叫用户体验，而是所有软硬件所留给用户的接口，才是用户体验相关的内容。用户使用这些接口是否简单？是否稳定？是否没有歧义？等等，而这些用户体验的效果，其实反过来会反应产品内部的软硬件的设计，包括其架构和细节的设计。

怎么设计一件产品？

功能设计

作为工程师，“外形服从于功能”，这是非常常见的做法，我们考虑做一件产品，首先是想到它是用来做什么用？它要实现哪些功能？然后基于这个基本考虑，开始规划产品的细节的功能模块的设计，等大体框架搭好之后，我们首先也是以产品原型的方式，进行测试验证其功能，而最后，才会考虑如何对产品外观进行保证。

用户接口设计

因为将用户体验简化理解为一种抽象的用户接口了，所以这里使用“用户接口”一词。
这部分更多涉及的是按钮，布局，文字，外观，产品形态上不应当由功能来决定，而由“用户自身的心理感受和行为”决定。简单的说，就是在设计按钮，布局，文字，外观这些内容时，必须要脱离产品研发工程师的所有内容，跳到用户的角度来思考，体验，使用，改进，反方向的提出对前面“功能设计”的部分的改良需求。因此，用户体验的设计是要兼顾视觉和功能两方面的。《用户体验要素》一书重点就是介绍本部分的设计细节，不过是从比较高的角度。

产品越复杂， 用户体验设计越重要

应当是这样的，因为提供的用户的接口会很多很多，如何合理组织这些接口，让用户不至于觉得烦和乱，就需要有用户体验设计的考虑了。

用户体验与网站

不管用户访问的是什么类型的网站，它都是一个“自助式”的产品，用户所能依靠的只有自己的智慧和经验，来独自面对这个网站。
需要“去理解人们所想和所需”。
提供优质的用户体验，是一个重要的、可持续的竞争优势。用户体验形成了客户对企业的整体印象，界定了企业和竞争对手的差异，并且决定了客户是否还会再次光顾。
任何在用户体验上所做的努力，目的都是为了提高效率，即“帮助人们工作得更快”和“减少他们犯错的几率”。

在乎用户

• 以用户为中心的设计（UCD），即在开发产品的每一个步骤中，都要把用户列入考虑范围。

用户体验的要素

要考虑到用户有可能采取的每一个行动的每一种可能性，并且去理解在这个过程的每一个步骤中用户的期望值。这样考虑的话，用户体验的设计是非常复杂的。因此用户体验的设计也要讲究模块化，层次化。


每层次之间的上下联系和制约：

各个层次的工作是相互交错的，可能并不是一次完成，而是有不断的改进：

战略层

• 产品目标：我们要通过这个产品得到什么？
• 用户需求：我们的用户要通过这个产品得到什么？
  即通过这个层次，要实现的是公司与客户的双赢，即双方都能得到满足自己需要的产品。

范围层

功能规格和内容需求，“我们要开发的是什么”。

结构层

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

框架层

界面设计、导航设计和信息设计。
提供给用户做某些事的能力，属于界面设计。通过界面，用户能真正接触到那些在结构层的交互设计中确定的具体功能；
提供给用户去某个地方的能力，是导航设计。
传达想法给用户，就是信息设计。

界面设计

• 界面设计要做的全部事情就是选择正确的界面元素，这些界面元素要能帮助用户完成他们的任务，还要通过适当的方式让它们容易被理解和使用；
• 设计复杂系统的界面所面临的最大挑战之一，是弄清楚用户不需要知道哪些东西，并减少它们的可发现性；
• 一个设计良好的界面是要组织好用户最常采用的行为，同时让这些界面元素用最容易的方式获取和使用。
  一些标准的界面元素：
  复选框
  
  单选框
  
  文本框
  
  下拉菜单
  
  多选菜单
  
  按钮
  

界面设计需要将最重要的东西放在最显眼的位置，还包括对用户操作习惯的考虑，不重要的信息进行弱化或者是去除。而底层功能（如硬件，软件）的设计，则要全盘考虑所有可能的情况，并作出应对，否则很可能就是bug。

导航设计

导航设计的目标

• 必须提供给用户一种在网站间跳转的方法；
• 必须传达出这些元素和它们所包含内容之间的关系；
• 必须传达出它的内容和用户当前浏览页面之间的关系。

全局导航

局部导航

辅助导航

上下文导航

友好导航

友好导航指一些可能不需要的信息，但是需要的时候又很有用，如联系方式等等。

信息设计

有时信息设计是视觉上的（饼图，柱状图）。有时信息设计涉及“分组”或“整理”散乱的信息。

线框图

页面布局是将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。
页面布局被纳入一个详细的文档，称为页面示意图或线框图。

表现层

感知设计。