产品需求文档:我根据LOFTER倒推了它的PRD

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

作者目前正在尝试从传统行业转向互联网行业,志向做一名出色的产品经理,而在前进的路上也遇到了许多的困难,想通过输出一些自己的想法来巩固目前的知识,写这篇文章的目的主要在于:

1.通过分解现有产品,加强自己对一个完整产品的理解,具体掌握每个功能中的细节与产品逻辑。

2.增强自身写作PRD的能力,尝试使用更简洁明了的语言与研发沟通,让自己的PRD可读性更强。

本文省略了一般PRD中版本修订、业务背景、市场前景等内容,聚焦于产品核心功能,采用流程图+原型图+文字描述的方式进行撰写。

目录

一、文档综述

1.1 PRD输出环境

1.2 产品介绍

1.3 文档名词

二、产品结构

2.1 产品功能结构

2.2 产品的信息结构

三、全局说明

3.1功能权限

3.2 键盘说明

3.3页面弹窗与交互

3.4 打断后重新进入APP

四、产品详细功能说明

4.0 常用操作

4.0.1常用icon

4.0.2 分享弹窗

4.0.3 更多操作

4.1 欢迎页

4.2.1 注册

4.2.2 注册页面

4.2.3 验证页面

4.2.4 创建密码

4.2.5完善个人信息a

4.2.6 完善个人信息b

4.2.7 登录页面

4.3.1 博客详情页

4.3.2 用户详情页

4.3.3 图片展示页

4.3.4 标签详情页

4.3.5 参加的人

4.4.1达人页

4.5 发布

4.5.1 发布图片

4.5.5 编辑图片

4.5.6 预览

4.5.7 添加简介

4.5.3发布文字

4.5.4 发布音乐

4.6 搜索栏

4.7 首页

4.7.1 首页-关注

4.7.2首页-订阅

4.7.3分类标签页

4.8消息

4.8.1 动态页

4.8.2聊天页

4.8.3 新的粉丝

4.8.4 喜欢

4.8.5  评论

4.8.6 消息-通知

4.9 我的

4.9.1 我的关注

4.9.2 我的喜欢

4.9.3 我的粉丝

一、文档综述

1.1 PRD输出环境

文档名称

网易 LOFTER_PRD

版本

5.9.2

使用机型

华为荣耀 8 / Android7.0

撰写人

mi_mimie

撰写时间

2017.11.12

1.2 产品介绍

LOFTER专注于为用户提供简约、易用、有品质、重原创的博客工具、原创社区,以及有品质的手机博客应用。为摄影、音乐爱好者提供一个能够相互共享,具有版权保护的平台。

1.3 文档名词

名词

解释

博客

用户发布的内容,包括图片、文字、音乐等

一级标签

即专题,每个一级标签下包含若干二级标签

二级标签

细分的内容,包括普通标签与活动标签

热度

博客的喜欢数 + 推荐数


二、产品结构

2.1 产品功能结构

产品需求文档:我根据LOFTER倒推了它的PRD

2.2 产品的信息结构

产品需求文档:我根据LOFTER倒推了它的PRD


三、全局说明

3.1功能权限

分为登录状态与未登录状态

登录状态下能进行任意操作

游客状态下只能浏览发现页内容,如点击其他页面,跳转登录页。无法进行关注、订阅、喜欢、推荐操作,如进行以上操作,跳转登录页。

3.2 键盘说明

点击手机号、验证码输入框时弹出数字键盘

点击其他输入框弹出字母键盘

3.3页面弹窗与交互

产品需求文档:我根据LOFTER倒推了它的PRD

产品需求文档:我根据LOFTER倒推了它的PRD

3.4 打断后重新进入APP

返回桌面、临时接电话:继续显示原页面

异常关闭、闪退、崩溃:启动

临时收到短信、其他APP通知:不处理


四、产品详细功能说明

4.0 常用操作

4.0.1常用icon

产品需求文档:我根据LOFTER倒推了它的PRD

4.0.2 分享弹窗

产品需求文档:我根据LOFTER倒推了它的PRD

4.0.3 更多操作

产品需求文档:我根据LOFTER倒推了它的PRD

点击举报弹出actionsheet,按钮分别为“色情、政治等敏感信息”、“广告信息或骚然用户”、“侵权盗用行为”

产品需求文档:我根据LOFTER倒推了它的PRD

