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

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

好友圈需求文档

产品名称

好友圈

涉及系统

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



【交互说明】

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

用户长按拍摄按钮，提示语“轻点拍照，长按拍视频”隐藏，进入拍摄视频状态，同事圆形进度条开始走动，整个圆环走完的时间 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 1行显示

?/?

图2.314

假定一张图片情况的图片区域为a1（a1的值根据UI提供）

1.如果上传图片是宽图（x>y），那么图片的宽度w=a1

图片的长度为h=(y/x)*a1

2.如果上传图片是长图（xy），那么视频的显示宽度w=a1

视频的显示长度为h=(y/x)*a1

2.如果上传视频是长的（x

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

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