[关闭]
@sandhere 2016-08-22T07:40:46.000000Z 字数 1979 阅读 963

演唱汇-家庭版-动感影集

演唱汇 家庭版 需求文档 产品设计 V1.8.9


界面交互逻辑

http://adobe.ly/29ICvoF
备注:从[动感影集]按钮中点击进入

需求模块

序列号 需求 结果
1 新增两个入口进入到动感影集 家庭版遥控面板&发现
2 制作动感影集首页元素 1.演唱汇相册最新4张照片2.制做动感影集按钮3.保存的动感影集
3 演唱汇相册 1.演唱汇相册来源于盒子上的照片,当检测到盒子与手机在同一局域网内就将盒子上到照片同步到手机上,放在演唱汇相册中。2.用户在制做动感影集到时候默认先从演唱汇相册中选择照片,若演唱汇中没有照片再退回,可以让用户从本地相册中选择
4 动感影集编辑页面 1.可选择模版、歌曲、相片2.是否静音 3.显示歌唱
5 保存分享动感影集 1.支持更换封面2.为影集命名3.保存4.分享

需求分解

1.新增两个入口进入到动感影集

序列号 需求 结果
1 新增‘动感影集’入口 1.家庭版遥控器面板2.发现页面

D293C935B430D85824553066AC848414.png-119kB
ED279A0BBFE116E6B6965A7B21638B9B.png-214.5kB

2.制作动感影集首页元素

序列号 需求 结果
1. 页面元素 1.演唱汇相册最近4张照片2.制作动感影集button3.已制作动感影集的时间轴(首次或多次进入没有已制作好的动感影集的情况下放置一个演示影集)
2. 显示演唱汇相册最近4张照片 1.默认提取演唱汇相册中的4张照片来显示 2.若演唱汇中不足4张照片,提取已有的1.2.3张照片按照1.2.3张不同的拍版方式来显示 3.若演唱汇相册中没有相片显示默认的4张照片
3. 制作动感影集button 1.没有已经制作好的影集的时候,默认显示在演示影集的下方2.已有制作好的影集默认显示在照片下方
4. 保存的动感影集 1.默认按照时间轴方式显示,最新的排在上面 2.显示影集封面、标题以及删除的操作按钮3.点击播放的按钮进入到已经制作的动感影集h5页面,右上角可分享4.显示浏览次数,浏览次数显示规则:100000以内的显示具体数目(例如 67834),100000以上的显示几万(例如 11万、23万)5.封面和影集名称为制作完成后用户设置的封面和名称6.用户点击删除的时候提示:“影集删除后将不可恢复,确定要删除吗?” 操作按钮:取消&确定

没有动感影集的展示
制作动感影集演示.png-1300.4kB

已有动感影集的展示
制作动感影集列表22.png-1311.6kB

用户的演唱汇相册里面没有照片的时候显示(图片从服务器获取):
默认4照片.png-1304kB

用户的演唱汇相册里面只有1张照片的排版显示:
1照片.png-1276.9kB

用户的演唱汇相册里面只有2张照片的排版显示:
2照片.png-1272.8kB

用户的演唱汇相册里面只有3张照片的排版显示:
3照片.png-1286.9kB

用户的演唱汇相册里面有4张照片的排版显示:
4照片.png-1299.2kB

3.演唱汇相册

序列号 需求 结果
1. 演唱汇相册的来源 来源盒子端拍的照片
2. 演唱汇相册的同步时间 当监测到盒子和手机处于同一个网络到条件下就开始同步,如果监测到一个局域网内有多个盒子,目前先将这些盒子的图片都同步过来.盒子端存储图片存储5000张图片开始循环删除
3. 演唱汇相册的照片同步显示 ios在同步照片的时候,在状态栏显示:正在同步照片...菊花
4. 演唱汇相册的照片查看 在选取照片到时候默认看到到是缩略图,点击缩略图查看大图 (交互方式参照微信)
5. 制作动感影集选取照片 用户在第一次制作影集选取照片的时候提示‘演唱汇想访问您的照片’给用户选择,用户允许了后在本地新建一个名为[演唱汇相册]的相册,用户制作影集时默认先从演唱汇相册选取照片,同时盒子同步的照片也保存到该相册。若监测到演唱汇相册中没有相片,默认打开本地[相机胶卷]的相册让用户选择

默认打开[演唱汇相册]

选照片2.png-1483.4kB

选择相册

选照片1.png-424.4kB

4.动感影集编辑页面

序列号 需求 结果
1. 选择模版 可进行更换模版,默认模版随机挑选一套
2. 选择音乐 可选择的音乐来源3个渠道,一个是本地作品,一个是已录作品,一个是推荐作品。显示排序为:本地作品 已录作品 推荐作品。
3. 选择相片 调用相册照片,同3.5需求
4. 歌词 歌词由服务器端来转换,在动感影集编辑页面不显示,在已经制作好的动感影集查看页面显示
5. 静音 默认为非静音模式,用户点击的时候切换为 静音 的图标
6. 返回 点击编辑页面左上角的返回(包含选择音乐、模版),是直接回到动感影集的首页,都要提示用户“确定要取消动感影集的制作吗?” 操作按钮:确定&取消

动感影集编辑页面

效果3.png-1684.7kB

选择模版页面

选模板4.png-673.4kB

选择音乐页面

选歌曲5.png-122.7kB

选择照片页面 同第一次进入选择照片页面

选照片2.png-1483.4kB

5.保存分享动感影集

序列号 需求 结果
1. 保存分享动感影集 1.支持更换封面2.为影集命名3.保存4.分享
2. 支持更换封面 封面从本地相册调取,方式同5.3,只能选择一张照片,交互更改为选择好一张照片后直接从相册页面跳转到该页面
3. 为影集命名 影集名称最多30个字,超过30个字应弹框提示用户“影集名称不能超过30个字,并且”
4. 保存 点击‘保存’后,动感影集首页显示已保存到动感影集,此页面显示‘正在上传’的提示,上传成功后显示 上传成功,并同时弹出分享到页面,分享复用现在演唱汇app中到分享,页面上部分到封面设置和命名更变为保存成功到页面,右上角点击‘关闭’条转到动感影集首页
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注