点击“加入黑名单”后,此用户内容不再推荐,点击“修改个人资料后进入资料修改页(略)”

4.1 欢迎页

跳转逻辑:

首次启动app进入欢迎页,显示产品logo,1秒后进入4.3发现-推荐页

若已登录,且关注人数≤20,显示1秒logo后,进入广告页,随后进入4.3发现-推荐页

若已登录,且关注人数>20,显示1秒logo后,进入广告页,随后进入4.7.1首页-关注页

广告页

产品需求文档:我根据LOFTER倒推了它的PRD

1、默认x为3,每经过1秒,数字减1,到0时跳出广告页,点击“跳过”可直接跳出广告页

2、点击除“跳过”外任何地方进入广告详情页

4.1.1 广告详情页 (略)

4.2 登陆/注册页

产品需求文档:我根据LOFTER倒推了它的PRD

1.展示轮播图片,每过三秒自动滚动下一张图片,支持左右划动图片(划动后,重置滚动倒数时间)

2.点击“登陆”、“注册”分别进入登录页与注册页

3.点击随便看看以游客身份进入APP,游客身份权限见3.1

4.2.1 注册

注册详细流程图如下

产品需求文档:我根据LOFTER倒推了它的PRD

4.2.2 注册页面

产品需求文档:我根据LOFTER倒推了它的PRD

1.使用授权注册:

点击后进入授权页,输入授权账号的用户名与密码后

若该微信号/QQ号/微博账号已被注册,点击后直接登录并跳转,跳转页面逻辑与4.1欢迎页跳转页面逻辑一致。

若该微信号/QQ号/微博账号未被注册,授权登录后跳转4.2.5完善个人信息

2.使用手机号注册

只允许输入11位数字,若超出11位,弹出toast“号码最多为11位数字”

3.输入11位数字时,按钮变为可用状态,否则为禁用状态

点击校验手机号格式

手机号已被注册,弹出alert“该手机号已被绑定LOFTER账号,请直接登录。”下方按钮为“取消”与“去登录”

手机格式不正确,弹出toast“手机格式不正确”

手机号无误,发送验证码并跳转验证页面

特殊逻辑:

若从4.2.3验证页面返回本页面,且倒计时60s未结束,则点击“下一步”时弹出alert“发送验证码时间间隔太短,请在X秒后重试”,其中X为倒计时剩余秒数。

4.2.3 验证页面

产品需求文档:我根据LOFTER倒推了它的PRD

1.进入验证页面后,开启60秒倒计时,倒计时结束后出现验证码发送按钮,点击再次发送验证码

2.点击后出现alert“验证码短信可能略有延迟,是否等待?”,下方按钮为“是”与“否”

若点击“是”,继续留在验证界面,若点击“否”,返回4.2.2注册界面

3.输入4位数验证码后自动进行校验,若验证码正确,跳转4.2.4创建密码,若验证码错误,弹出toast“验证码错误”

4.2.4 创建密码

产品需求文档:我根据LOFTER倒推了它的PRD

1.点击切换密码可视性,默认为不可视,切换后图标如下


2.输入密码长度为6至16位时,按钮变为可用状态,否则为禁用状态

点击完成注册,跳转4.2.5完善个人信息a

4.2.5完善个人信息a

产品需求文档:我根据LOFTER倒推了它的PRD

1.若是采用授权方式登录,此处默认填写授权号昵称;若是采用手机注册,此处默认不显示内容

2.选择性别后图标变色以显示选中状态

3.点击跳转用户条款(略)

4.昵称栏不为空且已选择性别时,该按钮变为可用状态,否则为禁用状态

点击跳转4.2.6完善个人信息b

4.2.6 完善个人信息b

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

显示所有的一级标签

点击一个一级标签后,将其变为选中状态,且弹出该一级标签目录下的3至4个二级标签

点击一个二级标签后,将其变为选中状态,且弹出与其相关程度最大的2至3个二级标签(具体算法未知)

再次点击一个标签可取消选中状态,但已弹出的标签不会收回

1. 选中便签数量≥1时,该按钮变为可用状态,否则为禁用状态;点击进入4.3 “发现-推荐”页

4.2.7 登录页面

产品需求文档:我根据LOFTER倒推了它的PRD

1.若曾经使用手机号码登录,则默认保存并显示该手机号

2.点击进入找回密码页面(略)

