先上一张大名鼎鼎的图片,做产品的应该都看过,没看过的我在下面文章中简单解释一下。

产品设计的五个层面

用户体验的一整套开发流程,都是为了确保用户在使用你的产品的时候,其所有的体验都不会脱离你明确设计的目标和意图。这就意味着要考虑用户有可能采取的每一个行动的每一种可能性,并且去理解在这个行动过程中的每一个步骤中用户的期望值。为了能够确保效果,我们往往需要遵循一套优秀的规则,现阶段最流行的就是以上面这5个层次来设计产品了。

表现层:你可以最直观的看到表现层的元素。比如一个网页、一个手机app,网页或应用里的图片、文字和动画,你可以通过各种显而易见的方式去操作它,执行一些你想要的功能。

框架层:在表现层之下就是框架层:按钮、控件、照片或文本区域的位置。框架层用于优化设计布局,以达到这些元素的最大效果。在你使用一个产品的时候,能够让你在需要的时候自然而然的找到该元素的位置,好像它本应就在那里一样。

结构层:结构层比框架层更加抽象,框架是结构的具体表达方式。以淘宝为例,框架层确定了在结账页面上交互元素的位置,而结构层则用来设计用户如何到达结账页面,结完帐该去哪儿。框架层定义了导航条上各要素的排列方式,允许用户可以浏览不同的商品分类,结构层则确定哪些类别应该出现在那里。

范围层:结构层确定了产品各种特性和功能最合适的组合方式,而这些特性和功能就构成了网站的范围层。比如,你上京东的时候输入一次地址就会自动保存,下次再次使用的时候会直接调出来,不需要再次输入地址了。这个功能是否应该成为京东众多功能中的一个,就属于范围层要解决的事情。

战略层:网站的范围基本上是由网站的战略层所决定的。这些战略不仅仅包括了经营者想从网站得到什么,还包括了用户想从网站得到什么。就在线教育而言,一些战略目标是显而易见的:用户想要通过在线教育获得知识或者成绩,而我们想要卖出它们。而另一些目标(如促销信息,或者用户填写的各种资料在产品和营销上的应用)可能就不太容易说清楚了。

这五个层次在体验上是自上而下,在设计上通常需要自下而上。

如果换算成标准文档的话,那么战略层可以写在BRD里,范围层可以写在MRD里,结构层可以包含在产品结构图和PRD里,框架层包含在原型图和PRD里,表现层就需要设计来帮忙了。

那么在各个层需要考虑哪些方面?

在战略层主要需要考虑产品目标和用户需求。产品目标中包含商业目标、品牌识别和成功标准。在用户层面则需要用户细分、进行可用性研究、用户建模。另外也需要确定好团队角色和流程。

在范围层,你需要定义需求,确定需求的优先级。

在结构层,你需要确定交互流程图,不仅仅要让用户去到想要去的地方,如果一些用户去了错误的地方,也要有挽救的方案。

在框架层,你需要做出一份完整的线框图和说明,能够清晰的表明哪个地方应该放上哪个元素。

表现层需要配合设计去实现。

一篇简短的文章只能帮助大家大致了解产品设计的这五个方面,如果想要了解详细的内容,推荐大家看《用户体验要素-以用户为中心的产品设计》这本书,书中包含了上文中大部分的观点,并且针对这五个层次由抽象到具体,由概念到完成,任务流和信息流的不同设计方式等,都有更加详尽的描写。