1.背景
    书中介绍作者作为一个信息架构师加盟了一个多年从事网页设计的顾问公司所遇到的问题，也是我加入每加入一个团队会遇到的。通过自己的方式来确定工作职责，并告诉身边同事，我的存在是为了让他们更好的工作，而不是制造困难。我的出现不会降低他们的权威性，而是整体提升我们团队的价值度。

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

    1.2产品设计到用户体验设计
    有些负责创建产品的人可能根本不会想到“设计”这个词。对于他们来讲，创建一个产品的过程更像是在“开发”：逐步建立和完善产品的特性和功能，直到它们所组成的那个东西在市场上是可行的。 对于这种人而言，产品设计是由功能决定的—或者就像某些设计师 常说的，“外形服从于功能”。这种观点对于产品的内部运作（那些用户 不可见的部分）是完全适用的。但是，对于产品直接面对用户的那些部 分—按钮、布局、文字，也包括外观，正确的产品形态绝对不是由“功能”所决定的，而是应该由“用户自身的心理感受和行为”来决定的。

    • 用户体验设计师通常要解决应用环境的综合问题
    • 视觉设计选择合适和按钮形状和材质，要保证能够引起用户注意
    • 功能设计要保证按钮在设备上触发合适的动作
    • 用户体验设计师要综合考虑以上两者，兼顾视觉和功能两方面，同时解决产品所面临的其他问题

    不管用户访问的是什么类型的网站，它都是一个“自助式”的产品。没有可以事先阅读的说明书、没有任何操作培训或讨论会、没有客户服 务代表来帮助用户了解这个网站。用户所能依靠的只有自己的智慧和经 验，来独自面对这个网站。

    用户被困在了某个地方，必须要靠自己找到出路，这已经够糟糕了；而大部分网站甚至都没有意识用户的困境，这只会让事态变得更 糟。无论用户体验对网站的成功具有多么重大的战略意义，在大多数网站发展的过程中，仅仅是“去理解人们所想和所需”这样一件简单的事， 都从来没有得到过重视。

    1. 任何在用户体验上所做的努力，目的都是为了提高效率（“帮助人们更快”和“减少他们犯错的几率”）
    2. 效率影响的不仅是最终结果。当工作中用到的工具“合乎规则”、“容易使用”、“不令人沮丧”“无必要的沮丧的复杂性”

    2.思想原则

    • “以用户为中心的设计”（user-centered design）（在开发产品的每一个步骤中，都要把用户列入考虑范围）
    • 做的每一件，都需要经过慎重考虑和论证后决定的（设计出一个更好的解决方案需要更多的时间和费 用，你可能不得不在各个方面做出妥协。但是，一个“以用户为中心”的 设计流程保证了这些妥协不是随机决定的。考虑用户的体验、把它分解 成各个组成要素、从不同的角度来了解它—只有这样，你才能确保你控制了决策所造成的全部结果。）

    3.具体方法
    主要分为五个层面：表现层、框架层、结构层、范围层、战略层
    2备份.png

    3.1表现层Surface**
    由图片和文字组 成。一些图片是可以点击的，从而执行某种功能，例如把你带到购物车 里去的购物车图标。一些图片就只是图片，比如一个促销产品的照片或 网站自己的标志（感知设计：内容、功能和美学汇集到一起来产生一个 最终设计，完成其他四个层面的所有目标，并同时满足用户的感官感受。

    • 触觉（震动设备）
    • 听觉（应用面积广泛，TiVo用户在使用它的导航时，可以轻易地理解各种各样的“哔”、“砰”、“嘭”声 所代表的含义。）
    • 视觉（你可能会认为视觉设计就是一件很简单的事：美术。对于 什么构成了视觉上的愉悦感觉，每个人都有不同的品味和想法，所以关 于设计方案的每一次讨论总会归结到个人偏好上。我们应该将注意力集中在它们的“运作是否良好”）
    1. 对于那些在之前的层面就确定的 目标，视觉设计给予它们的支持效果如何？
    2. 产品的外观有没有破坏结构，有没有使结构中的各个模块之间的区别变得不清晰、模棱两可？
    3. 外观有没有强化结构，使用户可用的选项清楚明了？

    评审产品视觉好坏的方法
    可以采用眼球追踪（eyetracking）：仪器来确定被测 人倒底正在看什么，以及他们的视线是如何在这个屏幕上移动的。

    1.流畅性

    • 首先，遵循的是一条流畅的路径（这表示这个设计确实没能顺利地引导他们在页面上移动。他们的眼睛在各种各样的元素之间跳来跳去，所有的元素都在 试图引起他们的注意）
    • 其次，在不需要用太多细节来吓倒用户的前提下，它为用户提供有效选择的、某种可能的“引导”。就像我们一直在说的那样，这些引导 应该支持用户试图在此刻通过与产品交互去完成的某个目标和任务。也 许更重要的是，这些引导不应该分散用户对那些“能完成目标的信息或 功能”的注意力。

    用户在页面上的视线移动并不是随机的。它是一种所有人类共有 的、对于视觉刺激而产生的、一系列复杂的原始本能反应。对于我们设 计师而言，非常幸运的是，这些反应并不是完全无法控制的—数百年以来，我们已经发展出了各种各样的有效的视觉手段，来吸引或分散注意力。

    2.一致性和对比
    3.布局和栅格（来指导布局工作可以保证一致性而不会牺牲统一）

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

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

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

    3.5战略层**
    更高层面，往往来源于BOSS或高层会议。

    **4.量化指标

    1. 投资转化率（ROI）
    2. 转化率（例：3个注册并订阅邮件用户/36个访问者=8.33%）
    3. …..

    5.意义
    1.对你的员工而言，这种工具不仅仅提高了他们的生产力，还增加了 他们的工作自豪感，这大大减少他们考虑换一个新工作的机会。
    2.节约成本。这能让 你节省招聘和培训的费用
    3.如果再算上一个更加尽心尽力、经验丰富的 员工所能带来的更高质量的工作成果，你从中获得的效益是显而易见 的。