3.点击调出相应授权接口

若为已注册用户,授权登录后跳转下一页面,跳转逻辑与4.1欢迎页相同

若为未注册用户,跳转4.2.5完善个人信息页a

4.当账号密码不为空,该按钮变为可用状态,否则为禁用状态;点击后进行账号密码校验

若校验成功,跳转下一页面,跳转逻辑与4.1欢迎页相同

若校验失败,弹出toast“账号或密码不正确,请重试”

4.3发现-推荐页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

每日推荐15条内容,采用4+1+9+1+5的形式,即4条博客内容+1条广告内容/活动内容+9条博客内容+1条广告内容+5条博客内容

左右滑动切换页面,除推荐页外,其余全为一级标签页,见4.4

划至底部后显示前一天的推荐信息

每日前五次打开APP出现广告栏,之后打开不出现

1.  推荐页第一条广告可点击右上角X关闭,关闭后剩余信息向上移。 注:只有第一条可关闭,本页其余广告不可关闭,也不显示右上角的X。

2.图片为该博客内容的第一张图片,右下角X为图片数量,若只有一张,不显示X

3.XXX为发布人昵称

4.点击“首页”、“发布”“消息”“我的”分别跳转4.7.1首页关注、4.5发布页、4.8消息页、4.9我的

4.3.1 博客详情页

产品需求文档:我根据LOFTER倒推了它的PRD

1.显示博客作者昵称

2.点击除关注外任何区域,进入4.3.2用户详情页;

点击关注后,将该用户加入关注列表。

3.图片展示规则:图片保持原比例,宽度与屏幕宽度一致,若图片长度>2倍图宽,则后续部分隐藏,如下图所示;且在图片左下角出现“查看更多”按钮,点击后进入4.3.2图片展示页

点击图片进入4.3.2图片展示页

右下角数字为图片页数

双击将该博客加入喜欢列表

产品需求文档:我根据LOFTER倒推了它的PRD

4.点击进入4.3.4标签详情页

若此博客在某标签中为热门内容,则将该标签放至最前方,并将字体颜色改变

5. 喜欢、评论、转载、推荐、更多图标

图标参考4.0.1常用icon

6.热度为喜欢数+推荐数,无热度时隐藏;评论数为评论的个数,无评论时隐藏

7.评论按评论时间展示,最新回复位于最上方;

默认展示三条评论,评论最多展示3行,剩余内容用“…”代替

点击用户名称进入4.3.2用户详情页,点及其他区域进入4.3.7评论展示页

8.时间显示规则如下:

发布时间5秒内显示:刚刚

发布时间5-59秒显示: XX秒前

发布时间1-59分钟显示:XX分钟前

发布时间1-23小时内显示:XX小时前

发布时间24-47小时前显示:1天前

发布时间≥48小时显示:月-日,如11-05

9.根据该博客标签推荐1-3篇相关博客,优先推荐同一作者或作者点过推荐的博客内容,若无推荐则隐藏

4.3.2 用户详情页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

图片内容按发布时间排列,发布时间近的在上方,默认以横列式加载18条内容,下拉底部再加载18条内容

博客内容展示规则与4.3.1博客详情页一致

1. 顶部背景图由用户自行设置,若未设置,默认为编辑挑选的图片

2.若用户为认证达人,则头像右下角加V,且用户名下方显示认证后的称号,如“LOFTER街头摄影师”等

点击头像放大至全屏

3.显示关注的人数,粉丝的人数以及被喜欢的次数,显示规则为

若数字低于1000,显示具体个数

若数字大于1000,显示x.xK,如1.5K、3.0K

若数字大于10000,显示xxk,如11k,20k

5.简介默认显示16个字符,若超过16个字符,则第16位用“…”代替,且隐藏后续字符

点击简介展开完整内容,再次点击收起

6.点击聊天跳转4.8.2聊天页面b

点击关注将该用户添加到关注列表,并展开推荐弹窗;

点击展开推荐弹窗,如下图所示

推荐弹窗允许左右滑动,最多显示8名用户

点击除展开按钮外任何位置进入4.3.2用户详情页

产品需求文档:我根据LOFTER倒推了它的PRD

4.3.3 图片展示页

产品需求文档:我根据LOFTER倒推了它的PRD

图片展示规则:

保持原图比例,宽度与屏幕宽度一致,长度按比例变化,背景全黑;

