第一次知道这本书，是看《人人都是产品经理》的时候。这本书虽然被很多人喷，让很多人真的相信“人人都可以是产品经理”这个错误的理念，但是它至少给了我关于产品经理这个职业的初步认知。在这个书中，有个我印象很深刻的结构图（如下图）：
当时我觉得这张图简直不明觉厉，总觉得像个武功秘籍一般，日后必有大用处，虽然我当时根本不理解这五个层次是如何区分出来的，为什么这么区分，只是记下了这张图。直到我阴差阳错的真的成为一名产品经理，而且干了大半年后，我才偶遇这张图的真正来源——《用户要素体验》，此时的我，对于这五个层次的区分，已经有了更深的认识，看起这个书来，也觉得时时有些膝盖被射中的感觉。
《用户体验要素——以用户为中心的产品设计》全书分为八章，将整个产品的诞生过程按照用户体验设计角度区分为战略层、范围层、结构层、框架层和表现层。内容很浅，但是正巧可以给新手，无论是互联网行业的哪个职业，只要是跟用户体验团队有关的，一些基础的概念；交给你如何建立一个大的概念和框架，去了解用户体验师所作出的决策的环境。在具体工作中，并不能按图索骥，一条条对应去做，因为这不是一本“how-to”的书，而且很多具体工作中遇到的问题，是需要具体分析的，除了大的概念、框架或者经验，并有一整套的具体指导的方法论。而且，这本书并不仅仅是狭隘意义上的“用户体验师”可以看，产品经理也是受益颇多，其实，产品经理也是用户体验师啊，对不？
我最近在浏览亚马逊网站时，发现了它有一个叫做“dash button”的硬件产品，有自己的主页和相对应的商品详情页。我在想，如果中国的电商也做一个这样的东西，不考虑硬件本身背后的实现技术，只是在app端植入这样一个单独的H5页面，这个页面应该怎么做呢？首先我给它取个名字叫做“智能按钮”吧，下面以此作为分析此书的一个例子和入口。（dash button是一个可以贴在家里任何地方的按钮，它和某个商品品牌绑定，你只要轻轻一按，在手机上进行确认，直接可以按照你的设置下单购买比品牌下的某类或者某几类商品，无需更多操作。）
战略层阶段，需要了解用户需求，确定产品目标。产品目标（此H5页面）是为了让用户了解什么是“智能按钮”，并且实现购买（或者申请）；成功目标则和本硬件产品无法区分开，第一是H5页面的到达率，第二是本页面的订单转化率。此处引用书中一句话：“网站的用户体验不能为你带来新用户，但是能极大影响访问者的二次访问几率。”确认用户需求时，需要将用户进行细分，并且最好进行用户调研。这个我暂时无法做用户调研，其实按照一般流程，应该先确定用户对“智能按钮”的态度，然后从用户对此硬件的需求，再去确定如何从页面上更好的方便这些需求。我自己YY一下：对于尝鲜的用户，一个新的产品诞生，用户想要有个地方了解它是什么，如果产品涉及的种类过多，可以有方便快速了解最贴切的种类，了解之后可以有途径进行购买或者使用，同时可以。
范围层阶段，需要来确认具体需求是什么，并且确认需求优先级，这个在我的工作中的文档就是“feature list”。同样，根据在战略层定下的产品目标和用户需求，我列出的feature list为：介绍智能按钮 [高 ] 、展示推荐的智能按钮（可按销量） [中 ] 、分品类展示全部智能按钮 [高 ] 、展示智能按钮涉及的商品 [高 ] 、展示其他销售方式（这个需要找运营，比如优惠套装） [低 ] ；而单个智能按钮展示区域，需要有智能按钮涉及的名称、单价。另外，关于搜索、购物车的惯例需求，我觉得需要考虑这个h5页面所要搭载的app的样式，而且还有第一次上的时候，智能按钮到底能有多少种类。
结构层阶段，需要确定整个页面的架构和交互方式。其实这个层级是我比较不能理解的，因为我在工作中没有明确经历过这个阶段，交互方式一般在画原型图的时候才想，或者信息结构模型，我也没有太多概念。我就按照自己的理解吧。这里我认为在展示分类智能按钮的时候有两种方式，一种是每种种类都放出一个模块，通过左右滑动查看该种类下所有。这样不仅能让用户一目了然所有种类的全部智能按钮，而且不会让页面太长，导致拍在后面的种类看不到。但是局限性在于，种类不能太多，否则即使缩短了每个模块的展示，依旧会影响后面种类的展示。另一种则是把各个种类放在一条，成为一条左右可滑动的tab，每选中一个tab，则下方展示对应种类的智能按钮。好处是更节省空间，局限在于，万一某个分类很少，页面不好看啊……而且不能一次性的展示，在智能按钮量少的情况下，给用户的感觉就是很少。这是以分类展示为例。因为本书告诉我们，要保持一致性。所以如果这里是这种交互，那么其他相似模块也需要这样。
好啦，到了我最熟悉的框架层，我的理解是画原型图。根据用户对使用习惯和h5页面的特性，我觉得整个页面的排布应该是：页顶（文案、返回按钮）、介绍图片或视频、智能按钮推荐模块、分类展示模块（如果采用的是分类展示，则可以不用展示全部智能按钮模块）、智能按钮涉及的商品（这里我认为有一个展示性的入口就可以了，因为智能按钮对应的是商品，而且智能按钮上想必会带上品牌logo，商品上也有，整个页面会显得比较乱和重复；另外，一个页面有三种不同的商品属性，智能按钮、商品、智能按钮及商品套装会让用户有疑惑，我到底是要买什么？可以给个入口单开页面）、优惠套装（这个在智能按钮的详情页也可以体现）、侧滑（返回顶部）
最后是表现层。这个一般我就用来虐设计了（好吧，一般是设计虐我……）
这么一串，虽然有些地方不能完全对应，但是感觉整个书顺畅了不少。另外，我非常喜欢最后一章提到的三类用户体验决策场景：由现状决定的设计、由模仿决定的设计、由领导决定的设计，膝盖简直啪啪啪中了三箭。你懂得～
