产品功能拆解（5）——详情页

大部分情况下，详情页承担的职责是用户认知的最后一步，详情页之后往往需要引导用户去进入交易流程，或者引导用户发评论或者转发，也就是用户在详情页之后从认知变成了行动。

还是先来看几个例子。

从左到右：斗鱼、网易新闻、天猫

这是三个比较典型的详情页，抛开布局不谈，我们先看页面元素。

首先是呼应，用户进入详情页的路径有很多，需要让用户在一进入详情页先明白：我没有点错。比如我们在天猫的列表页看到某一件T恤，列表页可能会显示图片、名称和价格，当你被吸引进入详情页后，至少要做到图、名称、价格与列表页相呼应而且要让用户第一时间感知。

其次信息展示。描述一个商品有很多维度，入口页面只能展示最吸引人的2-3个信息，那么详情页就需要把这些纬度全部展示出来。但也不是一股脑的信息罗列，任何信息都有优先级，对于产品设计者来说，你需要理出信息的优先级，同时根据优先级进行展示，什么意思呢？简单点说，价格这个信息就比运费优先级高，所以价格就比运费的字体大，而且用红字强调。

最后是引导。任何详情页都有其目的。斗鱼的详情页是引导用户充值送礼物，网易新闻则是看并发布评论，天猫是购物。现在比较通用的做法是把这些主要引导的功能入口以固定底部的方式，同时按钮使用突出的颜色引导用户。如果你咋看一眼这些详情页，是不是几个点很突出？斗鱼的充字和边上的礼物按钮，网易的评论，天猫的加入购物车和立即购买按钮。

下面我们用一个具体的例子来分析。

京东金融详情页，左到右：第一屏、第二屏、计算器

先说明，这只是个人分析。

作为一个理财产品，首先梳理信息，也就是如何描述一个理财产品，这需要与业务部门进行沟通，尤其是当你不了解理财产品的时候。

先看信息。任何信息划分都是根据你的用户来的。

第一优先级：年化收益、理财期限、起购金额。第二优先级：时间进度、回款方式。第三优先级：安全保障、产品详情、投资记录。

京东的用户是面向大众，基本和京东商城的用户重合，也就决定了他们大部分人对于理财产品是没有概念的。所以信息呈现上，优先解决的是：用户能获得多少收益、能不能投、什么时候获得收益。也就对应了年化收益、起购金额和理财期限。第二级信息中的时间进度是对理财期限的解说，具体说明了何时起投、何时计息、何时收益。下面的回款方式由于京东的用户大部分对理财没有概念，所以即使你告诉他回款方式是等额本金、等额本息、一次性还本付息中的一个，他们也没有概念。但是又有部分人能看懂，所以放到第二优先级。如果你的用户普遍对投资理财都有了解，那这个信息就比如放到第一位，因为直接关系到了收益，决定了用户是否购买这个理财产品。第三级信息中的安全保障对于京东来说是最不重要的，因为本身京东的品牌就已经做了强有力的保障，但是如果是一些初创理财平台，安全保障也许会是第一优先级的信息。产品详情和投资记录则是辅助信息，对购买理财产品来说不是决定性的因素。因为京东的用户大部分看不懂产品详情，对于什么担保机构的理财产品好是没有任何概念的，同样如果你的用户大部分知道哪家机构好，也许你就要考虑把这个信息的优先级提升了。

一个用户来到了这个详情页，看了这些信息，产生了购买冲动，接下来就是一个很自然的问题：即我到底能获得多少收益？所以在下方有计算器功能帮助用户计算收益，也是一个比较贴心的功能，计算完毕就可以点击购买按钮进行购买了。

一个好的详情页解决的问题是用户从认知到决策再到行动的过程。希望对大家有所帮助。