若图片长度>屏幕长度,支持上下滑动查看图片

若图片长度<屏幕长度,图片居中展示,不允许上下滑动;

若图片页数>1,支持左右滑动切换

1.点击展开图片详细信息,如下图

产品需求文档:我根据LOFTER倒推了它的PRD

4.3.4 标签详情页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

内容支持编辑手动加精,加精内容可在4.3.6热门内容中查看

1.搜索栏默认显示当前页面标签名称(如:在“旅行”标签的详情页,默认显示“旅行”二字)

2.默认显示6名用户的头像,点击任何位置进入4.3.5参与的人页,根据点击位置不同,页面排布也会不同;

若点击头像,则该头像内容移至最上方;若点击其他区域,按头像排序显示

详情见下图:

产品需求文档:我根据LOFTER倒推了它的PRD

当点击头像3时,进入4.3.5页面时头像3内容位于最上方

3.默认显示4张热门图片,点击任何位置进入4.3.6热门内容;根据点击位置不同,进入4.3.6后的页面排布也有所不同,逻辑与上图一致

4.XXXX表示本标签目前参与用户数;

参与:发布图片并打上某标签,即为参与某标签;

5.图片默认以九宫格式加载18张,底部下拉后再加载18张,按发布时间排列;越新发布排在越上面

点击进入博客详情页4.3.1

6.点击弹出分享弹窗,详情见4..0.2

7.点击进入发布页面4.5

4.3.5 参加的人

产品需求文档:我根据LOFTER倒推了它的PRD

页面排布逻辑:

默认加载10条用户内容,下拉底部再加载10条

图片显示6张,按照热度从高到底排列

点击除关注外任何地方进入4.3.2用户详情页,根据点击位置不同,页面排布也会不同:

若点击图片,则该图片内容移至最上方;

若点击其他区域,按默认顺序显示,逻辑与4.3.4第4点一致

1.若该用户与浏览者同城,显示距离信息:

距离≤1公里,显示X00米内(如700米内);

距离≤10公里,显示X公里内;

距离>10公里,显示同城;

若该用户与浏览者不同城,显示活跃用户

2被喜欢X次,指该用户所有博客内容累计被点击“喜欢”的次数

4.3.6 热门内容

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

默认以横列式加载18条内容,底部下拉后再加载18条内容

内容显示规则与4.3发现推荐页一致

4.3.7 评论展示页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

评论按发布时间排序,最新发布在最下方

进入此页面,滚动条默认拉到最下方

默认加载20条评论,上垃至顶部后再加载20条

1.点击头像进入4.3.2用户详情页;

点击其他区域弹出键盘,对用户评论进行回复

时间展示逻辑与4.3.1博客详情页一致

2.点击弹出键盘,对内容进行评论;

输入内容少于一个字符时,“发送”按钮为禁用状态,否则为可用状态;

点击“发送”后,校验评论中是否有敏感字符。若存在敏感字符,显示toast“当前评论存在敏感字符”;若不存在,显示toast“发送成功”

4.3.8 活动详情页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

默认以九宫格式加载18条博客内容,下拉底部后再加载18张图片

1.活动简介默认展示4行,点击“查看更多”完全显示

2.点击参与的人与热门内容分别进入4.3.5与4.3.6;

进入后页面分布逻辑与4.3.4标签详情页的第4条一致

3.博客内容的交互方式与4.3.1博客详情页一致

4.4 发现-一级标签页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

默认以横列式加载10条博客内容,下拉底部后再加载10条内容

1.焦点图:最多5张,支持左右滑动;

图片为该一级标签下近期活动的宣传图,由编辑进行挑选;

点击进入4.3.8活动详情页

2.标签栏:显示该一级标签下所有的二级标签;

默认显示四个标签,支持左右滑动,图片由编辑进行挑选;

点击进入4.3.4标签详情页或4.3.8活动详情页

3.摄影达人:申请认证成功的用户

右侧三个头像为编辑推荐用户

点击进入4.4.1达人页;

4.博客内容的交互方式与4.3.1博客详情页一致

4.4.1达人页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

已关注用户不会出现在此页

默认加载10个用户,下拉底部再加载10个用户

每位用户展示热度最高的6张图片,按热度高低依次排序

1.标题为XX达人,XX为所进入的一级标签名字(如:摄影达人、旅行达人)

