本文目录导航：
用户体验要素——以用户为中心的产品设计
我一句话概括《用户体验要素》：良好用户体验，应从表现层、框架层、结构层、范围层、策略层五大层面登程 。
用户体验（User Experience，简称UE/UX）是一种在用户经常使用产品环节中建设起来的纯客观感触。
用户经常使用产品的客观觉得，包括心灵，视觉，触觉，听觉，情感、崇奉、喜好、认知印象、生理和心思反响、行为和成就等各个方面。
创立吸引人的、高效的用户体验的方法。
用户体验分为表现层、框架层、结构层、范围层、策略层五大要素。
表现层 咱们往常最容易留意到的，也是最浅在的层面是表现层，如内容，配置，界面，色调，质感，图标、文字、图片等组成的视觉元素，咱们看到一个产品时，它的背景颜色，或许是某个图标的样式好不难看，这些都是用户体验的表现层。
【视觉设计】框架层 框架层是将上一层，即表现层的内容，比如按钮、表格、照片、文本域等等要素在产品上的位置启动规划，到达这些要素的最大成果和效率。
【消息设计】结构层 结构层是产品结构的详细表现方式，也就是用来设计用户如何抵达某个页面，并且在实施完某个配置后又抵达某个页面，这就是我理论讲的“交互设计”。
【消息架构】范围层 再来就是选择产品的特性以及每个需求对应的详细配置了，一个配置能否应该成为这个产品的配置之一，这就是咱们在范围层上思索的内容。
【内容需求】策略层策略层是最高层的产品层级，是制订用户所要到达的策略指标，同时围绕要到达这些指标，选择产品的需求，这须要同时思索到企业和用户，是比拟微观方面的。
【用户需求】口头 产品经理、配置产品经理、 规划 产品经理、 策略 产品经理、是由《用户体验要素》中五大档次架构中加长进去对产品经理五个层级的思索。
举一个例子，口头产品经理 ：产品新人往往充任该档次的上班。
承接详细命令的口头上班，包括协助产品经理启动需求提出、文档整顿输入、名目跟进、消息同步、日常打杂等。
其能详细接触到的上班视公司 、部门、老大等要素而定，而自身的客观能动性在口头中尤为关键。
口头的好坏间接影响自我才干的优化；口头关于名目，恰如表现层之于用户。
策略层： 产品设计 ：做什么、为谁而做？｛ 产品定位及其指标人群 ｝运营者和用户区分想从网站获取什么。
产品剖析 ：产品的指标用户，商业指标，用户需求，产品定位，产品特征范围层： 产品设计 ：须要做哪些？ ｛ 找到需求，确定配置范围和优先级 ｝ （须要做哪些？粗疏列出产品一切配置，剖析每一个配置的用户场景与需求处置是什么？剖析用户潜在需求并提出倡导。
）产品剖析 ：从产品提供的配置或许服务层面来剖析，包括产品有哪些关键配置，一一剖析这些关键配置，并且说明这些配置之间的相关。
结构层： 产品设计 ：怎样做？｛对配置陈列 ，产品配置结构图 ｝产品剖析 ：画一个产品的结构图或许架构图，剖析产品各个配置所在的层级（关注横向和纵向），配置的深浅，配置的入口，配置之间的相关，配置的分类，并且逐一剖析其中的优缺陷。
（剖析某一配置点设计要素。
比如唯品会app搜查配置为什么不提供搜查框以便极速检索？ 又比如微信好友圈长按右上角的相机按钮增加文字内容？）框架层： 产品设计 ：要做成什么样子？｛界面设计、导航设计和内容(消息)设计｝产品剖析 ：关键就是对产品的界面设计，导航设计，以及消息设计启动剖析，并得出优缺陷。
（剖析产品的排版规划钻研公司的策略并重）表现层 产品设计： 做成了什么样子？｛ 配置视觉设计和内容优化 ｝产品剖析 ：剖析产品UI，即配色，全体格调，页面规划等等方面的优缺陷。
完整的用户体验要素蕴含哪些
当有多款产品能够满足用户同一种需求的时刻，市场就发生竞争。
这个时刻比拼的就不只仅是产品配置或内容了，而是一个更普遍的概念——用户体验。
繁难来说，就是用户能够从一款产品取得更多青睐的物品，用得也更爽，那这款产品的用户体验就更好。
假设细心揣摩，这外面触及的物品十分多，咱们来剖析一下。
一切能影响用户体验的要素可分红五个档次：策略层、范围层、结构层、框架层、表现层。
设计时这五层的要素要兼顾思索但有先后顺序，依照策略层——范围层——结构层——框架层——表现层的顺序。
这五层在产品设计中层层推动，从笼统的概念到详细的产品。
策略层要明白产品的策略指标，包括用户需求和产品指标。
产品的最终指标是要满足用户的某种需求。
任何脱离了实在用户需求的产品都难逃败局。
因此设计产品的首要是要钻研分明用户需求。
用户需求包括配置需求、性能需求、内容需求等。
用户钻研的方法包括问卷考查、用户访谈、焦点小组、用户测试、义务剖析、现场考查、创立用户角色等。
当然首先要对用户启动准确定位。
严厉说，产品指标并非用户需求，它是产品供应方的需求，理论是某种商业需求，比如注册用户数、留存率、生动度、营收、品牌出名度等。
策略指标要构成文档，发给产品相关的每团体。
策略层弄分明的是“用户想要什么”、“咱们想要什么”，范围层要弄分明的是产品应该提供什么配置和内容才干满足这些需求。
关于配置型产品最终构成产品配置规格说明，关于内容型产品最终构成内容需求列表。
这些都要构成文档，以明白咱们须要做什么，不须要做什么。
形容时应尽量详细，准确，可度量。
范围层的上班对用户体验的影响是至关关键的。
很难构想一个用户在上方找不到自己想要的配置和内容的产品还能存在下去。
用户需求不能间接作为产品的配置和内容需求，它们之间也不是繁难的一对一的相关（只管有时刻是）。
用户能说分明的需求可以间接作为配置或内容需求。
很多时刻用户说不分明自己的需求甚至基本都提不出需求，这时就有赖于咱们擅长洞察需求实质。
比如在汽车还没发生之前，人们想要的不过是一匹跑得飞快的马。
剖析一下即可发现用户的需求是出门愈加方便，假设你能提供一辆汽车，那对用户来说相对是一个惊喜。
当然并非一切的用户需求都会放入开发范围，你还要思索需求的可行性。
需求的成功遭到各种要素的限度，技术、资金、工期、历史遗产等。
确定最终配置和内容需求时，确定需求的优先级十分关键。
资源有限，产品初期可以只成功外围配置，坚持灵敏性，前面再依据市场反应极速迭代版本。
范围层确定了产品应该提供的配置和内容，但这些都还是以零散的方式存在。
结构层的指标是要设计一个概念结构，将零散的产品需求组织成用户易于了解经常使用的全体。
在结构层，配置型产品关键做交互设计，内容型产品关键做消息架构。
这两项上班的外围是要了解用户，了解用户的心思、行为、上班方式。
交互设计关注“用户或许的行为”，以及“产品该如何配合和照应”。
好的交互设计是用户一切的行为都在你的预期内，不论用户是人造行为还是被你疏导的。
交互设计中一种有效方法是设计概念模型。
所谓概念模型即是经过类比等方法将用户生存中曾经相熟的概念与产品的特性咨询起来，让用户更容易了解产品，经常使用起来也愈加人造。
比如电商网站上购物车的概念就起源于实体超市。
电商用户将商品放入购物车，而后在购物车内结账付款，与实体超市中的流程基本分歧，这样用户经常使用起来就十分人造没有任何阻碍。
消息架构关注的是内容如何出现给用户，也就是内容如何组织。
好的消息架构能让用户十分容易的找到自己想要的内容。
也并非寻觅内容的操作步骤越少越好，而是让用户觉得整个环节很正当，很明晰。
理论会提供分类、排序、搜查、挑选等配置。
消息架构的类型有层级结构、矩阵结构、人造结构、线性结构。
在结构层咱们界定了产品将以什么样的方式运作，那么在框架层咱们要确定应该提供什么样的配置和方式来成功。
结构层都是一些概念性的结构，框架层则是将这些结构详细化成用户间接接触的产品要素。
关于配置型产品关键是经过界面设计来确定框架，界面设计就是大家相熟的按钮、文本框以及其它控件的畛域。
关于内容型产品关键是经过导航设计来确定框架，导航设计关注如何让用户在内容间移动。
还有一项上班是消息设计，关注如何协助用户了解和经常使用产品，是两种产品类型都要做的上班。
界面设计的关键义务就是选用控件协助用户成功义务。
界面应尽或许的坚持繁复，分清哪些是该让用户看到的控件，暗藏不该让用户看到的。
关于某些关键或宿愿突出的的配置要能吸援用户留意力，让用户一眼就能看到。
好的界面设计最关键的是要将用户罕用的配置组织好，让用户易于发现和经常使用。
有时不同的控件可以成功雷同的配置，比如下拉列表可以成功让用户选用一个繁多的选项，一组单项选用按钮也可以。
但它们的特点不一样，下拉列表的好处是节俭空间，一组单项选用按钮的好处是可以让用户间接看到一切的选项。
详细如何选用要依据特定的用户场景。
界面设计一些好的阅历包括：在用户初次访问界面时经过设置自动值让大部分用户更方便；记住用户上次访问时的一些形态值，让用户不用重复输入，等等。
导航设计繁难说就是在页面上增加一些链接，使得用户能够在不同页面间跳转。
但好的导航设计应该能够合乎以下三条规范：（一）能够协助用户了解产品全体的页面结构；（二）能够协助用户明白自己目前所处的位置；（三）能够协助用户去他想去的中央。
其实这三条规范也是起源于人类在事实环球中的导航方式。
试想一下在事实环球，你是怎样导航的，你会先经过观察了解自己所处空间，接着确定自己的位置，而后再找自己想去的目的地的门路。
详细的导航方式包括：全局导航、部分导航、辅佐导航、高低文导航等。
在详细产品中，理论灵敏组合经常使用。
消息设计理论充任各种各种界面元素粘合剂的角色，选择如何向用户出现界面，以繁难用户了解和经常使用。
消息设计的范围很广，触及视觉设计、界面元素的分类整顿、导航等。
消息设计在导航方面的作用体如今批示标识。
与导航链接作用一样，批示标识也是协助用户了解他们目前的位置与他们可去的中央，经常出现的是颜色标识。
批示标识在咱们日常生存中随处可见，公路、商场、停车场…… 消息设计时要能反映用户的思绪，依照他们所了解和相熟的方式来组织出现界面元素，毕竟目的是为了协助用户成功义务。
用户在产品上的行为形式最好能与他们已有的行为习气坚持分歧性。
也可以适当的运用一些比喻手腕，协助用户了解产品特性，但适度的比喻用户不必定都能准确了解，假设让用户来猜是什么意思就大失所望了。
表现层要做的是产品的感知设计。
人类的感知包括视觉、听觉、触觉、嗅觉、味觉。
本文关键是关注互联网产品，因此只探讨视觉。
界面设计确定了界面元素在逻辑上如何组织（分类、排序、规划等），视觉设计就是要确定界面在视觉上如何出现给用户。
好的视觉设计成果不只是美观，更关键的是“运作良好”，即视觉设计能否表现了产品结构，能否成功了策略指标，能否有效传播了品牌笼统等。
好的视觉设计在于对用户留意力的良好疏导。
用户在访问产品的环节中眼帘应该很流利，不会觉得拥堵或凌乱，而是被人造的疏导，成功义务或是找到自己想要的内容。
人类的眼帘移动很多时刻都是下看法的、天性的，因此可以经过一些视觉手腕来无心的疏导用户留意力。
方法包括： 对比。
对比可以是颜色、形态、大小。
假设一个界面元素在视觉上很特意，会很容易吸援用户的留意力。
因此一些对策略指标很关键的界面元素可以运用一些特意的视觉成果。
对比还可以很好的用于将不同分组的界面元素或是不同栏目的内容很好的区离开来。
但对比经常使用适度也会形成视觉上的凌乱。
分歧性。
具备相反配置的界面元素应该坚持分歧的视觉成果，否则会给用户形成经常使用上的困惑。
好的视觉设计还能有效传递品牌识别。
色调是最罕用的品牌识别，比如加多宝的白色，网络的蓝色，360的绿色。
一个产品应该有一致的配色方案。
除此之外，企业理论会制订格调指南来对配色、字体、图标等启动规范。
用户体验设计蕴含哪些档次，每个档次都蕴含哪些要素，怎样设计每个要素会带来好的用户体验，就剖析到这里了。
上方给一张用户体验要素的示用意协助记忆。
本文关键观念来自于《用户体验要素》一书，谢过。
《用户体验要素》要点摘记与思索(2)——五层模型
一个明晰、东倒西歪的体验，由一系列完整的决策组成。
这些决策彼此依赖，告知并影响用户体验的各个方面。
把全体的用户体验上班合成成各个组成要素，以了解体验外衣下的决策环节。
1、五个层面初识 由表及里认知一个产品，可以分为五个层面：表现层、框架层、结构层、范围层、策略层。
表现层（surface） ：用户所看到的文字或图片（或许短视频）。
一些图片和文字可点击成功某项配置，例如购物车图标；另外一些图片文字就只是提供促销消息。
框架层（skeleton） :表现层下方是网站的框架层，用于优化设计规划，让按钮、控件、照片和文本区域所处的位置能到达最大的成果和效率，详细来说，用户须要时，能记得标识并很快找到购物车的图标。
（用户相熟现有电商网站或APP的规划，在设计新产品的框架层时，正当设计，缩小用户学习的老本。
其余APP也有这个思索，好用且用户学习老本低）结构层（structure） ：结构层比框架层愈加笼统，框架层是结构的详细表白方式。
例如框架层确定了在结账页面上交互元素详细的位置，结构层则是设计用户如何抵达这个页面，并且在成功义务后，用户能够去向哪里。
（框架层设计是为了使交互元素规划愈加正当，愈加好用，表如今原型上个元素的规划；结构层确定了配置流程，表如今流程图的设计）范围层（scope） ：范围层确定一个特性或配置能否属于网站或APP。
范围层确定的特性和配置，在结构层来确定他们的组合方式。
（范围层是选择要不要这个配置，结构层是确定这个配置的详细成功流程）策略层（strategy） ：策略层包括了运营者和用户两个方面想从网站或APP取得什么。
电商来说，运营者要卖出商品，用户要买商品。
（策略层落脚的需求剖析）2、解析五层结构模型 依照 配置型产品 和 消息型产品 分类，五个档次关注的内容如下图所示。
策略层，关注 用户需求 和企业的 产品指标 。
范围层，关于配置型产品，关键是在创立 配置规格 ：对产品的“配置组合”的详细形容；关于消息型产品，范围是以 内容需求 的方式发生：对各种内容元素的要求的详细形容。
结构层，配置型产品关注 交互设计 ，定义系统如何响运行户的恳求；消息型产品，设计 消息架构 ，即正当布置内容元素以促成用户了解消息。
框架层，配置型产品和消息型产品都要启动 消息设计 ，即促成了解的消息表白方式。
配置型产品框架层还须要 界面设计 ，也可以说是 布置 好能让用户与系统的配置发生互动的 界面元素。
消息型产品须要 导航设计。
表现层，为最终产品发明 感知体验 。
3、层间依赖相关 另外，须要关注各层之间的依赖相关，介绍驳回 尾尾连贯 的方式，让每个档次的上班在下一个档次完结前成功。
方案名目时，让任何一个层面中的上班都不能在其高层面的上班成功之前完结。
不介绍 首尾连贯 的方式。
