需求背景

随着越来越多的人喜欢使用b站,b站已经成为主流视频网站之一,而用户名浏览b站的时候都喜欢在评论区上留下留言,但是留言时只能选择发送文字和b站内置的表情.

产品定位

为了丰富留言的自定义性,制定留言板上可以发自定义照片/图片的功能,提高用户体验感与留言积极性.与旧状相比,用户在使用图片评论时,相比内置的表情包有了更多选择性,提升了体验感。而图片更能直观表达用户情绪,容易引发共鸣。

竞品分析

  • 爱奇艺:进入页面后登录即可发图片评论。文字可与图片一齐发出。图片和文字分别占一行,文字在上方,图片在下方。图片发出后缩略显示,点击可放大但不超出固定大小。

  • 新浪微博:进入页面后,判定是否为微博会员,如果不是则图片评论按钮禁用,如果是,则按钮可用,文字可与图片一齐发出。图片和文字分别占一行,文字在上方,图片在下方。有图片缩略限制,点击可以在新蒙层查看原图。

业务流程图

页面流程图

细节相关

UI:
图片按钮的位置排版
图片评论大小的显示

UE:
图片超出大小后采用等比压缩方式显示

前端:
权限判断:当当前用户不为会员时则该图片按钮不可选
当图片和文字一起评论时的显示排版问题

后端:
限制上传的图片格式
限制上传图片大小
图片内容的审核可以借助第三方平台,如图普科技,网易易盾

限制与风险

需要服务器有足够的空间来储存这些图片,后端对图片要加以审核