2.点击除关注外任何位置进入4.3.2用户详情页

3.点击图片进入4.3.2用户详情页,并将所点击图片置顶,其余按照默认规则显示,如下图所示

产品需求文档:我根据LOFTER倒推了它的PRD

4.点击申请达人(略)

4.5 发布

产品需求文档:我根据LOFTER倒推了它的PRD

点击分别进入4.5.1发布图片、4.5.2发布视频(略)、4.5.3发布文字、4.5.4发布音乐

点击X退回上一页面

4.5.1 发布图片

产品需求文档:我根据LOFTER倒推了它的PRD

1.点击图片选中并进入4.5.5编辑图片

2.点击返回上一页面

3.点击弹出相册列表,选中后打开

4.点击启动相机;

长按图片进入多选模式,界面如下图,中间数字标示选择顺序,再次点击图片取消选中,数字自动更新;

最多选择10张图片,选中10张后继续点击弹出toast“最多只能选择10张图片”

产品需求文档:我根据LOFTER倒推了它的PRD

点击退出多选,返回原模式;

点击预览进入4.5.6预览页面

4.5.5 编辑图片

产品需求文档:我根据LOFTER倒推了它的PRD

点击分别给图片添加贴纸/标签/滤镜(略)

点击下一步进入4.5.7添加简介页面

4.5.6 预览

产品需求文档:我根据LOFTER倒推了它的PRD

1.显示 当前页/总页数

2.支持左右滑动图片

3.点击*取消选定,再次点击恢复选定

4.点击完成进入4.5.7添加简介

4.5.7 添加简介

1.点击弹出键盘,可输入简介;

右侧图片有三种形式,分别是单张图片、多张图片、音乐专辑

具体如右图所示

2.点击进入发布方式页(略)

3.点击进入4.5.9添加标签页,若发布内容为音乐,自动添加音乐、歌名、歌手三个标签(如添加赵雷的《静下来》,标签处会自动添加“音乐”、“静下来”、“赵雷”三个标签)

4.点击进入添加位置页(略)

5.点击后选中,发布时可同步发布到账号绑定的微博/朋友圈/QQ空间

6.点击发布内容

4.5.3发布文字

产品需求文档:我根据LOFTER倒推了它的PRD

分为文章标题与文章主题两部分,文章标题可不填

其他交互逻辑与4.5.7一致

若文章主体已填写,“发布”按钮为启用状态,否则为禁用状态

4.5.4 发布音乐

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

每日由编辑推荐40-50首热门歌曲

1.点击搜索框弹出键盘,输入关键字后展示搜索结果,如下图所示, 交互逻辑与4.5.4一致

产品需求文档:我根据LOFTER倒推了它的PRD

2.点击取消返回上一页面

3.点击专辑图像直接播放歌曲,点击其他区域进入4.5.7页

4.6 搜索栏

产品需求文档:我根据LOFTER倒推了它的PRD

根据入口不同,展示的方式也有所不同

从4.3.4标签详情页或4.3.8活动详情页进入:

搜索框中为进入页面的标签名称,下方显示搜索结果,采用模糊搜索

从4.3发现-推荐页或4.4发现-一级标签页进入:

搜索栏默认为空;

“标签”栏的排布逻辑:

根据时间顺序排布,最上方为最近搜索且进入的标签

最多只显示三条

下方为推荐标签,根据用户搜索记录进行推荐,最多显示36条推荐;

“用户”栏的排布逻辑:

显示3条最近搜索并访问的三名用户

“文章”栏的排布逻辑:

显示最近三个搜索关键字

4.7 首页

4.7.1 首页-关注

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

顶部出现广告,点击右上角“X”弹出actionsheet,按钮一为“不再显示”,点击后不再出现广告

关注栏中显示6种内容,我的发布、转载、推荐,关注人的发布、转载、推荐,差别如下

产品需求文档:我根据LOFTER倒推了它的PRD

产品需求文档:我根据LOFTER倒推了它的PRD

产品需求文档:我根据LOFTER倒推了它的PRD

注:我的发布、转载、推荐内容中隐藏推荐图标

内容按照发布时间、转载时间、推荐时间进行排布,时间最近的在上方

内容展示及交互逻辑与4.3.1博客详情页一致

4.7.2首页-订阅

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

“我的订阅”显示已订阅的标签,按订阅时间排布,最新订阅位于最上方

