图虫网APP产品需求文档

图虫网APP产品需求文档根据图虫网的app产品倒推了图虫网的产品需求文档，写这篇文档主要是为了加强对产品功能的逻辑和细节上的把控，也是为之后工作中能给开发UI测试呈现出一个可量化条理清楚便于理解的产品需求文档做准备。本文省去了实际PRD中版本修订、业务描述、产品前景等内容，直接从PRD的核心内容产品功能逻辑说起。目录一、文档综述

1.1PRD输出环境1.2产品介绍1.3文档名词说明二、产品结构2.1产品结构图2.2产品信息结构图三、全局说明3.1功能权限3.2键盘说明3.3页面内交互四、产品详细功能说明4.0常用操作4.0.1.常用icon4.0.2.分享弹窗4.0.3.更多操作4.1.欢迎页4.2.登陆/注册页&引导页4.2.1登录首页4.2.2授权后注册页4.2.3注册页4.2.4登录页4.2.5选择感兴趣图片分类页4.3.发布图博页4.3.1选择照片4.3.2图博编辑4.3.3输入标签4.4.首页4.4.1首页-推荐列表4.4.2顶部banner&文字图博&图片图博4.4.3热门标签推荐4.4.4用户推荐4.4.5活动推荐4.4.6首页-关注列表4.4.7图虫编辑推荐4.4.8大图4.4.9图片图博详情页4.4.10文字图博详情4.4.11回复详情弹框4.4.12用户列表页（关注&粉丝&喜欢人&优秀讲师列表）4.4.13打赏4.4.14图片标签主页&活动标签主页4.5.图博列表页4.6.发现页面4.6.1发现页面4.6.2搜索页4.6.3摄影课堂页4.6.4影像频道4.6.5热门摄影师页4.6.6活动列表页4.7.消息4.7.1消息4.7.2通知列表页4.8.我4.8.1我-图博4.8.2我-喜欢4.8.3我-活动4.8.4我-更多4.8.5设置4.8.6个人信息4.9.用户主页一、文档综述1.1PRD输出环境1.2产品介绍图虫网是专为摄影师打造的照片分享与经验交流的平台，其致力于成为中国年轻摄影师的成长平台。为摄影爱好者营造一个自由平等、版权尊重的环境，让其输出的影像发挥其价值。1.3

文档名词说明二、产品结构2.1产品结构图2.2信息结构图三、全局说明3.1功能权限分为未登陆状态与登陆状态。登陆状态下可进行所有操作未登录状态下不可进入导航栏中“发布图博”“消息”和“我”，不可进行喜欢、评论、打赏、关注用户、参加活动、订阅标签的操作；进行以上操作跳转到登录首页4.2.13.2键盘说明点击（手机号、验证码）输入框时弹出数字键盘点击其他输入框弹出字母键盘3.3页面内交互四、产品详细功能说明4.0常用操作4.0.1常用icon4.0.2分享弹窗页面逻辑：点击分享到朋友圈/微信好友/手机QQ/微博4.0.3更多操作页面逻辑：朋友圈/微信好友/手机QQ/微博：点击分享生成长图：点击生成长图[略]查看参数：点击打开照片参数弹窗举报：点击弹出actionsheet，按钮1：淫秽色情，按钮2：违法有害，按钮3：广告营销，按钮4：版权盗用。点击按钮后弹出toast”举报成功“编辑：点击打开图博编辑页删除：点击删除图博4.1欢迎页首次启动app进入开屏视频，开屏视频播放5秒出现下图中“开启图虫”按钮，点击开启图虫进入登录首页4.2.1非首页启动app进入欢迎页1或欢迎页2页面逻辑：若未登录，显示欢迎页1，3秒后进入登陆首页4.2.1若已登陆，显示欢迎页2

a）欢迎页2背景图为编辑人工推荐的应用内用户所发照片

b）点击欢迎页2任意位置进入该推荐图片的图博详情页4.4.9

c）未点击3秒后自动跳转到首页4.44.2

