《用户体验要素》读书笔记

用户体验要素是一本极经典的产品设计书。

但凡做互联网产品，这本书必然是要归置案头，时常翻阅的。

该书的篇幅不大，从目录到最后的索引，不足两百页。

但是因其涉及的面极广。书中涉及的用户体验五层，每一层都可拉出来单独成书。

所以本书的读书笔记，其实是很难写的。

但是这两周读了这本书，无论如何也要写点东西，否则又只是一次单纯的信息输入。

本周阅读书目：《用户体验要素》

作者：Jesse James Garrett

类型：产品设计

本章主要重点：

附图:

一、什么是用户体验

在本书中，作者并未对用户体验做一个确切的词条解释。

而是归纳了用户体验的核心内容，即以体验而核心，关注产品与外界发生的联系及作用
。

这句话很抽象。

我们试着举个小例子，来消化理解。

比如我们在厨房用电水壶烧水。

缺乏用户体验的水壶呢，只管把水烧开。过了3分钟，当我们从房间出来倒水时，发现水没开。

于是我们继续等了7分钟，这时再去起身倒水，却被滚烫的瓶身给烫了一下。

这里的水壶出现了两个问题：缺乏烧水进度的提醒及高温预警。

从上例我们可以看出，缺乏用户体验的产品是与用户割裂的。

它过多关注自己可以实现的功能，而没有考虑好实际的用户体验。

因此作者提出，要综合考虑产品与用户，考虑双方的联系及作用。只有这样，才能打造一款优秀的产品。

二、战略层

战略层主要包括两个方面：我们要得到什么？用户要得到什么？

第一个问题的回答，主要围绕产品的商业目标而进行。

在本书中，作者并未对该问题做出相对细致的回答。

我们可以试着探讨一下。

虽然产品的终极目的都是挣钱，然而如何确定一个清晰的商业目标，并不是一件容易的事。

比如，一家垂直专业的招聘网站，在职位详情页中，放置一条书籍推广的广告banner，企图通过流量的广告变现来盈利。

这种与业务相关度不高的广告投放，极易损伤用户的产品体验。

虽然网站可以获得一定的广告收入，满足了战略层对商业变现的要求。但是这种商业目标的达成是以流失用户为代价的。

因此，这种产品设计，其实有有违战略层的要求。

也就是说，产品设计者没有回答好第一个问题。

所以，我理解的产品目的，应该是两个方面的内容：产品要通过什么样的合理方式达到什么样的合理目标。

除了方式问题，还有一个问题尚需回答：要达到什么地步？

这就是产品的成功标准问题了。

我们很容易把成功标准看作某个具体的盈利或规模数据节点，比如，盈利3000万，或者用户量达到两个亿。

由于我们无法预估产品将会成长到什么地步，所以一步到位式的标准其实是不太适合的。

评估产品的成功标准，我的理解应该是阶段的，动态的。

这就像一个孩子读书一样，虽然无法预测孩子在期末能不能考第一名。但是我要保证第一次模考进前三、第二次、第三次进到第二名...

假如第一次没考到前三，那么我们就有理由怀疑读书方法、付出时间、老师的教学水平等环节出现了问题。

同样的，我们的产品无法达到某个目标，也就需要回头审视自己的产品是不是出了问题。

前面都是对产品目标的分析，作为以体验为核心的产品设计指导书，自然绕不过用户需求。

有三种方式可以增进我们对用户的了解：用户细分、可用性及用户研究、创建人物角色。

其中，人物角色就是我们通常意义的用户画像。

把目标用户的主要特征抽离出来，融入进一个虚拟人物中。这个虚拟的人物就是你的目标用户。

关于如何创建目标画像，网上的资料太多，在此不细写。

三、范围层

战略层确定了产品目标及用户目标。

范围层则主要梳理用户的具体需求。

那么需求从哪里来呢？

这时候，就需要我们走近目标用户，从用户那里获得需求。

然而，用户说的不全是对的，一般来说，用户会存在三种想法：

1、我想要A；这很容易理解，比如用户希望知乎可以在专栏文章页增加收藏功能。

2、我表面想要A，实际想要B；比如，我们在整理用户反馈时，收到很多用户要求注销账户的请求。其实他不真的想要彻底离开招聘网站，只是不想被打扰。那么真正解决的需求应该是如何防止被打扰。

3、我居然没想到还有C；汽车未发明的时候，人们希望可以获得一匹更快的马。等到汽车出现了，人们会毫不犹豫地选择汽车，而不是更快的马。

搞清楚用户的需求，往往需要很深的洞察力。这种能力，需要足够的知识与阅历做支撑。

当我们通过观察用户，获得足够的需求时，这时候必须完成的一项工作就是梳理需求的优先级。

因为资源总是有限的，所以需求要一步一步完善。

需求优先级的排序有多种方法。针对初创产品的一种需求梳理方法是按照金字塔结构，从基本型>期望性>兴奋型三种不同的需求类型出发，按照优先级的顺序，从基本型需求开始，对需求进行排序。