右侧数字表示距离上次查看,该标签的新增内容数量,最多显示9999

“我参与的”显示最近转载内容的标签,最多显示10条

1.点击跳转4.7.3分类标签页

4.7.3分类标签页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

显示所有的一级标签,点击后进入右侧页面,展开下属所有二级标签

已订阅的内容不会出现在右侧页面

若点击的二级标签是普通标签,进入4.3.4标签详情页

若点击的二级标签是活动标签,进入4.3.8活动详情页

4.8消息

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

左右滑动切换至4.8.1动态页与4.8.2聊天页

1.点击进入4.8.3新的粉丝

2.点击进入4.8.4喜欢页

3.点击进入4.8.5评论页

4.点击进入4.8.6通知页

4.8.1 动态页

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

显示内容为关注对象近期的动作,包括关注与喜欢; 关注与喜欢分开展示

若用户在一个自然时内(如上午8点至9点)关注了多个用户或喜欢了多个作品,则进行统一展示,如上图所示;

关注栏最多显示8个用户头像或8张图片,若超过8个,仅显示最新关注/喜欢的8个

时间显示规则与4.3.1博客详情页一致

1.点击用户头像跳转4.3.2用户详情页

2.点击图片跳转4.3.3博客详情页

4.8.2聊天页

产品需求文档:我根据LOFTER倒推了它的PRD

点击对话框跳转右侧聊天界面

左图中长按对话框弹出actionsheet,按钮一“删除”

对话框

点击输入框,弹出输入法;点击发送,发送信息给对方


4.8.3 新的粉丝

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

显示最近30天关注了你的人

按照时间顺序排列,最新关注的在最上方

点击除关注外其他区域进入4.3.2用户详情页

4.8.4 喜欢

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

XXXX为图片的标题

显示对我发布的内容、转载的内容点击了喜欢

按照时间顺序排列,最新喜欢的在最上方

点击用户头像进入4.3.2用户详情页

点击其他区域进入4.3.1博客详情页

4.8.5  评论

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

显示两种信息:1、他人在我发布或转载的作品下评论的内容 2、他人对我发表评论的回复

1.默认显示2行评论内容

2.时间显示规则与4.3.1博客详情页一致

3..点击图片进入4.3.1博客详情页,点击头像进入4.3.2用户详情页,点击评论进入4.3.7 评论详情页

4.8.6 消息-通知

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:显示两种信息:1、他人推荐了我发布的内容  2、他人推荐了我转载的内容

点击头像进入4.3.2用户详情页,点击其他区域进入4.3.1博客详情页

4.9 我的

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:

1.ID与登录方式有关

若采用授权登录,则ID与微信/QQ/微博昵称一致

若采用手机号登录,则与自己输入的昵称一致

2.点击关注/喜欢/粉丝,分别进入4.9.1我的关注/4.9.2我的喜欢/4.9.3我的粉丝

点击其他区域进入4.3.2用户详情页

4.9.1 我的关注

产品需求文档:我根据LOFTER倒推了它的PRD

点击搜索栏弹出输入法,并且搜索栏变成如下图所示*

输入关键字并点击“搜索”后,在关注列表中搜索相应结果,结果如下图所示

1.点击“已关注”按钮取消关注,再次点击重新关注

点击其他区域进入4.3.2用户详情页

4.9.2 我的喜欢

产品需求文档:我根据LOFTER倒推了它的PRD

页面逻辑:默认加载18张图片,下拉底部后再加载18张图片

其他交互逻辑与4.3.1博客详情页一致

4.9.3 我的粉丝

产品需求文档:我根据LOFTER倒推了它的PRD

1.点击“已关注”按钮取消关注,再次点击重新关注

点击其他区域进入4.3.2用户详情页

由于个人能力所限,本文中对于LOFTER的许多非核心功能无法进行一一深挖,许多页面的逻辑也盘的并不好;异常页面与缓存机制由于时间关系也无法一一赘述。总体来说许多分析流于表面,比较肤浅,希望更多的专业人士不吝点评。

文/minie 产品小白一枚,希望能凭借不懈的努力,不断做出让自己满意的产品

随意打赏

产品需求文档prdapp产品需求文档产品经理prd文档网易lofter产品经理需求文档lofter博客产品需求分析文档产品需求文档模板prd需求文档产品需求prd
提交建议
微信扫一扫,分享给好友吧。