登陆/注册页&引导页4.2.1登录首页页面序号逻辑：点击调出微信/微博/QQ授权接口，授权登陆后进入首页4.4点击进入注册页4.2.3点击进入登陆页4.2.4点击进入以未登录状态进入首页4.44.2.2授权后注册页页面序号逻辑：①默认为授权号的头像。点击弹出actionsheet，按钮1为拍摄照片，点击打开设备相机；按钮2为相册上传，点击打开相册。用户名唯一不可重复。默认为授权号用户名，若授权号用户名已被注册，自动在授权号用户名后加随机三位数字，例如“张三383”。未输入用户名为禁用状态，输入用户名切换为可点击状态。点击后校验用户名是否唯一，校验失败弹出toast“该用户名已被注册”；校验成功进入选择感兴趣图片分类页4.2.54.2.3注册页页面序号逻辑：①点击校验手机号格式手机号已注册，弹出toast“该手机号已经存在”手机号格式不正确，弹出toast“手机号格式错误”手机号无误，点击发送验证码，进入120s倒计时，文本变为“Xs后重试”，倒计时结束后恢复发送验证码状态②点击进入《图虫用户协议和隐私条款》[略]③输入项有一项为空注册按钮为禁用状态，全部输入后变为可用状态。点击按照用户名、密码、手机号、验证码的顺序校验。以下为校验失败提醒。用户名：用户名重复，弹出toast“该用户名已存在”密码：密码<6位，密码框上红字提示“密码长度至少6位”手机号：手机号已注册，弹出toast“该手机号已经存在”；手机号格式不正确，弹出toast“手机号格式错误”验证码：验证码位数不对，验证码框上红字提示“验证码位数不正确”；验证码错误，弹出toast“短信验证码错误”所有项校验成功点击进入选择感兴趣图片分类页4.2.54.2.4登录页页面序号逻辑：点击忘记密码进入密码找回页[略]登陆：输入框有一项为空时为禁用状态，全部输入变为可用。点击校验用户名、密码，校验成功进入首页4.44.2.5选择感兴趣图片分类页页面序号逻辑：编辑推荐的标签分类，选择后打钩选中任何分类弹出；分类至少选择3个；每选择一个文本中数字减1；选择3个或以上时文本变为“完成”；点击完成进入首页4.4其他说明：此页面选择的分类标签存储在用户订阅的标签中4.3发布图博页点击底部导航栏中“+”，打开选择照片4.3.1选择照片页面序号逻辑：未选择图片时为禁用状态，选择后可用，点击进入图博编辑页点击校验图片宽高比，1:5<宽高比<5:1。若不满足要求选择失败弹出toast“图片宽高比不能大于5:1或小于1:5，换一张试试”；符合要求选择成功点击进入页面2点击选中显示照片大小，1M以下以K为单位，1M及以上以M为单位其他说明：最多选择30张图片，选择第31张图片时弹出toast“最多只能上传30张图片”4.3.2图博编辑页面序号逻辑：①发布无图片时为禁用状态，有图片时可用点击后若未添加标签，弹出alert“添加标签可以让更多人发现你的作品，不添加标签就发布吗？”发布后进入首页-关注，并展示发布的图博②点击删除照片③点击进入右边页面④点击进入选择照片⑤点击弹出输入标签窗口⑥点击添加标签，添加的标签进入到“输入标签”右边4.3.3输入标签页面序号逻辑：①常用标签：点击添加标签。常用标签是当前用户使用过的标签，按照用户使用次数由左到由排序，使用次数多靠前。最多显示10项。常用标签超过屏幕时，支持左右滑动。②推荐标签：编辑人工推荐的标签，支持左右滑动③添加的标签区域：点击“×”删除标签键入字符后进行精准匹配，匹配项来源于已存在的标签，点击匹配项添加标签支持键入字符后按空格或换行添加标签④关闭弹窗4.4首页首页默认tab为推荐4.4.1首页-推荐列表首页-推荐下包含6个模块内容：顶部banner、文字图博、图片图博、热门标签推荐、用户推荐、活动推荐、图虫编辑推荐。页面说明：内容排序：顶部banner＋3个图博＋1个标签推荐＋3个图博＋1个用户推荐/活动推荐＋5个图博＋1个图虫编辑推荐＋（剩余均为图博）默认显示10条推荐图博，顶部下拉更新10条推荐。底部上拉加载10条图博，加载的图博为之前默认的10条推荐图博（按之前的推荐次序展示）最新更新的10条推荐图博显示标签分类（例如人像热门），其他底部上拉的图博显示图博发布时间推荐规则：不详[略]4.4.2顶部banner&文字图博&图片图博页面序号逻辑：①用户名、头像：点击进入用户主页4.9②标签/图博发布时间：顶部下拉最新更新的10条图博显示标签，点击进入图片标签主页4.4.14；其他显示发布时间。发布时间5秒内显示“刚刚”发布时间5-59秒显示“XX秒前”发布时间1-59分钟显示“XX分前”发布时间1-23小时显示“XX小时前”发布时间1-9天显示“XX天前”发布时间10天以上显示“年-月-日”，例如2017-07-09③图片：最多显示图博详情中前两行图片。点击进入大图4.4.8。图片排布规则：设有6张图，其宽高比分别为：a，b，c，d，e，f；系统设定宽高比例参数值介于K1和K2之间，下图为计算逻辑图，具体K1和K2值未知。说明：后文中无特殊提及的地方图片排布都采用此方法④喜欢、评论、分享、打赏图标评论：点击评论进入图博详情页（下）4.4.9打赏：点击打赏进入打赏页面4.4.13⑤图博标题和图博内容：文字图博根据屏幕宽度显示3行图博内容，图片图博显示前2行⑥更多操作⑦照片数量：照片数量<=2行隐藏⑧活动：点击进入活动标签主页4.4.14，若无活动则隐藏⑨小头像：按时间次序最多显示最新点击喜欢的5人头像，点击进入用户主页4.9，无喜欢隐藏⑩标签：用户发布图博时所打标签，点击进入标签主页4.4.14，无标签则隐藏⑪喜欢人数：点击进入喜欢人列表页4.5，无喜欢隐藏⑫评论个数：点击进入评论详情页图博详情页（下）4.4.9，无评论隐藏页面说明：点击图博内其他任何位置进入图博详情页（上）4.4.94.4.3热门标签推荐页面序号逻辑：①图片：图片展示两行，图片为标签主页4.4.14中“最热”页签下置顶的前两行图片页面说明：点击除订阅外任何位置进入标签主页4.4.144.4.4用户推荐页面序号逻辑：①图片：显示3张图片，图片为该用户主页-图博的前三张图②发现更多：点击进入热门摄影师页6.5页面说明：点击其他任何位置进入用户主页4.9用户简介按屏幕宽度显示一行默认显示5个推荐用户，支持左右滑动，滑动到最右显示“发现更多”用户推荐规则：不详4.4.5活动推荐页面序号逻辑：①投稿数量＞=200，显示“已投稿XX“；投稿数量＜200，显示“火热报名中”页面说明：背景图：背景图为活动海报点击任何位置进入活动标签主页4.144.4.6首页-关注列表页面说明：内容来源：用户所关注人的图博默认显示20条图博，顶部下拉加载最新图博，底部上拉继续加载20条图博..排序规则：按照发布时间排序，新发布的在上4.4.7图虫编辑推荐页面说明：编辑推荐是图虫官方运营的用户账号，其属性为用户。点击除“关注”外任何区域进入用户主页。页面序号逻辑：①图片：图片展示两行，图片为用户主页9中图博的前两行图片4.4.8大图页面名称：大图页面逻辑：支持左右滑动更换当前图博内图片显示“当前图片序号/总图片数”大图上滑进入照片参数页点击空白区域返回进入大图前的页面页面名称：上滑后页面页面逻辑：举报：点击弹出actionsheet，按钮1：淫秽色情，按钮2：违法有害，按钮3：广告营销，按钮4：版权盗用。点击按钮后弹出toast”举报成功“，举报消息提交至编辑处审核。点击空白区域返回进入大图前的页面4.4.9图片图博详情页页面：图博详情页（上）特殊说明：显示图博发布时间显示全部图片显示全部图博内容喜欢和分享与写评论写死到页面底部，写评论逻辑见图博详情页（下）页面序号逻辑：①文本显示规则打赏人数=0：“还没人打赏，快来当第一个打赏的人吧”1<=打赏人数(N)<=3：“用户A、用户B、用户C共3人打赏”，点击用户名进入用户主页4.9打赏人数(N)>3：”用户A、用户B、用户C等共N人打赏”，点击用户名进入用户主页4.9页面逻辑：除特殊说明外与4.4.2中图片图博页面逻辑相同页面名称：图博详情页（下）显示条件：评论数量>0，显示图博详情页（下）页面序号逻辑：①评论数量②评论排序分为最热和最新，默认显示最热排序最热排序规则：首先按照点赞数量排序；若点赞数量相同，按照评论的回复数量排序；若评论回复数量相同，按照时间顺序排列最新排序规则：按照时间顺序排列③回复层：点击用户名进入用户主页，点击其他区域进入回复详情弹框4.4.11；回复层评论按照时间次序排序，新发布的在下④点赞：点赞后显示数字+1，图标变为红色；再次点击取消点赞，返回未点赞状态⑤评论：点击弹出评论框其他说明评论时间：年-月-日时：分：秒，例如2017-08-0716:20:03点击评论条的其他任何位置打开评论弹框，给该层用户发表评论回复。发表的评论回复进入回复层支持图博发布者删除评论，支持评论者删除自己评论无评论回复时隐藏回复层4.4.10文字图博详情页面说明：图片：图片宽度自适应屏幕，点击进入大图4.4.8图博内容为图片+文字穿插排列，具体以发布者编辑为准其他功能逻辑与4.9图片图博相同4.4.11回复详情弹框进入条件：回复数量＞0页面序号逻辑：①回复数量：评论的回复数量②评论层点击用户名、头像进入用户主页4.9点击其他任何位置打开评论弹框，发表的回复进入回复层，回复者头像右边显示“回复者用户名”③回复层点击用户名、头像进入用户主页4.9点击其他任何位置打开评论弹框，发表的回复进入回复层，回复者头像右边显示“xx回复xx”，例如“张三回复李四”④写评论：点击打开评论弹框，发表的回复进入回复层，回复者头像右边显示“回复者用户名”其他说明：回复时间：与评论时间规则相同。年-月-日时：分：秒，例如2017-08-0716:20:03回复排序：按照回复时间排序，最新发布的在下支持当前用户删除自己的回复4.4.12用户列表页（关注&粉丝&喜欢人&优秀讲师列表）页面说明：使用此页面的有关注列表页、粉丝列表页、喜欢人列表页，优秀讲师页页面序号逻辑：①标题名称关注列表页：”关注“粉丝列表页：“粉丝”喜欢人列表页：“N人喜欢”，N为点击喜欢的人数优秀讲师页：“优秀讲师”②信息条简介：最多显示33个字符点击其他任何位置进入用户主页默认显示20个，滑动到底部每次加载20个排序方式：a）优秀讲师：不详b）关注、粉丝：按照用户名首字母排序c）喜欢：按照点击喜欢时间排序，新点击在上4.4.13打赏页面序号逻辑：①打赏金额：默认为5元，点击其他金额选中②输入打赏金额：输入后①中取消选中，输入金额限制到0.01③微信支付：①未选择②未输入时点击弹出toast，toast内容“请选择或输入打赏金额”，选择或输入后点击调出微信支付接口④文本规则：与图博详情页（上）4.4.9规则一致4.4.14图片标签主页&活动标签主页页面序号逻辑：①图博数量/活动剩余天数/投稿数：每日24:00更新数量②摄影师：默认显示10个用户，滑到底部每次加载10个排序规则：不详其他页面逻辑与4.4.12用户列表页相同③最热/最新页签：排序规则见4.5④文字图博缩略图显示图博标题，截取图博内容点击进入图博列表页4.5并定位到该图博⑤图片图博缩略图图片为图博中第一张图左下角显示喜欢数量与评论数量右上角显示图博内图片数量，图片数量=1则不显示此项点击进入图博列表4.5，并定位到该图博⑥点击打开发布图博4.3，标签中加入活动标签。⑦活动介绍：点击弹出活动介绍页（略）4.5.图博列表页以下页面采用图博列表页页面页面序号逻辑：①点击返回进入页面，并依照当前页面的图博定位到返回页的该图位置（见下图示）②页面名称：根据入口命名，名称见上表4.6.发现页面4.6.1发现页面页面序号逻辑：①搜索：点击弹出搜索页4.6.2②焦点图最多5张，支持左右滑动焦点图分为2类。活动类：点击进入活动标签主页；图虫一周精选：点击进入图虫一周精选的图博列表页③摄影课堂：点击进入摄影课堂页；影像频道：点击进入影响频道页；摄影师：点击进入热门摄影师页4.6.5④热门活动最多显示5个活动，支持左右滑动滑到最右显示更多活动，点击进入活动列表页4.6.6点击全部进入活动列表页⑤标签推荐标签名称tab支持左右滑动显示/隐藏标签图片支持左右滑动更换标签上滑后页签固定顶部（见下图）点击图片进入图博列表页4.54.6.2搜索页页面序号逻辑：点击关闭搜索页点击进入图片标签主页或活动标签主页4.4.14点击进入用户主页4.9搜索逻辑：标签：根据输入内容进行精准搜索，匹配标签/活动名，搜索结果右侧显示已有N组图或已有N投稿用户：根据输入内容进行精准搜索，匹配用户名和简介4.6.3摄影课堂页页面序号逻辑：①点击进入我的课堂页[略]②点击进入用户列表页4.4.12③点击头像进入用户主页4.9④教程点击头像进入用户主页4.9点击其他任何位置进入文字图博详情页4.4.10阅读数：显示点击进入图博详情页的人次封面图：图博详情内第一张图4.6.4影像频道页面序号逻辑：①点击弹出更多操作②点击进入文字图博详情页，阅读数为点击进入详情页的人次③图片图博点击进入图片图博详情图片：图博内前三张图阅读数为点击进入详情页的人次4.6.5热门摄影师页页面序号逻辑：①点击打开搜索页4.6.2②图片为用户主页-图博中最新的三张图；点击其他任何位置进入用户主页。页面说明：默认加载10个用户，每次下拉到底加载10个推荐规则：不详4.6.6活动列表页页面序号逻辑：①活动状态：”距截稿N天”“评奖中”“已截稿”，编辑可根据活动状况更改活动状态4.7消息4.7.1消息页面序号逻辑：①点击进入通知列表页②点击进入粉丝列表页③消息条a）头像：点击进入用户主页b）图片：图博内第一张图c）动态中点击进入图博详情页（上）4.4.10，评论中点击进入回复详情页4.4.11d）时间显示规则：5秒内显示“刚刚”5-59秒显示“XX秒前”1-59分钟显示“XX分前”1-23小时显示“XX小时前”1-9天显示“XX天前”10天以上显示“年-月-日”，例如2017-07-094.7.2通知列表页页面逻辑：时间显示规则：“年-月-日”，例如2017-07-09通知内容：a）打赏通知：“【用户名】给你的作品【图博名称】（无名称显示“无标题”）打赏【XX】元”

点击进入图博详情页b）编辑人工通知：内容为人工自由编辑根据通知链接到其他页面4.8我页面序号逻辑：①点击进入设置②点击弹出分享页③封面图：点击更换封面图，默认为登录首页封面图④点击更换头像，见4.8.6⑤点击进入个人信息4.8.6⑥点击关注进入关注列表页，点击粉丝进入粉丝列表页4.5页面说明：向上滑动：图博/喜欢/活动/更多页签固定至顶部4.8.1我-图博页面说明：图博缩略图：与4.4.14图片标签&活动标签主页中缩略图格式相同排序规则：见4.5点击图片进入图博列表页4.54.8.2我-喜欢页面说明：此页面下图博为当前用户点击过喜欢的图博图博缩略图：与4.4.14图片标签&活动标签主页中缩略图格式相同排序规则：见4.5点击图片进入图博列表页4.54.8.3我-活动页面说明：活动名称：点击进入活动标签主页4.4.14图博：点击进入图博详情页时间显示规则：“年-月-日”，例如2017-07-09去看看：点击进入活动列表页4.6.64.8.4我-更多