用户体验是什么意思，用户体验有哪五要素。用户体验是用户在使用产品或服务的过程中建立起来的一种纯主观的心理感受。

从用户的角度来说，用户体验是产品在现实世界的表现和使用方式，渗透到用户与产品交互的各个方面，包括用户对品牌特征、信息可用性、功能性、内容性等方面的体验

设计为了解决用户的问题，要做的是平衡商业价值与用户需求，通过自己的专业水平为企业、用户创造最大的价值。

用户体验设计：首先要解决用户的某个实际问题（满足需求）；其次是让问题变得更容易解决（易用性）；最后是给用户留下深刻的印象（愉悦），让他在整个过程中产生美好的体验。

因此，用户体验设计首先应是理性的过程经历（如解决用户插电源的烦恼等），其次才是感性的个人情感（设计的美观度，瞄准“苍蝇”的趣味性等）。

用户体验五要素

整个产品设计分为5个大的方面，由低到高，底层根本原因决定上层形态构成。

战略层：我们为什么要做这个产品？

范围层：我们要建设什么样的功能内容？

结构层：如何呈现给用户？模式、顺序、优先级？

框架层：哪些功能在哪些页面上完成？这些功能在页面上如何实现？

表现层：不仅是美化，而是产品功能是否得到很好的展示？

每个层面的选择，都会受到其下一层面的决策的约束。

企业战略层决定了我们会在范围层选择哪些功能和内容；

我们选择哪些功能和内容限定了结构层的交互设计和信息架构；

交互设计和信息架构的搭建也约束着框架层的设计；

框架层的设计则为表现层的视觉设计提出了要求和规范。

这样的限定也可以反向推导：当我们需要在某个层面做出一些限定外的选择时，很可能就需要重新审视在下一层面已经拍板了的决策。基于这样的连锁效应，我们对于工作时间的计划应该保证：让任何一个层面的工作都不能在其下层面的工作完成前结束。

一、战略层

内：我们要从这个产品中得到什么？产品目标是什么？

外：我们的用户要从这个产品中得到什么？产品需求是什么？

产品目标：也许大部分的产品都会是以用户为出发点的，都是为了满足用户需求，赢得市场利润。

用户需求：这个可能就是用户体验最大的挑战，就是比用户自己更准确地去理解他们的需求。

用户需求核心：可用、易用、好用的产品。

通过用户细分-用户研究-创建人物角色等方法可以通过较为科学的方式量化用户需求，更好的为产品后续工作指明方向。

1.用户细分

几乎大部分的产品都有针对性的用户群体，所有要将用户更加一定的标准加以区分出来，如何能够较好的划分用户群体：

人口统计学：性别，年龄，教育水平，婚姻状况，收入等；

技术概况：对网站相关内容的知识了解程度 （完全不懂、普通人群、专业人士等）；

互联网使用情况：用户每周使用网站的频率，生活中哪些方面会使用到网站；

喜欢常用的网站有哪些；

通过用户细分构建完整的用户画像。

2.用户研究

如何从用户身上获取信息，就需要针对性的做问卷调查和焦点小组。

想要知道用户如何使用某个网站特定功能?了解他们为什么使用该功能？

比如：用户访谈，现场调查、任务分析、用户测试，卡片排序法等方法不断去验证我们所收集到的信息是否正确，是否是用户所真正需要的。

3.创建人物角色

必须确保整个设计过程中始终把用户放在心里，人物角色是虚拟的，但却代表整个真实用户群体的需求，是将用户研究的资料重组关联起来的，使人物栩栩如生。

随时随地考虑角色需求，创立有代表性的场景，当决定网站的用户体验设计时，必须要紧记人物角色所代表的用户群的需求，为了帮助我们记住他们的需求，所有必须将人物形象化，时时记住用户的需求。

4.建立用户地图故事

使用《用户地图》故事描述一个角色，并给出主要需求。

5.需求分析

通过用户的主要需求，采用《设计需求的四个步骤》深入分析用户的需求，对需求进行设计。

二、范围层

