作者：赞德
原文链接：https://www.jianshu.com/p/47e86214bbd6
推荐人：郭巍
《用户体验要素》是一本讲产品的好书，作者为我们清晰地介绍了关于用户体验的五个要素，五个要素是按照产品的整个生命过程来描述的。
产品设计五要素分别是：战略层、范围层、结构层、框架层、表现层。
《用户体验要素》
说这本书清晰，是因为五个要素很清楚，按逻辑步骤总结出来的。但，这也是这本书唯一清晰的地方了，因为，这本书在细节描述上还是很凌乱的。
产品设计五要素
对于读这本书而言，能够领会作者的思想就可以，不必要拘泥于具体的细节。原因有二：一是，这本书的细节描述并不是那么清楚，也不是那么条例；二是，要讲产品生命中的所有细节，也不是这一本小册子可以描述清楚的，而且更多地需要实践积累。
本文将用一张简洁、明了的流程图，配上接地气的文字，对书本的内容做一个梳理，通过总结，来让我们更好地领会思想。
首先上图：
一张图读懂《产品设计要素》
首先，在做一款产品之前，我们先尝试着问自己几个问题，问题分为以下3类：
（1）为什么做？
我们要做的产品是干什么的，为用户解决什么问题？我们做的产品以后怎么赚钱，或则不赚钱，我们总得得到什么好处吧？
（2）做什么？
我们的产品要有哪些功能？
（3）怎么做？
我们的产品具体做成什么样子？
好了，《用户体验要素》的作者就是来回答产品过程中的这3个问题的。按照流程图，我们往下走。
1.战略层
**
就像毛主席说的，主义譬如一面旗帜。柳传志也说过，自己的领导力三要素就是：搭班子定战略带队伍。足可以看出战略思想的重要性。
整个产品周期很长，先定个战略，有规划，有指导思想，才能够好好做产品。比如，我们做产品总得定一个小目标吧？
（1）商业目标：比方说，先赚它一个亿。再比如，我们先干一年，目标积累100万用户（也好拉投资嘛对吧）。这就是我们的商业目标。
（2）用户需求：比方说，我们觉得有的用户打车困难，有的用户的汽车总是自己一个人开，浪费空间，所以我们想来个共享经济，做个滴滴，让没车的用户可以方便地做有车的用户的车。这就是我们的用户需求。
用户需求需要好好挖掘，可以通过问卷调查、访谈等各种方式挖掘用户的核心需求。为了避免我们的做法与用户需求有偏离，我们可以对用户进行分类，把典型的用户种类划分制作成用户画像Personal，甚至，我们可以把用户画像打印出来挂在墙上，以后做决定的时候时刻想着他们的需求，这样就不至于我们做出太过于偏离用户需求的决定。
用户画像
商业需求是公司内部需求，用户需求是公司外在需求，它们共同组成战略层的核心内容。
2.范围层
在上一步，我们把战略定好了，目标很美好，要么几百万用户，要么一年赚几个亿，那么，接下来是不是就该想想怎么做了呢。
我们的产品要有哪些功能？接着上面做滴滴打车的例子，我们要让用户能够提出出发地和目的地，就能够找到车，对不对？我们要让司机能够轻松地找到乘客对不对？我们要给他们提供便利的支付方式对不对？我们要让乘客和司机能够通过联系方式交流对不对？我们要能够动态地、实时地把最合适的乘客推荐给最合适的司机对不对？
上面描述了我们想做的产品功能，这就是范围层要考虑的，哪些功能要做，哪些功能不要做，哪些先做，哪些后做，写下来之后就变成需求文档了，以后开发的排期、优先级、做不做某个功能的时候产生纠结，都可以把之前写下来的需求文档搬出来。
在前面的战略层，解决的是为什么做的问题，在范围层，解决的是做什么的问题。那么，接下来结构层、框架层、表现层，都是解决怎么做的问题的。只是由抽象到具体，由框架到细节，步步推进的。
3.结构层
**
在结构层，要考虑两个问题：“交互设计”和“信息架构”。
（1）交互设计指的是针对用户的操作，产品要怎么反应来配合用户操作。
在这里有一个“概念模型”的概念，比如，我们做电商，有购物车，购物车的概念模型可以是现实中的购物推车，那么它就有往里面放东西、从里面移除东西等功能，那么在电商平台设计购物车的功能的时候，就可以对应着来考虑与用户的交互方式了。
尤其需要注意的一点，我们设计的交互方式不要与用户默认的思维习惯相背离，比如，在用户的脑海里，默认浏览器右侧的ScrollBar是用来上下滑动页面的，而你的产品把它设计为拉动ScrollBar以放大、缩小字体，这就会让用户很难接受，因为这与他们的脑海中的习惯不相符。
scrollbar
再比如，在移动设备上，我们习惯于通过点击来放大、缩小图片，习惯于通过手指上下滑动来浏览长图。而微博客户端Weico曾经推出一个版本，修改了这一用户行为习惯，使得用户很容易进行误操作。理所当然地，在后来的版本中，Weico也将操作方式改回了大家习惯的方式。
weico
尽管我们说，交互设计要遵循用户的默认习惯。如果我们对用户的行为习惯有了深刻的研究，以至于我们认为我们比用户更了解自己，我们设计的操作方式是最适合用户的。那么我们可以尝试推广自己的交互设计方式，慢慢培养用户习惯。当然，这是需要时间和代价的。
（2）信息架构是指信息的组织方式。
我们的产品肯定有很多内容，那么这些内容应该怎么组织起来，让用户觉得好用、易用呢。比如操作文件夹的时候，我们总见过打开一个文件，再嵌套另一个文件夹，再嵌套另一个文件···一下嵌套十来层的文件夹组织方式，令人不厌其烦。在进行信息架构的时候，我们可以把自己的一个个的产品内容当做一个节点node，然后将这些节点有序的组织起来。具体的结构方式有层级结构、矩阵结构、自然结构、线型结构等，我们可以根据自己的产品特点来进行针对性的设计。
4.框架层
经过了上面的结构层，我们可以看到，我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层，就需要进一步地进行设计了。在框架层，包含：界面设计、导航设计、信息设计。
（1）界面设计：界面设计要做的就是选择合适的界面交互控件，这些控件既能够让用户易于理解其含义，又能够让用户借助于此来圆满完成任务。
（2）导航设计：导航设计要做的就是让用户在使用产品的时候有位置感，让用户知道自己在什么位置，知道下一步可以到哪里去，知道上一步怎么返回，避免让用户有云里雾里的感觉。具体而言，索引表、网站地图、导航链接、当前位置导航信息等，都可以是导航设计的一部分。
导航设计
（3）信息设计：信息设计要做的就是怎么把各种设计元素粘合在一起，怎么把它们呈现出来，让用户很好地理解和使用它们。
在产品设计中，有一个很重要的概念：线框图。线框图可以说是上述的界面设计、导航设计、信息设计的三者的结合，是产品的雏形和大体形态。需要注意的是，线框图与产品原型略有差别，原型是对线框图的更细致描述的产品体现，原型要求必须有交互，而线框图则可以是静态的，没有交互也可以。
线框图
5.表现层
表现层是用户真真切切地可以感受到的产品外在。这是离用户最近的。在这一层，可以通过设计产品的配色方案、排版、对比、风格统一，充分研究和使用用户的感知方式（嗅觉、味觉、触觉、视觉、听觉等），将产品的风格完整呈献给用户。
【END】
（最后打个广告，笔者鹅厂产品经理一枚。如果想了解更多产品经理知识，请关注笔者的公众号：xander_talk，或者添加笔者微信号xanderfriend，欢迎交流。）
作者：赞德
链接：https://www.jianshu.com/p/47e86214bbd6
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
若有收获，就点个赞吧
0 人点赞
