【功能分析】之“详情页”（上）

全文共 3484 字，阅读时间 10 分钟

功能分析系列第 6 篇原创文章，希望对你有所帮助。

导读

详情页，是内容型产品设计中最常遇到的页面之一。不同的产品，详情页的内容不一样，但结构基本相同。那在设计详情页时，有哪些需求点呢？这 2 篇文章我们以今日头条的图文资讯详情页为例来详细分析。

1.功能概述

功能名称：内容详情页

1.1

使用场景：

在一个页面中，显示某个信息的详细内容。

1.2

常见案例

几乎所有的内容型app。如人人都是产品经理、今日头条、简书。

2.功能分析

2.1

需求点描述

内容详情页的需求主要包括 4 部分：内容主体信息、内容附属信息、衍生内容、操作：

1. 内容主体信息：即文本、图片等信息；

2. 内容附属信息：内容来源等信息；

3. 衍生内容：评论；

4. 操作：点赞、评论、收藏、分享、举报等。

今日头条有多种类型的内容详情页，每一种的内容详情页都不一样。我们以图文资讯详情页为例，我们来详细分析。

由于需求点过多，我们将分 2 篇文章来分析该页面涉及到的需求，这篇文章先分析公共模块的需求。这些需求将会在多个地方被引用，为了避免重复地描述同样的需求点，造成需求点冗余，我们先将公共模块提炼出来。

详情页中，多个地方用到了头像。包括标题栏中的头条号头像、标题下的头条号头像、评论中的用户头像、点赞数描述中的用户头像。需求描述如下：

相关截图如下：

与头像类似，关注按钮、发布时间、评论回复按钮也在多个地方被使用。需求描述如下：

相关截图如下：