需求优先级的排序方法，可以参考这篇文章：http://blog.sina.com.cn/s/blog_4ff1764801012sod.html

四、结构层

如果说范围层需要理解用户的具体想法，那么结构层则需要理解用户的行为及思考方式。

结构层主要分为两个方面：1、交互设计；2、信息架构。

交互设计主要是为用户设计结构化体验的方法。关注用户可能的行为及系统如何配合与响应用户的行为。

举个简单栗子。

比如在微信群中，我们想查看群里的新消息。

一般的操作方法是向上划屏翻看聊天记录。

那么系统注意到用户这种翻页的行为，便提供了一个点击跳转至开始位置的功能，帮助用户省略了手动翻页的麻烦。

再比如，在很多的阅读软件中，当我们长按某个词或某段话以作标记时，系统就会弹出一个功能列表，帮助你添加笔记、便签或分享。

值得一提的是，关注用户的行为，不是指关注用户的点击、摁压、摇晃等具体的某个动作，而是关注用户为什么会有这个动作以及用户在该想法下会做出什么动作。

比如阅读软件中，用户看到感兴趣的知识，就想做标记。而在该想法下，用户就会像在纸质书上用墨笔划线一样，用摁的方式标记位置。那么系统就要考虑这些动机及行为，满足用户需求。

信息架构主要关注信息的组织分类及导航结构。

举个栗子：

求职者在招聘网站上，主要想看到三个内容：1、招哪些岗位；2、招的岗位是什么；3、招的公司是什么？

那么根据上述的用户需求，我们就可以对信息进行简单的分类：职位列表页、职位详情页、公司详情页。

那么这三个信息是怎么呈现给用户呢？不可能把三个内容全放在一个页面吧？

所以这就带来了一个要求：需要设计一下信息的导航结构。

按照求职者的行为，我们发现，用户一般先是了解有哪些岗位在招人，再决定去查看某个岗位的具体内容，然后才考虑这家公司的情况。

所以导航结构层次是：职位列表页》职位详情页》企业详情页。

从这里也可以看出，信息架构的设计，同样需要结合用户的行为。

五、框架层

框架层主要是三个方面的内容：界面设计、导航设计、信息设计

界面设计主要指提供用户做某事的能力。

比如，在问卷调查的H5页面，题目为单选题。那么系统需要提供单选框，使得用户只能单选。

类似的，有多选框、下拉菜单、按钮、文本框等待。

结合微信消息的栗子。

用户是点击按钮返回消息页，而不是摇晃手机返回消息页。

用户只能点，不能摇。

这种赋予用户能力的具体方式，就是界面设计的内容了

导航设计是指提供给用户去某地的能力。

因为在结构层中，我们设计出了信息的结构，那么如何到到达这些不同的信息层次，就需要导航了。

举个栗子，我们从A点到达D点，如果坐地铁，正常的路径是：A>B>C>D。

如果坐的士呢？我们就可以不经过B、C站，而直接达到D站，路径是：A>D。

在这里，的士就是我们的快捷导航。

在网站中，这种导航主要是全局导航、局部导航、辅助导航、上下文导航、友好导航、网站地图、索引表。

具体内容参考思维导图部分。

信息设计主要是提供呈现信息的方法。

当一堆信息放在页面上的时候，要怎么处理信息才能让用户看得舒服呢？

一个图表是饼形图合适还是柱形图更佳呢？某条内容是三个一组较好呢还是五个一组较好呢？

这种具体呈现信息的方法就是信息设计了。

六、表现层

满足用户的感官感受，就是表现层需要出场的时候了。

如果把一个产品比作一个雕像，那么通过上面的四层，我们已经用石块雕出人物，但是这幅白惨惨的形体是不能直接展出的，需要给雕像涂上颜色，才算一个鲜亮的作品。

这种赋予产品外在感受的作法，就是表现层的文章。

一般谈论表现层，主要的指视觉表现，通过配色、排版、对比等方式，引导用户的注意力。

有时候，听觉和触觉往往也很重要，却易被忽视。

举个栗子，现在很多人喜欢用支付宝或者微信进行转账。于是很多骗子，动了歪心思。

比如在你买菜的时候，故意贴一张自己的转账二维码于卖家的二维码之上。

这时候就可能遇见卖家没有及时发现，而把钱转到骗子的账户上。

问题怎么处理呢？

一种可行的办法是用户自定义转账时的消息提醒铃声（前置反馈或后置反馈皆可），这样可以降低被骗的风险。

当然，表现层是一个非常有深度的话题，不只上面那么简单，需要花费很多时间来学习。

用户体验要素是一部非常伟大的作品。

它提供了一个系统而完备的思考结构，可以帮助我们梳理产品的每个环节。

阅读书籍只是迈出了第一步，而在工作中，融会贯通才算是真正的学习。

/(ㄒoㄒ)/~~终于写完了，还有好多待完善，算是初步完成了既定的目标吧。