【功能分析】之“详情页”(上)

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

QQ截图20170914152537.png

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

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

导读

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

1.功能概述

功能名称:内容详情页

1.1

使用场景:

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

1.2

常见案例

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

2.功能分析

2.1

需求点描述

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

1. 内容主体信息:即文本、图片等信息;

2. 内容附属信息:内容来源等信息;

3. 衍生内容:评论;

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

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

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

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

相关截图如下:

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

相关截图如下: