一、项目背景

快手直播功能已经上线一段时间，积累了一定主播和观众，目前的直播入口过于隐蔽，不利于用户使用和吸引新用户。

目前直播没有单独的模块作为入口，用户观看直播只有三个入口， 分别是：

        嵌在【同城】的短视频 feed 信息流中；

        直播中的主播个人作品集第一项；

        关注的人开启直播后在【关注】模块的界面显示。

本次在保留原直播入口的情况下，新增【直播】板块单独呈现直播 feed 信息流，并设直播推送按钮，点击出现直播推送界面。

二、需求内容

1.新增【直播】模块

1.1 DEMO

1.2 说明

1.2.1 顶部导航栏

a.导航栏四种状态

保持原有交互方式不变，在原有导航栏上添加新的直播按钮，并在直播模块选中状态下，添加“感叹号“，点击”感叹号“出现直播推送窗口。

b.新增按钮说明

1.2.2 直播feed流界面

a. 界面说明

（1）界面介绍

界面只提供直播feed流信息，基本界面与【发现】、【同城】、【关注】板块的界面一致；

每场图片上具有“LIVE“标志，与短视频区分；

图片分两列成列，静态图片，图片宽度一定，两列相等，中间留细微空隙；

图片长度在1/6到2/3个屏幕之间自定义；

每张图片下方靠近左下角是用户头像；

每张图片左下角显示热度标志和活跃人数。

（2）标志说明

b. 交互说明

【直播】板块位于最右端，所以右滑无效，其它交互动作如下

（1）从其他界面进入【直播】板块的界面：

        a. 在其他板块的界面，点击黑色的直播按钮 进入；

        b. 在【同城】板块的界面，向左滑动；

        c. 通过“返回上一级“按钮进入（下文有详细介绍）。

（2）界面内滑动

        a. 向下滑——刷新页面。所有图片随手下下坏，图片顶端到导航栏之间出现空白，空白中间出现刷新动画。

        b. 向上画滑——出现进度条，连续地向下加载页面

        c. 向左滑——无反应

        d. 向右滑——进入【同城】板块的界面

（3）界面内进入【关注】、【发现】、【个人中心】、【视频录制】界面，交互方式与其他板块现有方式保持一致，不赘述。

（4）点击“感叹号”进入“直播推送界面”，详细介绍看下文。

2.新增直播推送界面

2.1 界面介绍

该界面主要是为了告知用户，要开通直播所需要的条件，以此激励用户创作更加优质的内容和进行实名认证。

该界面在【直播】板块的界面中，点击右上角“感叹号” 进入，出现一个窗口，窗口包含四个页面，通过左右滑动控制。

2.2 界面说明

2.2.1 一级界面

        界面主要由用户头像+文案的形式构成。还有返回和导航（下文详细介绍）

        文案为：“XXX（用户的昵称）+ 快来了解一下直播功能吧，你也可以成为主播哦！”（实际以文案人员提供为准）

        向左滑——进入二级页面；

        向右、向上、向下滑动——无反应；

        点击左上角返回按钮 ，返回到【直播】模块的界面；

        导航第一个点为黄色，其余为黑色。

2.2.2 二级界面

         二级界面由直播宣传图和文案组成。

        宣传图主要突出直播内容丰富和送礼功能（实际以设计人员提供为准）

        文案为：“在法律法规范围内，你可以直播健康积极的内容，与粉丝互动。另外，粉丝送的礼物，也是一笔不错的收入！“（实际以文案人员提供为准）

        向左滑——进入三级页面；

        向上、向下滑动——无反应；

        向右滑，或者点击左上角返回按钮 ，返回到【一级界面】模块的界面；

        导航第二个点为黄色，其余为黑色。

2.2.3 三级界面

        三级界面由文案和外部链接组成。

        文案为：“用户要开放直播，需满足如下条件：

                1.发布较多优质作品且被广大用户喜爱；

                2.平台形象正面积极且无违规封禁等不良记录；

                3.账号绑定手机号码降低盗号风险；

                4.完成实名认证。“（实际法务法务提供为准）

        外部链接：

                - 链接名称：《直播详细信息》，颜色为蓝色

                - 点击链接跳转至“设置-反馈与帮助-直播“界面

        向左滑——进入四级页面；

        向上、向下滑动——无反应；

        向右滑，或者点击左上角返回按钮 ，返回到【二级界面】模块的界面；

        导航第三个点为黄色，其余为黑色。

2.2.4 四级界面

        四级页面由一段文字和两个按钮组成。

        文字是：“现在！开始你的创作之旅吧。。。“（实际以文案人员提供为准）

        左边按扭：

        内容——现在就去

        颜色——底色和边框为黄色，文字为白色

        跳转——点击按钮，跳转至【视频录制】界面，跳转流程与点击“视频录制”按钮一致

        右边按钮：

        内容：我稍后再去

        颜色：底色为白色，边框和文字为淡灰色

        跳转：回到【直播】板块的界面

        向左、向上、向下滑动——无反应；

        向右滑，或者点击左上角返回按钮 ，返回到【三级界面】模块的界面；

        导航第四个点为黄色，其余为黑色。

2.3 按钮和导航、交互、跳转总结

2.3.1 按钮和导航总结

2.3.2 交互总结

        向上、向下滑动——始终无反应。

        向左滑——除了在四级页面无反应外，其余一、二、三级页面，均跳转到下一级页面。

        向右滑——除了在一级页面无反应外，其余二、三、四级页面，均跳转到上一级页面。

        在直播推广窗口开启的情况下，除了界面内的按钮和手势操作，其余按钮包括：【个人中心】、【关注】、【同城】、【直播】、【视频录制】模块的按钮都不可以点击，必须退出该窗口到【直播】板块的界面，才能进操作。

2.3.3 跳转总结

主要的跳转就三类：页面间跳转、《直播详细信息》链接跳转、【视频录制】界面跳转，其中页面跳转相对清晰，在交互总结里已经详细说明，《直播详细信息》跳转相对直接，只要点击，直接跳转，没有判断条件。下面重点关注一下【录制视频】界面跳转

【录制视频】界面跳转

跳转方式：

点击【视频录制】按钮或点击四级页面“现在就去“按钮

跳转流程图：

注意事项：

在四级页面点击"现在就去"进行跳转，如果跳转失败，不回到四级页面，而是直接回到【直播】板块的界面。