修订记录
| 版本 | 完成时间 | 修订内容 | 修订人 |
|---|---|---|---|
| v1.0 | 2022年7月14日 | 完成初版文档 | 项宇琦 |
需求背景
b站作为当下年轻人喜爱的视频网站，推出了许多互动方式，例如弹幕，而除了弹幕之外，用户也喜欢在视频下留下自己的评论与其他用户或者创作者进行互动
需求场景
用户在观看视频时，为了追求互动性而留下自己的评论，图片评论更能直观简洁地表达观点，也增加了评论的多样性
目标用户
b站作为一个二次元为主的网站，使用用户基本为热爱acg的年轻一代，而喜欢表达观点，熟悉网络玩法的用户也更喜欢在视频下留言互动。
需求分析
为了解决用户无法直观简洁表达观点的问题，推出图片评论功能，使得评论方式更加多样，更能吸引用户进行评论。
需求列表
| 分类 | 功能点 | 优先级 |
|---|---|---|
| 评论模块 | 点击图片按钮可添加图片评论，可删除图片 | P2 |
| 展示模块 | 点击图片可显示原图 | P2 |
角色说明
产品功能设计角色
会员/非会员/游客
权限管理
会员可以进行图片评论，非会员不能进行图片评论但可以查看评论图片原图，游客不能进行评论也不能查看原图
引言
产品概述
为增加用户评论留言的多样性，增加了图片留言的功能，会员能够进行图片留言，取消图片选择等操作。有利于增加视频的互动性，促进视频与评论相辅相成。
全局说明
当用户为会员时图片按钮才可选，评论中的图片人人都可以看见
完整原型界面
网页端
点击评论输入框后如下一原型图所示
发送成功后进入下一原型界面
点击图片按钮转至下一页面
移动端
点击评论输入框后如下一原型图所示
发送成功后进入下一原型界面
点击图片按钮转至下一页面
业务流程图
页面流程图
原型说明
1.点击输入框出现图片选择按钮，并且输入框放大
2.图片选择按钮与表情并行排列，icon颜色与表情按钮相同；判断是否为会员，若是则图片按钮可选，若不是则图片按钮不可选并置灰。点击图片选择按钮调用本地相册进行图片选择
3.点击发布按钮，评论图片由后端进行审核，接入百度智能云进行图像识别，审核通过后发布在下方评论区
4.图片按一定比例缩略展示,原图大小进行压缩，独占一行，点击可放大查看原图,在未通过审核前只有当前用户能看到自己发的图片评论，审核通过后其他用户才能看到图片评论。一次只能选择一张图片。
5.评论语句与图片一起发布时，各占一行，数据来源于评论框输入内容
6.当已选择图片并返回评论页面时，图片按比例缩略显示在评论输入框，按叉键可以取消图片选择
7.点击发布按钮后，展示后端审核后评论发送是否成功的信息，位于页面正中央，3s后消失
8.原图展示退出按钮
9.点击任意处退出原图展示
10.点击评论处的图片后展示原图，位于正中央
数据埋点
| 编号 | 所在模块 | 字段名称 | 事件 | 指标描述 |
|---|---|---|---|---|
| 001 | 评论输入框 | input_click | 点击输入框 | PV UV |
| 002 | 评论输入框 | photo_btn_click | 点击图片按钮 | PV UV |
| 003 | 评论输入框 | post_btn_click | 点击发布按钮 | PV UV |
| 005 | 评论展示区 | comment_show | 浏览评论 | PV UV |
| 004 | 评论展示区 | photo_click | 点击查看原图 | PV UV |
| 006 | 评论输入框 | photo_cancel | 点击图片取消按钮 | PV UV |
| 007 | 审核通过提示 | approval_tip | 曝光审核通过提示 | PV UV |
| 008 | 原图展示 | exit_btn_click | 点击退出按钮 | PV UV |
| 009 | 原图展示 | anyplace_click | 在任意处点击 | PV UV |