笔者以安卓系统手机端用户的身份通过使用,体验和分析等方式来倒推 "小红书"APP,并生成产品需求文档 PRD.小红书 app 是以用户分享内容 (UGC) 模式闯入到大家视线的,并且在某宝日益强大的趋势下,带有购物功能的小红书仍能大势前进.
文档目录:
一,文档综述
1.1 版本修订记录
1.2PRD 输出环境
1.3 产品介绍
二,产品分析
2.1 用户需求分析
2.2 用户定位
三,产品结构
3.1 产品功能结构图
3.2 产品信息结构图
四,全局说明
4.1 功能权限
4.2 键盘说明
4.3 页面内交互
4.4 页面异常
4.5 页面间切换交互方式
4.6 更多操作
五,用户操作主流程 (笔记篇)
六,页面逻辑 (用户浏览笔记为主逻辑)
七,页面详细功能说明
7.1 启动页
7.2 登陆 / 注册页
7.3"发现" 页面
7.4"关注" 页面
7.5"购买" 页面
八,测试异常页面及突发状况
8.1 网络异常
8.2 登录异常
8.3 数据丢失
九,问题探索 & 改进意见
十,总结
一,文档综述
1.1 版本修订记录
1.2 PRD 输出环境
1.3 产品介绍
"小红书" 于 2014 年 3 月上线,是一款以用户分享内容(UGC)的信息平台为定义的手机端 App,用户可以通过这款 App 发现全世界的好东西,并且完成线上购物.用户可以上传自己的使用心得,海外购物用户还可以获得详细的产品攻略.
"小红书" 移动端 App,满足用户在手机端使用产品时的基本功能主要包括用户浏览其他用户的分享内容,用户发布分享内容,在线购物等.
二,产品分析
2.1 用户需求分析
伴随着网络购物时代的兴起,更多的消费者趋向于海外市场购物,但一些外界因素影响海外购物:
(1)海外购物缺少受信任的专属平台;
(2)不能第一时间了解流行趋势和新品上市情况;
(3)不了解商品真实的用户体验心得;
(4)海外购物费时费力费钱.
2.2 用户定位
(1)缺少时间和能力进行海外购物的消费者;
(2)愿意在网络平台上展示与分享的互联网用户;
(3)热衷于化妆品,保健品类商品的消费者;
(4)海外购物追求货真价实的消费者;
(5)追求海外购物便捷快速的消费方式.
三,产品结构
3.1 产品功能结构图
(右击,在新标签页中打开即可查看)
3.2 产品信息结构图
(右击,在新标签页中打开即可查看)
四,全面说明
4.1 功能权限
(1)分为登录未状态和登录状态
(2)未登录状态下,智能看到不断循环的小视频
手机号登录
第三方登录: 微信,QQ,微博,Facebook 登录
(3)登录状态下可以进行 APP 内所有操作
4.2 键盘说明
(1)点击手机号输入框时? 面底部弹出数字键盘;
(2)点击搜索框,编辑笔记框或评论框时? 面底部弹出字母全键盘.
4.3 ? 面交互说明
(1)说明信息,提示 / 警告信息,更新信息
(2)底部,左侧弹窗
4.4 ? 面异常
4.5 ? 面间切换交互方式
在当前页面左边缘处用右划手势快速返回之前页面
4.6 更多操作
五,用户操作主流程(笔记 + 购物)
从小红书 APP 用户操作流程可以看出,小红书主要推广笔记功能,为了更好的查看用 户感兴趣的笔记,提高用户互动性,小红书从开始使用就要求账户登录.通过浏览其 他用户的笔记发现更多的好物,从而更加放心开启购物环节.
六,? 面逻辑
七,? 面详细功能说明
7.1 启动页
当进入到小红书 APP 后,无论是手机是否连接到网络,页面背景会反复播放一 段宣传片的小视频.
(1)已经连接网络
页面逻辑:
在已经连接网络的情况下,启动 app 直接进入到视频页面;
如果用户不操作页面,视频也不会受影响一直播放视频,也不会产生其他提示信息;
用户可以直接通过小红是账号登录,也可以选择第三方账号登录;
任意方式登录完毕后即可进入到首页刘啦内容.
(2)登录未连接网络
在未连接网络的状态下,app 直接进入到异常提醒页面,并提醒重新加载页面.
提示信息一直显示网络不给力稍后再试,即使是网络设置没有连接网络,这样的提示容易误解为网络速度满造成的,没有给用户一个好的引导.
7.2 登录 / 注册页
小红书 APP 采用了手机号与验证码登录,或手机号与密码登录,再或者 4 种第三方账号登录的方法,这样对于首次登录的用户来说省去了注册的环节.用户可以直接用手机号码并短信验证完成登录,用第三方账号登录,若手机第三方账号是已登录状态,第三方授权即可;若手机中没有第三方 app 或是没有登录,输入账号和密码即可完成登录.这样的登录方式对于首次使用该 app 的用户来说,省去注册麻烦也可快速体验到 app 主要功能.
(1)登录 / 注册页面
页面逻辑内容:
用户输入手机号码后,点击确定键接收 6 位数验证码,页面即跳转到输入验证码页面,并开始倒计时 60 秒,60 秒后倒计时处变为重新发送按钮;
若 60 秒内没有收到验证码,就等 60 秒后 "重新发送" 出现后点击后即可重新获得新的验证码;
用户在收到验证码 3 分钟内输入验证码才有效;
老用户可以用手机号码和验证码登录,也可以手机号码和密码登录;
用户也可以点击底端 4 个第三方按钮,调出其授权端口进行登录.
页面交互说明:
用户点击登录,页面跳转到输入手机号登录页面,点击 "输入手机号码" 处,键盘才跳出;
输入好手机号码后点击确定按钮,页面跳转到输入验证码页面并开始 60 秒倒计时,键盘自动跳出,用户自己调到数字键盘;
60 秒倒计时结束后,重新发送字样变为蓝色,即可点击重新获得新的验证码;
用户点击密码登录按钮,页面调到密码登录页,键盘随之跳出来;
用户点击 4 个第三方,授权页面从页面右侧弹出.
(2)登录 / 注册功能逻辑流程
7.3 "发现" 页面
在小红书 APP 中,如果用户想要用浏览功能,采用的是从上向下浏览的方式,如果用户想要使用某项功能的时候,是从左侧和右侧来寻找的.因此,介绍某一页面的时候采用从上至下的方式,介绍某些功能时采用从左至右的方式.
(1)页面名称:"发现" 笔记页
(2)页面入口:启动小红书 app 直接进入到 "发现" 页
(3)页面结构
浏览内容切换区
笔记,商品和用户搜索框
用户切换标签区
查看笔记内容入口
查看笔记用户的其他内容入口
笔记受欢迎程度
关于用户个人的所有操作内容都聚集在此
上传笔记的入口
查看所有消息入口
查看购物车商品入口
(4)逻辑内容详细说明
1)浏览内容切换区:系统默认 "发现" 是首页,点击标题可以切换到 "关注" 或 "商品" 页面.
页面交互说明:
启动小红书 app 直接进入到 "发现" 页,"发现" 字样下面有一个红色的横线,点击 "关注" 字体会出现一个淡灰色的长方形背景 1 秒钟消失;
灰色长方形出现后,红色横线立即向左快速移动到 "关注" 下方;
当红色横线向左移动时,"关注" 也内容也随之快速向右移动出现;
红色横线向右移动,内容页面从右向左移动;
快速点击两次标题,内容页面可以快速返回到页定;
快速点击两次标题,标签行下方出现红色圆圈旋转标识正在更新内容,有新内容被更新时有提示信息出现在标签行下方停留 1 秒钟然后消失.
2)笔记,商品和用户搜索框:点击搜索框自动跳转到搜索页面.
页面逻辑内容:
在 "关注","发现","购买" 页面,搜索框都存在;
搜索页面结构分为搜索框,历史记录,热门搜索;
历史记录永远只显示一个最近的搜索记录,字数长度限制在 20 超出部分用 "..." 代替;
点击垃圾桶图标可以删除历史记录;
热门搜索推荐的标签内容来自用户关注的标签内容范围内;
用户输入关键词搜索,输入过程中系统会不断预测用户可能要搜索的内容,预测内容按照商品,笔记和其他相关内容分类,可供用户快速搜索;
搜索完成后,页面会跳转到笔记,商品,用户搜索结果页面;
搜索结果 "全部" 部分一般属于笔记篇,可以按照时间和热度重新排序,同时也可以按照普通笔记,视频笔记或长笔记筛选结果;
搜索结果 "商品" 部分属于购物商品列表,可以按照不同的方式排序商品,筛选商品;
搜索结果 "用户" 部分是所有用户名称包含搜索关键词的用户列表.
页面交互说明:
"发现" 页面下点击笔记,商品,用户搜索框,立即进入到搜索页面,字母键盘从底端弹出;
搜索框中有红色光标不断出现消失,搜索框中有推荐搜索文字,呈现灰色;当输入文字时,推荐文字消失;
当输入第一个文字时,历史记录和热门推荐标签消失,搜索框下开始预测用户可能要输入的关键词;
当预测框中出现要搜索的关键词时,点击关键词,键盘从底端弹回,页面跳转到搜索结果页面,带有 #的标签从右侧弹出;
任意标签可以点击选择,也可以通过左右滑动查看后面的标签,点击不同的内容;
搜索结果默认笔记列表优先显示,向上滑动屏幕可以查看更多的笔记列表内容,点击某一个笔记图片,笔记页从右侧弹出;
点击 "综合排序" 文本,综合排序这一行和下方所有内容一起向上移动,覆盖上搜索框,"全部" 行,# 标签行,然后页面颜色变暗,综合排序下拉菜单从顶部向下弹出可供选择;选择完毕后,页面中心红色圆圈旋转更新内容,消失后内容更新结束;
点击 "筛选" 文本,效果与点击 "综合排序" 文本相似,但是筛选菜单从页面右侧向左侧弹出,选定选项后,这个选项方块颜色编程深色并且右侧带有关闭的 " ",同时菜单中心位置红色圆圈旋转标识正在更新内容,同时其他选项随之消失.
3)查看笔记入口:app 主要推广分享笔记功能,如果用户没有浏览目的,那就从 "发现" 页或是 "关注" 页看看笔记,有浏览目的就直接点击搜索框就好了;进入到每一个笔记往下滑动页面都会有更多相关的笔记可供浏览,用户可以无限地打开笔记.
页面逻辑内容:
来源: http://www.bubuko.com/infodetail-2460697.html