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