如果产品经理是个武林门派，那么拜入师门后首先要学习的不是具体的招式，编写文档、绘制原型，而是本门的武功心法，学习产品设计的思维框架，理解产品设计的底层逻辑，这样才能更好的指导具体的工作事务。
今天，我们一起来读这本产品经理心法，《用户体验要素》。这本书出版于20年前，当时的互联网世界远没有今天这么繁华，而书中提到的用户体验五要素模型却非常经典，至今仍然被各大互联网公司产品经理、UI设计师们广泛应用。但这本书也存在稍显晦涩的翻译问题，以及部分已不符合现在互联网发展的内容，我将结合目前互联网产品经理的现状以及书中的五层分析框架，化繁为简，对本书进行解读。
这本书的副标题，点出了产品设计的核心理念——以用户为中心！在产品开发中的每一步，都要把用户列入考虑范围。作者将设计用户体验的工作分解为5大要素，也就是五个层面，分别是战略层、范围层、结构层、框架层和表现层，他们由下至上环环相扣、层层递进。对用户来说，他使用产品时是从上到下的顺序来体验产品。而对产品团队来说，顺序恰好相反，产品设计是自下而上、层层递进式的思考、规划产品，是一个从想法到实施、从抽象到具体的过程。
我们以产品经理的视角自下而上分别来看看五个层次，每个层次都从是什么、谁来做、输出三方面来分析，首先是战略层。
战略层需要回答“为什么做这个产品？”
具体而言，企业通过这个产品要得到的是什么？用户通过这个产品要得到的是什么？首先找到企业和用户的诉求，明确产品目标、用户需求。
这部分工作一般是由企业高层完成产品目标，产品经理深挖用户痛点、理解用户需求，在具体的工作中需要输出BRD（Business Requirement Document，商业需求文档）和MRD（Market Requirement Document，市场需求文档）文档，涵盖产品商业价值、用户痛点、市场竞争态势等。
举个例子，微信读书这款APP在战略层，腾讯要得到的是：通过微信读书，完善文娱产品生态，提升品牌形象及品牌忠诚度；用户要得到的是，阅读喜欢的文字内容，实现精神满足与自我提升。
战略层之上是范围层，范围层需要回答“产品要做哪些功能？
在明确战略的基础上，范围层需要把抽象的战略拆解为具体的产品需求，并转化为踏实可见的产品功能与内容，最终获得一份产品的功能清单。这是产品经理的核心工作之一，需要将确定的产品功能落实在PRD（Product Requirement Document，产品需求文档）文档中，清晰描述产品功能架构、各板块需求说明等。
举个例子，在范围层，针对用户，微信读书需要解决通过互联网阅读书籍的问题，具体拆分为找书、存书、读书、做笔记等需求，于是相应的，设计出了找书的书城、存书的书架、读书的笔记等功能。
范围层之上是结构层，结构层需要完成“以用户体验最优的方式组织各功能”。
范围层已经梳理了产品的功能清单，但现在所有功能是分散的、没有主次和章法的，结构层采用不同的信息架构、流程设计，将清单中扁平的功能串联起来，变得立体。具体来说，表现为产品有哪些页面，功能如何在各个页面分布，各个页面是如何跳转的等等。一个好的结构能够让产品用起来顺手，让用户拥有流畅、高效、清晰的“行动路线”。这在产品经理的工作中，需要落实在PRD（Product Requirement Document，产品需求文档）文档中，包括产品结构、信息架构、页面流程等。
继续看微信读书的结构层，微信读书使用逻辑清晰的层级结构，构建了“5个主页面+4个核心页面+N个延伸页面”的结构，主页面覆盖了找书、存书、找文章、账户管理四个主要场景，核心页面服务于读书、读文章这两大用户的核心诉求，整个产品架构简洁、清晰、高效。
结构层之上是框架层，框架层需要完成“以用户操作体验最优的方式布局页面元素”。
每个页面的流转关系与功能分布已经由结构层梳理完成，框架层在此基础上，考虑页面的元素布局与交互关系，产品经理根据每个页面的功能和特点，去摆放各个组件，包括按钮、表格、照片、文本等元素，最终输出产品原型图。
那微信读书的框架层是怎么设计的呢，以“书城”页面为例，页面标题与搜索栏位于页面顶部，然后是8个分类导航。除此之外“猜你喜欢”部分成了书城页面的视觉焦点，再往下就是不同维度、不同分类的书籍推荐。该页面自上而下、以瀑布流的形式对各元素进行布局，符合手机端用户的浏览习惯，层次分明、逻辑清晰的设置了各类元素。
框架层之上是表现层，表现层需要完成“以用户感知体验最优的方式设计页面”。
表现层是用户最终接触到的层面，在表现层需要实现其他四个层面的所有目标，并同时满足用户的感受。具体来说，用户接触到互联网产品时，产品的页面排版、背景颜色、图标样式、图片质感等视觉感受，以及APP中操作的音效、震动等听觉与触觉感受等，这些都是服务于用户感知的表现层。日常工作中，由UI设计师完成，最终输出高保真原型图，以及视觉切图。
再看微信读书，他在表现层延续了微信干净、简洁的风格，微信读书整体采用扁平化的设计风格，化繁为简、去除冗余，采用大卡片式的布局，利用留白直观突出书籍，所有页面没有过多的装饰，从视觉层面让用户沉浸在读书的氛围中。
总的来说，用户体验五要素这套经典的产品设计思维模型，每位产品经理都要铭记于心，潜心修炼，让产品更好的服务每一个用户。最后，让我们一起来复习一下用户体验五要素的心法要诀“一切以用户为中心，战略层，确定目标、范围层，梳理功能清单、结构层，明确页面流转、框架层，精准布局元素、表现层，完成视觉呈现”。
全书完整思维导图