制定完战略层，我们对“企业想要从产品获得什么”和“用户想要从产品获得什么”有了一个较清晰的认知，接下来要做的就是对已确认需求进行进一步具体拆分细化和排定优先级，考虑提供给用户什么样的功能和内容。

需要编写完善的项目需求文档，把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能，避免范围蠕动。明确知道正在建设什么？也要知道不需要建设什么？这一点也非常重要，不能人云亦云，盲目跟风。明确永远不需要建设的，及现在不需要建设的，可为后面迭代版本做准备的。

1.功能内容

为了区分功能性产品和信息型产品，分别使用功能规格/内容需求。内容和功能是两个完全不同的事物。

2.定义需求

需求的适用范围有差异，有的只适用特殊的特性，有的适用于整个产品。大部分时候，当人们说到某种需求的时候，他们想的是产品必须拥有的、某种特性的一句简短描述。

最用之不竭的需求源泉总是来自用户本身。但更多的时候，你的需求将来自与项目利益相关的同事—那些在企业中总想影响你的产品的人。具有讽刺意味的是，那些很少去想象产品新方向的人，恰恰是参与创建和设计产品最深入的人。

听取从自己不熟悉的角度出发来考虑的、对于产品的观点，并给予反馈，可以鼓励人们多角度全方位地思考开发中的产品遇到的问题以及解决办法。

每一个产品特性（功能/需求）必须是可验证的 - 需求有没有被满足。

3.需求优先级

任何不符合当前项目的战略目标的特性建议，都要通过范围定义将其排除出去。

有时候，两个不同战略目标之间的重要程度也会出现不是很清楚的情况。这时候，特性最后是否能纳入项目范围之中，往往取决于企业的政治局面。

当管理层谈到战略的时候，他们通常从某种产品特性开始，然后你不得不耐心地把他们引导到后面的战略因素上去。由于管理层常常分不清特性和战略，某些特性总是会占据上风。因此需求的定义过程就变成了与这些管理层进行谈判的过程。

对决策者的需求表示认同，是解决特性冲突的关键。

范围层的真正意义在于：判断、选择有价值、有限的、可行的事。

需求范围控制能力是产品高阶技能，正如《孙子·谋攻篇》：“知彼知己，百战不殆；不知彼而知己，一胜一负；不知彼，不知己，每战必殆。”优先级排列的原则为:

产品目标

用户目标

实现难度

费效比

产品生命周期

三、结构层

结构层就是将范围层中那些分散的需求/功能片段组成一个整体，确定各个将要呈现给用户的选项模式和顺序，优先级。

这个层面主要包括交互设计和信息架构，主要以交互流程图和信息架构图为主。

1.交互设计

为用户设计结构化体验的方法，明确可能的用户行为，系统何如配合与响应，影响用户执行和完成任务的选项，最终要明确哪些功能该在哪些页面上完成。

概念模型：交互组件该将如何工作？可以模拟现实相对应的实物，例如购物车，可以很好的和用户达到交互的功能。

错误处理：当用户犯错时，系统怎么反应，当错误第一次发生时，系统要如何防止继续犯错，最好将系统设计成不可能放错或难以犯错。最后有重做或撤销功能。删除时也不完全删除，而是放入回收站。

2.信息架构

组织管理、分类、顺序排列，如何将信息表达给用户的选项，设计组织分类和导航的结构。

创建分类体系，确保用户是否认为每一个步骤都是合理的，当前的步骤是否自然的延续上一个步骤的任务，产品是有生命的个体，和后端代码设计也有同样的要求，要有很好的健壮性，能够容纳成长和适应变动，等到后期添加内容时不会有太大影响，也能够很好的组合。

结构方法：组织原则，命名原则，都要让用户在整个网站的结构中找到想要走的的路。整个网站要能够很好的保持一致性。要能够很好的使用用户属性的语言规范。

四、架构层

功能在页面上面如何被实现。界面设计、导航设计、信息设计、三者融合的产物，三者关系相互影响，很多因素都得同时考虑。

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

导航设计：提供用户去某个地方的能力；

信息设计：创达想法给用户；

1.线框图

线框图：将整个页面布局规划好，必要时参考文档交互设计和内容需求说明。

