查看原文
其他

分享一个PRD文档

产品刘 2022-11-10

The following article is from Bass小南 Author 邹伟


作者:Bass小南    微信公众号:zouwei1228(转载已取得作者授权)


目录

一、引言

1.0文档属性

1.1产品综述

1.2产品使用规则

1.3名词术语表

二、全局功能说明

2.0常用交互

2.1页面间交互

三、产品说明

3.0产品信息结构图

3.1产品结构图

3.2产品流程图

3.3产品线框图

四、产品详细功能说明

4.0欢迎页 & 引导页

4.1登录 & 注册

4.2 忘记密码 & 修改密码

4.3 操作台 & 链接管理

4.4 设置&反馈页面

4.5 购买 &分享

一、引言

1.0 文档属性

1.1 产品综述

1.2 产品使用规则

1.3 名词术语表

二、全局功能说明

2.0 常用交互

2.0.1 打断后重新打开App

2.0.2 App关于字体

2.0.3 点击空白区域或无网络情况

2.0.4 页面内交互

说明:
  1. 选择类提示框均用系统自带的提示框,操作按钮“确定”在右,“取消”在左。
  2. Toast、Alert控件显示效果:淡入淡出
2.0.5 键盘类型说明
  1. 点击(密码、邮箱、验证码)输入框时,弹出字母键盘
  2. 点击(手机号)输入框时,弹出数字键盘。

2.1 页面间交互

三、产品说明

3.0 产品信息结构图

3.1 产品结构图

3.2 产品流程图

3.2.1 第一次进入我是红人App

3.2.2 关于操作台


3.3 产品线框图

四、产品详细功能说明

4.0 欢迎页 & 引导页

页面名称:欢迎页
入口:进入App
逻辑:有广告和无广告。页面都停3秒。然后自动进入引导页或者登录页面或者操作台。如果第一次进入,则进入引导页。如果第二次进入并且没有登录过,则进入登录页面。如果第二次进入并且登录过,则进入操作台页面。
页面样式:按照设计标注开发。

页面名称:引导页
入口:欢迎页
逻辑:
  1. 从欢迎页自动跳转过来。
  2. 向左滑动或点击“进入App”按钮,跳转至登录页面。
页面样式:按照设计标注开发。

4.1 登录 & 注册 

页面名称:登录页面
入口:欢迎页自动跳转过来
逻辑:当文本框没有字符的时候,登录按钮不可点击,灰色状态,当帐号和密码输入后,按钮亮起,可以点击登录成功后,进入操作台,否则Toast提示“帐号或密码错误”
页面样式:按照设计标注开发。

页面名称:用户注册页面
入口:点击登录页面的注册按钮
逻辑:
  1. 键盘类型说明:点击(密码、邮箱、验证码)输入框时,弹出字母键盘;点击(手机号)输入框时,弹出数字键盘。
  2. 按钮说明:如果手机号输入框有字符,则发送验证码按钮点亮,可点击。否则按钮变灰,不可点击。如果所有输入框有字符,则注册按钮点亮可点击,否则变灰,不可点击。
  3. 如果点击发送验证码后,按钮文本信息倒计时 60秒开始,不可点击。
  4. 如果倒计时到第0秒,按钮文本信息改变“再次发送”,可点击。
  5. 注册成功,跳转至操作台页面。
页面样式:按照设计标注开发。

4.2 忘记密码 & 修改密码

页面名称:忘记密码页面
入口:点击登录页面的“忘记密码”按钮
逻辑:
  1. 点击“手机号找回密码”按钮,进入“手机号找回密码-忘记密码页面”
  2. 点击“邮箱找回密码”按钮,进入“邮箱找回密码-忘记密码页面”
页面样式:按照设计标注开发。

页面名称:手机号找回密码-忘记密码页面
逻辑:
  1.  点击手机号输入框时,弹出数字键盘。点击验证码输入框,弹出字母键盘。
  2. 按钮说明:如果手机号输入框有字符,则发送验证码按钮点亮,可点击。否则按钮变灰,不可点击。如果所有输入框有字符,则注册按钮点亮可点击,否则变灰,不可点击。
  3. 如果点击发送验证码后,按钮文本信息倒计时 60秒开始,不可点击。
  4. 如果倒计时到第0秒,按钮文本信息改变“再次发送”,可点击。
  5. 验证成功后,跳转至操作台页面(2分钟内将原密码发送至用户手机信息)。
页面样式:按照设计标注开发。

