《用户体验要素》读书笔记|运营学社

作者布景：

Jesse James Garrett是旧金山的一名用户体会规划师，一起也是Adaptive Path（用户体会咨询公司）的联合创始人之一。在2005年宣布了《Ajax：A New Approach to Web Applications》一文，标志着Ajax的诞生，因而被称为“Ajax之父”。《用户体会要素》出书于2001年，其时作者首要从事于网页规划，所以在书中大多都是以网页作为实例进行解说。

在本书中，作者提到交互规划是一种办法——为用户规划结构化体会。作为交互规划师，我的了解是：交互规划是处理问题的进程。问题和体会：咱们要处理用户碰到的问题，并给用户带来酣畅的体会。那咱们怎样正确的找到用户碰到的问题？这便是本书作者给咱们供给一种怎样正确找到用户问题的一种考虑办法。

用户体会五要素：五个层级，产品0-1的规划进程。咱们可以经过以下图片来提早了解下，

一.战略层

1.清晰产品方针：

商业方针：企业经过产品来完结挣钱或省钱。尽管看似简略，但在开端做产品时，仍是会碰到不清楚做什么的状况。何况产品要完结盈余，条件是找到归于自己的一套商业形式。在互联网公司产品中，完结盈余的办法我想到了3种类型：1经过运用内购买和广告（陌陌哈你等直播渠道，游戏）2.渠道抽成（滴滴和美团对司机抽成）3.用户变现（滴答清单，形象笔记的高档会员）

品牌辨认：品牌辨认除了商标，颜色，和字体规划外。它还可以是概念体系，也可以是情绪反应。作者还提到——用户体会可以刻画品牌形象。结合“情绪反应”一词，举个比方——当他人跟我说拼多多的时分，我脑袋里主动的播映“拼多多，拼多多…”这句歌词。除了视觉层次外，听觉也是品牌辨认的一个重要的点。

成功标准：标准是用来检测产品是否到达了方针和满意了用户的需求。一般在产品不同的阶段会界说一些要害方针，如下载量，用户量等，以此来检测是否到达方针。关于要害方针的设定会依据产品的阶段进行调整，且要留意的是不要被一些虚荣方针给利诱。

2.用户需求：用户期望从咱们的产品得到什么？用户是谁？

1.用户细分：创立细分用户集体是为了协助咱们了解不同用户集体的不同需求，以及当碰到需求互相对立时该怎样去挑选。以下是作者说的几个细分用户群的维度：

维度1：人口统计学——了解用户集体的基本特征，如性别，年纪，教育程度，收入等信息。可是该办法大公司选用的比较多，小公司则很少用，原因是费时，吃力，费钱。

维度2：顾客心态档案——是一种描绘用户关于国际，尤其是关于你的产品相关事物的观念或观念的心思剖析办法。

维度3：用户认知程度——了解用户关于产品的了解程度及习气程度，以及咱们产品服务的用户是随意型用户，干流用户，专家型用户。

2.可用性和用户研讨

用户研讨常用办法：问卷查询，用户访谈，焦点小组等，适宜手机用户的遍及观念与感知。而用户测验和现场查询适宜于了解具体的用户行为和用户与产品交互时的体现。

现场查询：是指一整套完好，有用且全面的办法，用于了解用户日常日子情境中的用户行为。可是该办法比较费时且贵重。

使命剖析：每一个用户与产品的交互行为都发生在履行某一使命的环境中。

用户测验：经过请代表性的用户来进行产品的可用性测验，协助产品寻觅更简略运用的途径。这种办法是往常做规划计划时最常用的，方便，高效。

3.创立用户人物

在用户体会规划中，人物人物是从用户研讨中提取出的，可成为样例的虚拟人物，可以协助咱们在整个规划进程中一直将用户放在心里。

4.战略文档

战略文档更多是由公司的高层拟定，这份文档包括了产品方针和用户需求。其实在互联网公司里战略文档更像是产品司理输出的PRD文档，或需求文档，有很具体的用户需求点，可是产品方针等内容在这份文档大多产品司理都没写出来。

