PRD:用Axure原型展示抖音页面交互逻辑

您所在的位置:网站首页 抖音app架构 PRD:用Axure原型展示抖音页面交互逻辑

PRD:用Axure原型展示抖音页面交互逻辑

2024-07-14 13:16| 来源: 网络整理| 查看: 265

本文笔者从四个部分输出此份抖音产品需求文档:产品概述、产品结构图、部分逻辑业务,以及,功能需求与交互。

笔者作为一名小白,第一次尝试利用Axure来制作PRD,并且重点尝试将页面交互逻辑直接用Axure原型来展示,可能会存在表达不够详细的问题,希望各位大神提出建议,十分感谢。

一、产品概述 1. 产品介绍

抖音,是一款可以拍短视频的音乐创意短视频社交软件,该软件于2016年9月上线,是一个专注年轻人音乐短视频社区平台。用户可以通过这款软件选择歌曲,拍摄音乐短视频,形成自己的作品。

2. 产品需求定位

产品定位:适合年轻人的音乐短视频社区,UGC类资讯产品

slogan:纪录美好生活

用户:

从性别来看,抖音提供的内容对男性与女性拥有同样的吸引力,从年龄段可以看出抖音的目标人群并没有偏离原始目标用户“年轻人”这一群体。

需求整理:

需求定位脑图展示:

这里将产品定位、目标用户、以及需求整理通过思维导图的形式合并展现,个人觉得这样会将结构展示得更加清晰。

3. 文档属性

二、版本信息

抖音主要功能大部分早已完善,版本更新多为细节的优化与一些小功能更新。

三、产品结构图 1. 产品功能结构图

2. 产品信息架构图

四、全局说明 1. 功能权限

登录后:享受APP一切服务。

登陆前:可以以游客的身份进行浏览,但是不能够使用点赞,评论等对内容进行评判的功能,也无法发布内容。一旦使用这些功能,就会弹出登录界面提示用户登录后才可以使用。

2. 键盘交互说明

输入框为手机号或验证码输入框时:弹出数字键盘。

其余输入框:弹出字母全键盘。

3. 页面内交互

3.1 网络环境:

3.2 加载中:

3.3 提示:

3.4 首页交互方式:

五、部分业务逻辑 1. 登录业务逻辑

2. 观看视频业务逻辑

3. 制作视频业务逻辑

六、核心功能需求与交互

(逻辑交互部分放到了Axure中,请放大网页比例进行观看)

1. 总体页面流程图

2. 登录页面

功能:登录

用户场景:

想查看自己关注的用户有没有发布新的视频。 想拍摄视频。 想评论视频等。

入口:

登录 评论,收藏,点赞 拍摄、发布视频

前置条件:用户未登录时,尝试进行须识别个人身份的操作。

优先级:高

页面说明:

手机号默认+86,输入限制11位,密码输入不可见,密码必须高于6位。 当输入非数字内容时,输入界面不显示任何内容;输入数字小于11位时,点击登录提示“请输入11位数字手机号”当输入大于11位数字时,超过部分不显示。 获取验证码后,按钮内容变为“60s”并降低灰度开始60秒倒数,60秒后按钮内容变为“点击重新获取”,恢复原来的灰度。 忘记密码时,可点击“忘记密码”跳转到找回密码页面,输入登录名后滑动滑块验证获取验证码,输入验证码后点击下一步进行密码重置。

交互逻辑:如图。

3. 推荐短视频页面

功能:推荐短视频观看。

用户场景:想观看自己喜欢的短视频。

页面说明:

未登录不能参与评论、转发、收藏等操作,进行相应操作时跳转至登录界面。 评论时键盘从下方弹出。 评论字数最大不能超过110字,超过是给出提示。

入口:首页

前置条件:无

优先级:高

交互逻辑:如图

4. 附近短视频页面

功能:附近短视频观看。

用户场景:看看附近有没有什么人拍摄了短视频。

页面说明:

未登录不能参与评论、转发、收藏等操作,进行相应操作时跳转至登录界面。 评论时键盘从下方弹出。 评论字数最大不能超过110字,超过是给出提示。

入口:点击“附近”

前置条件:无

优先级:高

交互逻辑:如图

5. 关注的短视频页面

功能:关注的短视频观看

用户场景:看看自己关注的用户有没有更新内容。

页面说明:

未登录不能参与评论、转发、收藏等操作,进行相应操作时跳转至登录界面。 评论时键盘从下方弹出。 评论字数最大不能超过110字,超过是给出提示。

入口:1.点击“关注”;2.点击“我的”-》“关注”

前置条件:登录

优先级:高

交互逻辑:如图

6. 拍摄短视频页面

功能:拍摄视频

用户场景:用户想自己拍摄短视频。

页面说明:

拍摄方式可在长按拍与单机拍之间转换,转换方式如图。 左上角“X”可退出拍摄界面。

入口:

在首页进行屏幕右滑 点击首页“+”号

前置条件:登录

优先级:高

交互逻辑:如图

7. 编辑短视频页面

功能:编辑视频

用户场景:用户在拍摄短视频需要对视频进行编辑,包括音乐剪辑,添加特效等操作。

页面说明:

该部分添加的滤镜,特效与道具与拍摄阶段提供的一致。 左上角“


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3