高效的产品详情页，是怎么炼成的？

我们知道，一款APP的产品详情页是呈现产品内容的最重要的模块。它要生收益的价值。不同产品APP的产品详情页设计都不一样，但都有着相同点。本文探讨的是如何设计一款高效的产品详情页给用户。

这里“高效”的含义，就是“提升产品的效率”。

app产品都有各自不同呈现目标，比如淘宝就是卖商品的，喜马拉雅卖语音，微信卖沟通链接，爱奇艺卖视频，QQ音乐卖音乐，58同城什么都卖。

这些“卖”都有共同的目标---实现盈利。包括直线和曲线的方式。

所谓“直线”，就是你在我平台买卖，我收“平台费、交易费...”销售额提个点就是很庞大数字了。

下厨房app

在行app

闲鱼app

所谓“曲线”，就是指那些专门卖“内容”的app，吸引流量然后卖广告、做电商。比如下面说到的这款app---下厨房，就是重点探讨的。

不妨来对比下几款app产品，各自选一个角度，我们剖析它？然后就知道大概是怎么回事了：

下厨房APP

在行APP

闲鱼APP

我们可以把三个app的产品详情页的结构做个拆分：

如上图所示：

三个app其实代表了不同的领域：

下厨房APP-菜谱详情页（内容/做菜教程/免费）

在行APP约见详情页（经验/线上成交线下约见/付费）

闲鱼APP详情页（电商/闲置品/付费）

先看下厨房的产品详情页信息架构：

在行APP约见详情页的信息架构：

闲鱼APP详情页信息架构：

做个对比如何呢？我们发现，这代表三个不同领域里的app详情页，有相同的地方。有不同的地方。

基本上，相同的地方是：作者介绍/标题/产品图文介绍/服务介绍/留言评论/收藏..

基本上，各自也有不同的地方。比如：以上红色的标准的模块。

下厨房APP: 详情页多了推荐语

菜谱的高质内容，带动用户整体量的增长，实现其通过电商的盈利目的。高质量内容是 带动流量的盈利点。

在行APP: 详情页多了地点位置。

通过持续的符合更多用户需求的行家推荐，获得平台提成。因此，成交率成为了重要的盈利参考点。

下厨房APP: 详情页多了价格。

盘活闲置资源，带动更多用户进行交换。价格是最敏感的要素之一。

红色文字所标准的模块，都是在页面权重非常高的地方。我把红色文字称之为“特别要素”

这个要素，指的是根据产品形式的不同，多采用特定的要素进行展示。

比如：电商对时间，价格有比较高的要求。新鲜度很重要，用户对价格敏感度也很重要。但对作者的地点不太关心。而行家的约见受到了地理限制。这点要求较高。

对比了这三款产品，似乎就这么多了。产品详情页就只有这些东西了吗？仔细分析会知道，其实并非如此。

下面几个问题，你能否答出来呢？

1 有哪些APP在产品详情页里，并没有介绍所服务的产品详情。你知道为什么吗？

2 闲鱼的产品详情页和京东的详情页有哪些不同？为什么造成这些差异？

3 产品二次确认页时什么？为什么会增加这个路径，难道用户在购买时不多点击了一步吗？意义是什么？

先回答第一条：

在行的详情页里，把行家的服务内容列表化。点击列表进入单个产品的详情页。这个其实相当于折叠了产品。简化了其纵向的信息结构。为何不在此页面介绍每个产品呢？

综合行家的定位，我们发现“约见”成功的效率是平台实现盈利的重要考虑点。用户对行家的要求并不在其服务列表上的单个产品。（这些单个产品都有类似的地方）。而在于行家的title，行家个人介绍的经验。用户的评价。这才是重要的背书。划重点：你牛逼，我就信你。

这个折叠页，其实就是确认页。这个跟第三个问题有关。稍后，请往下看。

第二个问题：

我们知道闲鱼是一款闲置品app，其功能规格型号性能并没有那么高要求，而京东出售的产品，型号，外观，重量，尺寸等都非常多的要求。评论和详情内容非常多。前者是用户自定义的，后者是商家自定义的。结果都是卖。但卖的方式不同。我们先看看这两者的产品详情页的信息架构：

闲鱼的详情页：

京东的详情页：

结果非常清楚了。京东的每一款产的信息体量很大，如果使用一个页面下来。用户看都看不完，还要ta买？所以，采用的是横向罗列的信息架构。非纵向。因此，模块间切换快，直达商品的速率提高了。画出重点：用户了解产品的效率提升了。

而闲鱼上的产品图文和文字都是用户一个字一个字码出来的，要求没有那么高，信息量少，所以一个页面就展示完毕了。根本不需要横向信息架构。

第三个问题：

第二次确认页确实是增加了用户点击的路径损耗。

除了行家详情页有确认页，哪里还有呢？

闲鱼上的详情页，你仔细看就发现：没有购买按钮，京东也没有（京东的是‘加入购物车’）。有的是“我想要”按钮。点击进入之后，进入跟卖家实时聊天。还有该产品置顶的购买按钮。也就是说：这才是购买页。

为什么购买页（二次确认）不是跟详情页在一起呢？理由我们也能猜的出来。闲鱼上的介绍只是作者的自问自答。“闲置品有哪些缺陷没说的？”“能不能砍价”“物流用菜鸟还是顺丰？”---用户一概不知。因此，这个实时聊天页，就是为了让买卖双方提升信任度，更多了解产品。

划重点：二次确认页，提升了产品的交易效率。

“我想要”“拼团”“加入购物车”“...”在产品详情页上的这些按钮，并没有直接购买的作用。但其实就是一个“漏斗”，这个叫做“效率”的漏斗。虽然增加页面路径，用户会多此一举，但提升了“效率”，就是“提升产品的效率”。

以下是针对不同详情页的信息框架扩展模式：

纵向架构：

横向架构:

综上所述，如何设计高效的产品详情页呢？模型如下：

写了这么多字，其实我们有时根本不需要记这么多条条框框。

其实，产品详情页，就是为产品的目标而服务的。问问你的产品目标是什么，你就知道该怎么做了。

作者：yixiang |  开发者、产品人 公众订阅号：产品学君  欢迎关注~