页面名称:邮箱找回密码-忘记密码页面
逻辑:用户输入邮箱后,点击确定,验证邮箱是否正确。
  1. 不正确:弹出Toast,提示“请检查您的邮箱是否正确”。
  2. 正确:跳转至登录页面(2分钟内将原密码发送至用户邮箱)。
页面样式:按照设计标注开发。

页面名称:修改密码页面
入口:
  1. 点击设置页面的“修改密码”按钮。
逻辑:
  1. 当文本框没有字符的时候,按钮不可点击,灰色状态。
  2. 当所有输入框有字符后,按钮亮起,可以点击。
  3. 旧密码输入错误,提示弹框“旧密码有误”。
  4. 修改成功后,进入操作台
页面样式:按照设计标注开发。

4.3 操作台 & 链接管理

页面名称:操作台页面
入口:登录进入,或者欢迎页进入(之前登录过)
逻辑:
  1. 点击“启动”,如果之前未添加链接,则直接弹出添加窗口。否则执行链接 ,并且“启动”文本更改为“暂停”。
  2. 点击“暂停”之后,并暂停执行,文本更改为“启动”
  3. 点击“点击添加链接”按钮之后,弹出提示框,如上图,POST选项默认选中。POST与GET不能同时选中,不能一个都不选。
  4. 美拍用户ID输入框、链接地址输入框必填,参数输入框选填。
  5. 在有链接的情况下,当用户点击“启动按钮”,视频的播放量、转发量、用户的粉丝量、视频点赞等都是按照美拍上热门的算法匹配递增。
页面样式:按照设计标注开发。

4.4 设置&反馈

页面名称:设置页面
入口:点击操作台页面的“设置”按钮
逻辑:
  1. 点击“查看数据库”按钮,弹出提示框如上图,内容为“所有添加过的链接集合”。
  2. 点击“分享”按钮,向上滑动菜单,下面会提到。
  3. 点击“购买”按钮,向上滑动菜单,下面会提到。
  4. 点击“会员剩余天数”按钮,弹出提示框如上图。以“还剩n天”的形式呈现。
  5. 点击“反馈”按钮,进入反馈页面。
  6. 点击“修改密码”按钮,进入修改密码页面。
  7. 点击“查看版本”按钮,弹出提示框如上图。如果有新版本,则提示新版本的更新内容;如果没有新版本,则提示版本号即可,如内容“产品版本:1.0.0”。
  8. 点击标题返回图标,返回到操作台页面。
页面样式:按照设计标注开发。

页面名称:反馈页面
入口:点击设置页面的“反馈”按钮进入。
逻辑:
  1. 联系方式的输入框选填,反馈内容必填。
  2. 点击提交按钮,反馈内容输入框字符小于0时,Toast提示“亲忘记了写反馈内容”。
  3. 反馈成功后,Toast提示“感谢您的反馈”。
  4. 字数限制:最少字数无限制,最高不高于500汉字,包括500汉字。
页面样式:按照设计标注开发。

4.5 购买 &分享

功能名称:支付功能
入口:点击设置页面的“购买”按钮
逻辑:
  1. 当点击设置页面的“购买”按钮,从底部滑出弹框,点击图标跳入该图标的第三方界面。
  2. 支付成功跳转回“设置”页面,提示“恭喜您,成为红人会员”。
  3. 支付取消跳转回“设置”页面,无提示。
  4. 支付失败跳转回“设置”页面,提示“很遗憾,未能购买成功”。
页面样式:按照设计标注开发。

功能名称:分享功能
入口:点击设置页面的“分享”按钮
逻辑:
  1. 当点击设置页面的“分享”按钮,从底部滑出弹框,点击图标跳入该图标的第三页面。
  2. 分享成功跳转回“设置”页面,提示“分享成功”。
  3. 分享取消跳转回“设置”页面,无提示。
  4. 分享失败跳转回“设置”页面,提示“很遗憾,分享失败”。
页面样式:按照设计标注开发。
PS: 转发此篇文章到朋友圈或者是产品经理群,并截图发给微信chanpin628,可以找我领取一份腾讯的PRD文档
更多干货可关注微信公众号:chanpinliu880
想学习更多关于产品、职场、心理、认知等干货,可长按右边二维码,关注我们。
往期精彩文章
面试题,你期望的薪资是多少?
有哪些实用的心理学技巧?
面试中的这些小细节你注意到了么?
APP「登录注册模块」详解

点击“阅读原文”

即可进行报名

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存