小结：在产品规划进程中，需求有人清晰这两个点给整个Team，产品方针和用户需求，便是后续需求界说以及交互规划的一个方向，防止需求出现大而全，规划出现违反用户心思模型的问题。关于交互规划师来说，在后期的规划则需求考虑怎样去平衡产品方针和用户需求之间的规划抵触，

二.规模层（怎样界说需求？）

从战略层到规模层，产品方针和用户需求转变成产品需求供给什么内容和功用，从笼统变得具体。在规模层则需求一份清晰的需求文档来协助团队成员清晰产品需求做什么和不需求做什么，以及哪些功用和需求是在其他阶段完结的计划。

1.功用需求：清晰界说产品需求满意用户的具体需求以及功用点，并构成一份功用标准阐明文档。文档中对需求和功用点的描绘需达观，具体，且防止片面口气。之前做的Camera项目，产品则需求清晰相机摄影的份额有1：1，4：3，16：9，以及各个份额都支撑哪些分辨率等都需求清晰，必定。

2.内容需求：内容需求总是会随同功用需求，比方豆瓣，格瓦拉，今天头条等内容型产品，用户对内容感兴趣并点赞，保藏，共享等都是功用需求。而内容需求除了文本信息外，图片，音频，视频都是组成内容的元素，而在界说需求时则需清晰，如图片，需界说支撑的图片格式，巨细，缩略图，是否支撑保存等具体的功用。除此之外仍是清晰界说内容产品更新的频率，比方36氪每天九点定推送互联网业界资讯。

3.确认需求优先级：对需求进行评价是否满意产品方针和用户需求，以及完结这些需求的或许性。在实践开发进程中会碰到时刻，技能等问题。

小结：规模层——需求的界说一直的环绕产品方针和用户这两个点进行界说和优先级的排序。可是这个进程中，个人以为首要以用户为中心进行需求界说，产品终究是用户在用，以用户为中心不仅是在规划阶段，在需求界说阶段相同适用。而关于交互规划师来说，国内的大环境让交互规划师只能得到一稿功用需求，需求怎样来以及要处理什么问题？产品司理很少会简练直观传达给交互规划。这也是现在自己碰到的问题，以为交互规划师只需拿到清晰的功用需求，然后就可以开工，这种作业或许一个刚结业的都会做得很好，原因很简略，移动端的规划，现在都是迥然不同，用一个从前面试的产品总监的话来说：随意找个APP，学习一下就可以了。

三.结构层（怎样处理？）：在该阶段需求知道自己的产品，是什么类型产品？东西型产品仍是信息型产品

1.交互规划：作者对交互规划的了解是——为用户规划结构化体会的办法。交互规划重视于描绘“或许的用户行为”，一起界说“体系怎样配合和呼应”这些用户行为。这儿需求留意的是，书中的交互规划和现在互联网中的交互规划相差较大，互联网中的交互规划其实是界面规划。尽管文章中提到交互规划从前被归类在“界面规划”中，但作者所在年代的界面规划又是怎样界说的，作者并未具体描绘。这儿略微说一下，交互规划最早是从工业规划里分支出来的，作为一门大学科，所触及心思学，经济学等学科。而咱们现在所指的交互规划都是依据屏幕的规划。

交互规划是需求清晰的奉告用户该怎样去履行和完结使命，并给出标准且契合用户习气的元素。在这个进程中，需求重视用户的行为，作业办法和考虑办法。规划需求契合用户的预期以及习气——概念模型

2.信息架构：信息架构是研讨人怎样认知信息的进程，关于产品则需求重视出现给用户的信息是否合理和有意义。关于用户，能否快速从信息架构中找到自己想要的信息是体会的要害。一起，一个高效的信息架构还需求考虑到可拓展性和变化性。

结构办法：

1.层级结构（树形结构）：信息架构的基本单位是节点，节点和其他相关节点之间存在父级/子级的联系。从上至下的结构，即依据产品方针和用户需求进行结构规划的。

2.矩形结构：矩形结构在网页规划中很常见，它能满意那些带着不同需求来的用户。比方京东商城，天猫的分类查找产品，用户可以依据自己的维度来进行查找。

3.天然结构：不必遵从任何共同的形式，，也没有激烈的分类概念。这种结构在互联网产品中现已很少见了。

