以下为《需求文档实战-好友圈》的无排版文字预览,完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。
好友圈需求文档
产品名称
好友圈
涉及系统
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字内容到此结束,中间部分内容请查看底下的图片预览]
以上为《需求文档实战-好友圈》的无排版文字预览,完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。