需求文档实战-好友圈

本文由用户“jzyb86”分享发布 更新时间:2023-01-13 20:07:51 举报文档

以下为《需求文档实战-好友圈》的无排版文字预览,完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

好友圈需求文档

产品名称

好友圈

涉及系统

APP



撰写人

Bin

编写日期

2030年1月1日



需求列表



?

模块

需求名称

需求概要

涉及平台



发布入口

发布入口

发好友圈的入口

APP



发好友圈

选择图片/视频

选择图片/视频发布好友圈

APP





拍摄照片/视频

拍摄图片/视频发布好友圈







撰写文案

选择图片后撰写文案





好友圈查看

好友圈展示

好友圈列表,具体图文内容展示

APP





好友圈下拉刷新

好友圈下拉刷新需求





需求明细

2.1 发布好友圈

2.11 发布入口

?/?图2.111

?/?图2.112

?/?

?/?

图2.113



【需求说明】

用户进入“好友圈”页面在页面actionbar右侧有发布好友圈的入口,点击“?/?”之后进入发圈流程。默认进入选择图片页面,同时用户可以选择拍摄功能,进入拍摄模式,拍摄视频或照片。

?

2.12 选择图片或视频

?/?

图2.121

?/?

图2.122

?/?

图2.123



【需求说明】

好友圈图片或视频来自手机默认的相册,选取的逻辑遵循以下几个原则:

支持(最少1,最多9张)图片。没选择图片不可发布好友圈(不支持发纯文字)

支持发布1个时长≤10秒的视频。

图片可从相册选择,也支持自己拍摄。

自己拍摄界面可切换前后置摄像头,自己拍摄界面点击拍照,长按拍摄视频。

【交互说明】(具体效果参考原型)

如果用户点击图片右上角的“√”按钮,“√”按钮变为数字。数字表明当前图片是第几张被选中的图片,数字被再次点击之后,取消选中该图片,其他选中图片上的数字做相应更新(case,用户选中了1-5,5张图片,用户点击数字“3”,“3”变成“√”,“4”和“5”分别减1,变更为“3”和“4”)请参看微信发朋友圈选图片的效果。

用户在图片列表点击图片(“√”以外的区域)进入该图片的预览模式,默认选中原图,可以取消选中原图的选项。

如果用户选中的是图片,视频则无法被选中(只能发图片或者视频,不能同时发图片和视频)

如果用户点击的视频时长>10秒,则吐司提示:视频长度不可超过10秒

图片或视频选中完成之后,点击“取消”返回好友圈列表,点击“完成”进入文案撰写页面?

2.13 拍摄图片或视频

?/?

图2.131

?/?

图2.132

?/?

图2.133



【交互说明】

用户在“选择图片”页面,点击“?/?”进入图片/视频拍摄界面,提示“轻点拍照,长按拍视频”用户单击拍摄按钮,则拍摄图片,进入上方右图界面。

用户长按拍摄按钮,提示语“轻点拍照,长按拍视频”隐藏,进入拍摄视频状态,同事圆形进度条开始走动,整个圆环走完的时间是10秒(视频最大时长)

用户在10秒内放手则视频停止拍摄,进入视频预览页上方右图所示,拍摄超过30秒,自动停止拍摄,进入视频预览页上方右图所示。

图片/视频预览页,有两个操作按钮,“返回”和“选中”,用户点击“返回”则回到拍摄界面。点击“选中”则进入好友圈撰写界面。

2.14 撰写文案

【需求说明】

用户在选择完图片/视频之后,会进入到撰写文案的页面,用户在该页面进行文案撰写,添

加图片,删除图片,查看帮助文档,取消发布,发布等操作

?/?

图2.141

?/?

图2.142

?/?

图2.143





用户可以在文本框里输入数字,汉字,英文字符,特殊字符算一个字,Emoji表情。总字数要求在1-200个字(数字,汉字,英文字符,特殊字符算一个字 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 图3.312所示

好友圈列表点击视频,进入视频播放模式。如图3.313所示

下图所示,图3.3191和图3.3192为图片以正方形形式预览的读取区域

?/?

图2.3191

?/?

图2.3192



2.3.2 下拉刷新

?/?

图2.321

?/?

图2.322

?/?

图2.323



【交互说明】

操作

触发动画

触发请求



下拉时

①页面跟着下拉(如上方图2.322所示)

②加载图标显示(如上方图2.323所示)

无



下拉结束时

①加载图标开始转动

②转动速度240°/s

③数据加载结束加载图标隐藏

请求刷新好友圈列表





- End -

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《需求文档实战-好友圈》的无排版文字预览,完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

图片预览