本文从产物布局、全局说明、流程图、页面逻辑图、页面具体说明页五个角度，对年青人喜欢的B站举办了全方位的阐明，但愿对你有辅佐。

B站定位是多元化视频平台，主要成果是视频播放，环绕视频播放构建的用户体验十分完善，本文只选取常用的视频播放等成果举办阐明。

一、文档综述 1.1 文档属性

1.2 产物简介

产物范例：视频平台

产物slogan： 你感乐趣的视频都在B站

产物先容：是一个环绕用户、创作者和内容，构建出一个绵绵不断发生优质内容的生态系统的多元文化社区。

产物定位： 中国年青世代高度聚积的文化社区和视频平台

1.3 产物用户

用户活泼水平：

2020年5月19日，B站发布了停止2020年3月31日的之一季度未经审计的财政陈诉。财报显示，B站2020年一季度，月均活泼用户到达1.72亿，同比增长70％；移动端月均活泼用户到达1.56亿，同比增长77％；日均活泼用户到达5100万，同比增长69%。

在用户基数大幅增加的基本上，社区活泼度也进一步跃升。尤其是用户日均利用时长攀升至87分钟，环比晋升10分钟；而社区月均互动数则高达49亿次，为去年同期的三倍之多。

1.4 需求总结

二、产物布局 2.1 产物成果布局图

右击，在新标签页中打开即可查察

2.2 产物信息架构图

右击，在新标签页中打开即可查察

三、全局说明 3.1 登录页面

权限说明：

登录状态下可以举办所有操纵。

未登录状态下进入APP，除了可以寓目视频，其他所有成果都不能举办。

右击，在新标签页中打开即可查察

页面名称：登录页面

页面进口：未登录状态下，在“我的”页面左上角显示“点击登录”，可能利用除了寓目视频之外的所有的交互成果时，会自动跳转进入登录页面

页面成果：实现两种 *** 的登录——手机验证码登录、暗码登录

页面逻辑内容及其交互具体说明：

手机验证码登录 *** ：

初始界面下，泛起国度/地域选择框、手机号码输入栏、验证码输入栏、获取验证码按钮、验证登录按钮。

手机号码默认+86，输入限制16位数字，当输入非数字内容时，输入栏不予显示；输入数字后，获取验证码按钮亮起；输入错误名目、无效号码时，点击“获取验证码”，弹出“手机号名目错误”。

点击“获取验证码”后，会弹出一个滑图验证，“获取验证码”按钮变为“60s后重试”，倒计时竣事前不能在获取验证码。

验证码正确，完成登录，进入“我的”页面。

暗码登录：

初始界面下，右上方有暗码登录按钮，点击进入暗码登录界面。

登录界面，泛起账号输入栏、暗码输入栏、健忘暗码按钮、注册按钮、登录按钮。

账号输入栏支持输入手机号与邮箱，且没有字数限制、字符种别限制；暗码输入栏同上也没有任何限制，输入暗码时输入的字符会短暂的显示2s，然后埋没为“*”。

点击注册，进入“手机号登岸注册”页面，通过手机号验证注册账号。

健忘暗码时，点击“健忘暗码”按钮，会弹出“已绑定手机号”、“已绑定邮箱”的选项，点击前者，跳转进入手机号验证登录 *** ，点击后者，通过绑定邮箱重置暗码。

账号暗码登录乐成后，完成登录，进入“我的”页面。

3.2 *** 情况

此为在没有wifi，打开了数据的状态下，横屏竖屏播放的页面。

流程，先封锁wifi、打开数据，再点进视频。

功效，播放页面会提醒流量耗损。

右击，在新标签页中打开即可查察

此为在没有 *** 状态下，TAB栏的五个页面
流程，先封锁 *** ，再打开APP。
功效，前两个TAB页面不能显示，后三个TAB页面可以正常显示。

右击，在新标签页中打开即可查察

3.3 键盘输入

只有在手机号验证登录时，点击手机号输入栏/验证码输入栏，会弹出数字键盘。

其余所有的输入都是弹出字母键盘。

右击，在新标签页中打开即可查察

在竖屏播放页面，右下角有一个笑脸按钮，点击后，底侧弹出心情包键盘。
在字母键盘中，也可以点击笑脸按钮，切换至心情包键盘。

右击，在新标签页中打开即可查察

3.4 评论框

右击，在新标签页中打开即可查察

页面名称：评论页面

页面进口：在TAB栏“首页”下，任一标签页面内，点击右上角“动静”按钮，进入动静页面

页面布局：

评论切换栏

用户信息栏

用户的评论内容

对用户评论的反馈

二次评论

评论栏

页面逻辑内容及其具体交互：

从左到右，发送弹幕、弹幕开关。

发送弹幕，点击该按钮，按钮变为“弹幕输入中”，同时底侧弹出键盘，可以举办弹幕的发送。

弹幕开关，默认为开启弹幕；点击该图标，图标右下角显示“克制“图标，封锁弹幕；再次点击，复兴。