《用户体验要素：以用户为中心的产品设计》-ajax之父jesse james garrett

一句话简介：

建设产品五个层，战略、范围到结构，框架完了来表现。

这本书大部分是在摇摇晃晃的公交车上读完的，看完之后对小白来说最大的帮助莫过于对于产品设计有章可循，认识到五个重要的要素，并根据它们自下而上地建设。
在全书一开头，就花了一整章篇幅介绍，用户体验为什么如此重要？

用户体验，（英语：User Experience，简称UX），是涉及到一个人使用一个特定产品或系统或服务的有关行为、态度、与情绪。——源：维基百科

显然不能光有漂亮的外壳使得用户难以实现功能，在这一点上可能显示成产品设计与用户体验手机的区别——用户体验设计通常要解决的是应用环境的综合问题，比产品设计考虑的更全面更复杂。
不过用户体验和产品自身的定义之间是的关系相对而言是独立的，产品设计出来是为满足了用户某些需求，体验设计是解决使用产品的问题，而自乔帮主的影响力，想必现代人都明白用户体验即为商机。

用户体验的五个层面、10个要素

将用户体验的设计流程分为5个层：

• 表现层：一系列的网页，由图片和文字组成

• 框架层：按钮、控件、照片和文本区域的位置。是结构层的具体表达方式。框架层用于优化设计布局，以达到这些元素的最大的效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。
• 结构层：用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方（确定网站各种特性和功能最合适的组合方式）
• 范围层：网站的特性和功能（比如提供用户可以保存之前的邮寄地址功能）
• 战略层：经营者想从网站得到什么、用户想从网站得到什么​；

可能很多未接触过的我们在项目开发时流程是从表现层开始，显然是错误的从而导致项目存活率极低，日程不对应等问题，而事实表现层有框架层决定，框架层则建立在结构层的基础上，结构层的设计基于范围层，范围层是根据战略层来制定。因而在实际应用时，我们也是环环相扣，毕竟他们的界限可能并没有那么明确。

战略层用于确定产品目标、用户需求

只有明确好了这些目的，才能正式顺利开展工作。——
产品目标：用尽可能具体的词汇来定义我们期望产品“本身”能完成的事情。

1. 商业目标
2. 传递品牌识别
3. 产品目标成功的标准 例如网站，可用户访问平均停留时间、转化率、二次访问率来测评

用户需求：做法为 寻找目标用户–>调研需求–>确定需求优先级别

1. 用户细分
2. 可用性、用户研究
3. 创建角色，自我融入场景

范围层用于寻求功能规格、内容需求

这是一个最具价值的过程，因此我们需要不少的文字功能进行总结，在假设一个产品的过程内考虑潜在的冲突和产品中一些粗略的点，保证在设计过程中不会出现模棱两可的情况。我们常谈的文档记录产品需求不仅仅要包含需要的功能，也要囊括不需要的，并持续做到分工明确、责任清晰。
关于需求的分析，书中讲得格外好，但要认真地实践可能获得长久的收益，以下附上部分做法：

1、定义需求

• 技术需求（支持的浏览器、操作系统、硬件需求）
• 品牌需求
• 特性需求（产品必须拥有、某种特性）

2、需求的类别

1. 直接讲述的、用户想要的东西。
2. 用户说出来、所期望的特性其实并不是他们想要的（比如某人想吃包子，其实用户真正是的需求是解决饿的问题，在无法提供包子的情况下，米饭完全可以满足需求）。
3. 人们不知道他们是否需要的特性。

3、需求获取途径

• 人物角色放入模拟场景中
• 从竞争对手处得到一些启示
  小tips:
  1、乐观：描述这个系统将要做什么事情去“防止”不好的事情发生，而不是描述“不应该”做什么不好的事情。
  2、具体：尽可能详细的解释清楚状况，这是我们能决定一个需求是否被实现的最佳途径。
  3、避免主观的语气（有参考标准、量化定义功能）：需求必须可验证，找到某种方式来明确说出应该达到的标准。也可以用量化的术语来定义一些需求，通过这样的手段来避免主观性。