4.线性结构：该结构很常见，即任何一个使命或流程，只要一个起点和一个结尾。还记得你新买手机的开机流程吗？长按Power按键开机，开机动画，挑选体系言语，是否联网…。其他的如拉勾APP，在初度登录时的注册流程和填写简历流程。

四.结构层

1.界面规划：界面规划要做的悉数工作便是挑选正确的界面元素。经过恰当的办法让这些界面元素简略被了解和运用，并协助用户顺畅完结使命。一个杰出的界面规划需求安排好用户最常选用的行为，所以在规划界面时，要了解用户在此界面的方针和使命是什么。

关于界面元素类型许多，作者举了单选框，复选框，文本框，下拉菜单和多选菜单等界面元素，以及这些元素在规划时应依据用户的实践场景进行细节规划。现在，关于移动端的界面规划，咱们需求去了解iOS和MD的规划标准，了解不同渠道控件的界说和款式。好的界面规划：

首要：直观，精确的奉告用户怎样去做：其次，安排好用户最常选用的行为，一起将这些元素放置最简略获取和运用的当地：终究，挑选适宜的元素奉告用户怎样去操作，控件的规划需标传达精确

2.导航规划：导航规划便是奉告用户怎样去他想去的当地——可以了解为指路牌。除此之外还需求奉告用户当时在哪里。导航规划需求完结三个方针：

方针1：供给一种用户在网站间跳转的办法

方针2：导航规划有必要精确传达出这些元素和它包括的内容间的联系

方针3：导航规划有必要传达出它的内容和用户当时阅读页面之间的联系

文章中提到关于网站常见的导航体系：大局导航，部分导航，辅佐导航，友爱导航，上下文导航，网站地图，索引表。关于网站的导航可以参看《Don’t Make Me Think》，这本书对网站导航做了具体的剖析。

3.信息规划：关于信息规划行将散乱的信息元素进行分类，收拾并按照用户方针和使命进行摆放。在做界面规划时，需求考虑每个界面改出现什么信息元素以及重要信息和非必须信息的摆放次序。除此之外，关于一些数据型的信息，在视觉体现上可以考虑表格，饼状图等。如网易有钱，鲨鱼记账等APP。

4.线框图：线框图是调集界面规划，导航规划，信息规划的产品，也是一个产品从0-1进程中的第一个初期产品形状。常常会听到有人说画线框图，不是很简略吗？现实并非如此，线框图是规划师依据对用用户方针和使命的了解而规划的终究产品。线框图也作为辅导视觉规划的方向，一起一份完好的线框图——交互规划文档（有的公司叫开发文档），是开发和测验必看的文档。

五.体现层

体现成需求处理的问题是怎样将“产品结构层的逻辑排布”让用户感知到。依据产品的类型和挑选感知类型：听觉，触觉，嗅觉，味觉，视觉。关于互联网产品，咱们要点则可以放在视觉和听觉上，触觉，嗅觉，味觉更倾向于工业产品的体会领域。

听觉规划在APP产品中更多的是信息类的提示音以及游戏产品（如农药：欢迎来到王者农药…）

体现层中最常见的——视觉规划

1.视觉焦点：在一个界面上用户最早看到什么？或许咱们需求引导用户去完结什么使命？

2.比照：经过颜色，图形巨细的比照可以向用户展现首要信息和非必须信息。

3.共同性：视觉元素的共同功能有用地传达信息，而不会导致用户利诱或焦虑。处理共同性的问题可以经过拟定视觉标准来防止到这个问题。

4.配色计划和排版：颜色是向外界传达品牌辨认的一个比较有用的办法，所以需求和品牌形象结合在一起运用。

六.总结

1.本书的五个层面，由下往上整个进程，更像是一个大的站点，而每个站点咱们都可以经过各种规划办法去找出和处理每个层面存在的问题，了解产品的这五个层面，确实可以协助规划师在处理问题时的一个大方向，而不是为了处理问题而处理问题。

2.在读本书的时分，因为自己常识面的约束，很简略让自己觉得作者所讲的比方比较单薄，不行过瘾，每个层面所举的比方，都只是简略证明自己的观念。但也像作者所说的，这并不是一本奉告你答案的书。而是引导你去考虑，且往正确方向考虑的书。