【产品研究】抖音短视频：产品需求文档

4.2.1 视频推荐机制

五、 产品页面逻辑图

六、 页面详细说明

6.1 首页页面

6.1.1 首页——推荐页面

（1）页面名称：首页——推荐页面

（2）页面入口：启动抖音app直接进入“首页”—推荐页面或点击主菜单“首页”按钮进入

（3）页面分布：

1. 页面切换区

2. 视频播放区

3. 视频分类切换区

4. 互动功能区

5. 视频文字描述

（4）页面逻辑内容及其交互详细说明

1）页面切换区

• 为app主菜单，除拍摄视频界面外均存在于屏幕最底部，为五个页面的入口。

• 点击标题按钮可以进入对应页面，点击中央十字按钮，可以进入视频拍摄页面。

• 启动抖音短视频app，直接进入“首页”推荐页，首页为按钮为加粗加亮，其他按钮灰暗。若转入其他页面，则转入页面按钮变高亮，其他页面为灰暗。

• 当有系统功能更新时，“我”页面按钮出现黄色小圆点提示。当有互动消息时，“消息”页面按钮出现黄色小圆点提示。点击后小圆点消失。

2）视频播放区

• 全屏播放视频，视频由后台推荐机制分发。

• 点击视频，可以控制暂停/播放视频

• 向右滑动，可以切换到“首页”界面的“附近”界面

• 向左滑动，进入播放视频的拍摄者的个人中心，观看详情。

• 上下滑动，切换播放视频，切换视频由后台分发机制设定。

• 视频在播放中，可预缓存推荐列表的下几个视频，保证切换的流畅。

3）视频分类切换区

• 可以在推荐/附近两个界面切换，所在界面的标识高亮，另一个灰暗。

• “推荐”界面，由后台推荐机制分发。“附近”界面，按距离远近排序。

4）互动功能区

从上到下描述：

• 点击头像可查看对方个人中心。

• 点赞按钮，点击后icon变为红色，表示已点赞，再次点击可取消。

• 评论按钮，点击后，底部上弹评论框，详情可看评论页描述。

• 分享页面，点击后，底部上弹分享框，详情可看分享页描述。

• 未登录不能参与互动，点击跳转至登录界面

5）视频文字描述

从上到下描述：

• 所有发布视频的用户，均以 @名称 的形式，为了区分下一行的标题，点击后进入该用户的个人主页

• 此行为标题行，最多不超过50字，可分三行，不可点击

• 此行为该视频使用的音乐名称，包括歌曲名称+歌手，以滚动形式展现，不可点击

6.1.2 首页——附近页面

（1）页面名称：首页——附近页面
（2）页面入口：通过下方主菜单进入首页页面后，向右滑动或者点击上方附近按钮进入

（3）页面结构：

1. 定位栏

2. 切换城市界面

3. 各视频封面

（4）页面逻辑内容及其交互详细说明

1）定位栏

• 初始通过GPS定位，自动定位所在城市

• 定位栏有段为切换按钮，点击进入切换城市界面，自行切换城市分区

2）切换城市界面

由上而下描述

• 第一部分显示自动定位城市

• 第二部分为热门城市选项。将用户较多的九个城市按次序排开。点击则定位于该城市。

• 第三部分为各城市按首字母排序。根据音序顺次排列各个城市名称。点击则定位于该城市。

3）各视频封面

• 首页——附近页面，按距离远近推荐视频。视频截取一帧为封面，由近及远排序展现。

• 封面下方，存在文字说明。文字说明由上而下分别为距离（km，一位小数），视频说明（两行），作者昵称及点赞数。

• 点击视频封面，进入该视频详情页。详情页全屏播放该视频，页面结构与首页——推荐页面相同。

6.2 关注页面

（1）页面名称：关注页面

（2）页面入口：通过下方主菜单点击“关注”按钮进入

（3）页面结构：

1. 视频信息区

2. 视频播放区

3. 视频互动区

（4）页面逻辑内容及其交互详细说明

关注页面内，为用户所有关注对象所发布的视频，按时间从倒叙排布。每一个视频所占区域均由  三部分组成。由上至下描述分别为

1）视频信息区

由上至下描述：

• 第一栏左侧为本视频发布用户头像及昵称，点击可进入对方个人界面。

• 第一栏右侧为取消关注按钮，点击之后出现询问是否取消关注的窗口。

• 第二栏为视频简介，两行，由发布者自行提供。

2）视频播放区

• 视频界面自动播放，点击进入详情页。详情页全屏播放该视频，页面结构与首页—推荐页面相同。

• 视频界面底端左侧为音乐名称，右侧为暂停键，可控制播放/暂停。

3）视频互动区

视频互动区包括用户与本视频的互动功能（点赞，分享，评论）以及对本视频其他观看者、评论者的互动功能。由上往下描述

• 第一栏左侧为视频总时长，第一栏右侧分别为评论、分享、点赞按钮。点击评论/分享按钮，从下方弹出评论栏与分享栏。点击点赞按钮，对作品点赞，点赞数加一，再按取消。

• 第二栏，显示点赞数，字体灰暗，较小。

• 第三栏开始，显示1至3条高赞评论，视评论数量决定。点击从底部弹出评论栏，并定位于所点击的评论位置。可在评论栏内对相关评论进行点赞、评论。

• 倒数第二栏，显示评论总数，点击从底部弹出评论栏。

• 最后一栏为输入评论栏，点击从底部弹出键盘，可发布用户自己对该视频的评论。

6.3 拍摄页面

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!