内容需求也总结了四个点。除此之外优先级是决定人们所建议的相关特性的首要因素。

结构层用于交互设计、信息架构

这一层已经是第五层了，也很关键，只有理解了用户的工作方式、行为及思考模式，从交互设计到信息架构都很重要。
交互设计关注于描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。其中概念模型用户对于“交互组件将怎样工作”的观点称为“概念模型”，一个概念模型可以反映系统的一个组件或是整个系统，用于在交互设计的开发过程中保持使用方式的一致性。
信息架构如何选择并组织信息，以保证别人能理解并使用它们。是研究人们如何认知信息的过程，对于产品而言，信息架构关注的就是呈现给用户的信息是否合理并具有意义。网站的信息架构的主要工作就是设计组织分类和导航的结构，从而让用户可以高效率、有效率地浏览网站的内容。

框架层用于界面设计、导航设计、信息设计

• 界面设计：用来确定界面控件元素以及位置，提供用户完成任务的能力，通过它，用户能真正接触到那些”在结构层的交互设计中“确定的”具体功能“
• 导航设计：呈现信息的一种界面形式，提供给用户去某个地方的能力。
• 信息设计：呈现有效的信息沟通，传达想法，它是这个层面中范围最广的一个要素。
  有一些常见的技巧：认真揣摩呈现给用户的默认页面、记住用户最后一次选择状态的系统。对于那些被养成的习惯，并不是说死守而是让每一个改变都有充分明确的理由。“成功的界面”是一眼能看到最重要东西的。
  这一部分，书中也举了很多例子，将三个方面的设计讲得很详细很通俗，也指出了每一个分支的重要意义，╮(╯-╰)╭这里实在很难进行高度概括的知识输出，大家可以自行翻阅第六章(✿◕‿◕✿)

表现层用于感知设计

此为定义:界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素安排，信息设计考虑传达给用户的信息要素的排布,解决并弥补”产品框架层的逻辑排布“的感知呈现问题。
** 一个成功的设计有2点 **

• 遵循的是一条流畅的路径；在不需要太多细节来吓到用户的前提下(这里我想到了之前迪特·拉姆斯的设计十原则)，它为用户提供有效选择的、某种可能的“引导”。
  对比和一致性
  1、对比是重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的主要手段。
  2、在设计中保持一致性是另一个重要的组成部分——基于网格线的布局（grid-based layout）
  3、视觉设计的一致性一般会有 2 种毛病：
  •内部一致性的问题，在网站的两个不同的地方反映了不同的设计方法。
  •外部一致性的问题，这个网站没有在同一个企业的其他产品中，反映出被使用的、相同的设计方法。配色方案（color palette）和排版（typography），品牌识别，传达品牌形象风格指南（style guide）：汇总文档，确定了视觉设计的每个方面。

呼，总算到应用了

不论是在由领导、现状、模仿决定的设计之中哪一个，你都要始终保持你需要解决的问题及你方案实现的后果，接着提出正确的问题；

• 将每一个决定都建立在对其背后的议题的理解之上。 与用户体验有关的第一个问题恐怕是问你自己的：你为什么要这么做？
• 不要以“节省项目时间或金钱”的名义对用户体验敷衍了事。
• 专注于用户体验中某个具体元素的问题，能帮你收集来自用户的更多的相关信息。不然很可能以提出错误的问题而告终。
• 不能简单地依赖用户来阐明自己的需求。创建任何一种用户体验的挑战是“比用户自己更准确地理解他们的需求”。测试可以帮助你了解用户的需求，但它只是能达到同样的目的的许多工具之一。
• 用户测试永远无法取代一个考虑周密的、准备充分的用户体验设计过程。

后记

始终从完整的用户体验出发，那么最后得到的网站就是一份有价值的资产。每一件与网站的用户体验相关的事情都是经过有意识地、明确地决策的结果，只有这样才能确保这个网站能同时满足你的战略目标和用户需求。——来自一只累垮的洋