产品结构图：产品结构图是画线框图之前的产品结构设计图。它包含了导航设计、功能、信息展示等内容。

页面交互图：页面交互图是画线框图之前的产品页面交互图。它按照导航罗列了所有的产品页面，以及它们之间的跳转关系。

2.界面设计

弄清用户不需要知道的内容，减少可视性，组织好用户最常采用的行为。让用户完成目标的过程变得容易，仔细考虑好每一个选项的默认值。不同功能控件的选择（按钮，复选框，单选框，文本框，下拉菜单，多选菜单），及时提供错误说明消息。

3.导航设计

告诉用户在哪里？能去哪里？导航设计中必须创达出它的内容和用户当前浏览页面之间的关系。导航包括了多个系统：全局导航、局部导航、上下文导航、友好导航、网站地图、索引表等。

4.信息设计

分组和整理散乱的信息，反应用户的思路，有时信息设计是考视觉上呈现：比如饼状图还是柱状图谁更好呈现数据？

五、表现层

框架层：主要解决的是放置的问题；

界面设计：考虑可交互元素的布局；

导航设计：考虑在产品中引导用户移动的元素的安排

信息设计：考虑传达给用户的信息要素的排布；

接下来就是表现层：主要解决并弥补“产品框架层的逻辑排布”的感知呈现问题。就像一个人在骨骼架上填充完血肉，但还是显得晦涩，不便面世，这时候还需要雕刻上精细的五官，水嫩的皮肤、修长的手脚指等。

嗅觉/味觉/触觉设计：在互联网产品中较少使用到这些方面，在AI产品中可能会较为常见；

听觉设计：游戏类产品中较为常见，在非游戏类产品中多用作通知提醒；

视觉设计：表现层设计中最为常见的就是视觉设计，咱们做重点阐述。

1.让产品“说话

一个好的视觉设计，能够正确地延续上层确立的产品思路，给予相应视觉效果支持。比如：传递品牌形象、提高付费转化率等。

2.视觉对比和引导

在不破坏网站结构情况下，加强各个模块之间的区分，把用户的注意力吸引到界面中的关键部分。用户的浏览轨迹是流畅的路径，各个设计元素不会分散用户注意力，视觉引导支持用户去完成他们的目标任务。

3.内部视觉设计的一致性

视觉设计的一致性能够使产品的设计有效地传达信息，而不会导致用户迷茫或焦虑。

4.设计合成品和风格指南

设计合成品也可以称为视觉模型，确切地说，它就是从已选定的各个独立的组件中建立起来的、一个最终的可视化产品。从框架层的线框图到表现层的设计合成品，是从一个个苍白组件过渡成为一个有机整体的过程。

风格指南的建立是由于：随着时间推移，我们的決策原因会逐渐从记忆中消失；当人们离开这份工作后，后来者能够很好地继承这些标准。所以我们需要风格指南来承载这些设计決策，这份文档确定了视觉设计的每个方面，从最大到最小范围内的所有元素以及某一个模块或功能的具体标准。其实从上面一个例子就可以看出风格指南有多重要了。

强调：视觉设计不仅是美化，而是是否满足上面四个层面的所有目标。

什么是具有美感的评估标准是不具体的。而是观察：视觉设计品牌形象，是否符合战略定位？

视觉设计是否破坏了结构？

视觉设计是否很好支持之前各层确定的目标？视觉设计使用户可用的选项清楚明了了吗？

评估原则：你的视线首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？它们对战略目标来讲是很重要的东西吗？用户第一时间注意都的东西与产品目标是背道而驰的吗？

实施细则：眯着眼或斜着去看产品页面，直到不能能够认出任何细节。远距离观察页面，不看细节，不要想太多，无意识移动，确定视线停留的地方？

成功特点：用户视线遵循的视线是流畅的路径。不能太拥挤或太跳跃，引导用户更好地完成目标或任务。

设计原则：一致性原则，内外部一致性，配色方案排版保持大体一致性。

对比原则：恰当的对比把用户的注意力吸引到界面的关键部位。无对比视线四处游离，过多对比会使页面拥挤、杂乱。