PRD:我设计了一款学习社交类APP——自习室
笔者设计了一款学习社交产品,并撰写了产品需求文档,供大家参考与学习。
工欲善其事必先利其器,如果你想要成为一名产品经理,那么你首先需要掌握一些产品经理所需的基本能力。
笔者目前是一个程序员,已经工作了一年多。在这段时间里,我了解了什么是产品经理,喜欢上了产品经理这个岗位,所以我决定转向产品领域。
作为一名产品小白,在不断地自我学习中,经历了各种困惑以及不知道如何做才能进一步提高自己。因此我决定自己动手设计一款产品,毕竟实践出真知。我相信当我完成这份需求文档,一定能有一个质的飞跃,也能找到一份心仪的工作。
版本历史
一、产品概述
1.1 产品背景
随着互联网时代的磅礴发展,越来越多传统行业向互联网靠拢,复合型人才越来越被社会所需求,考研考证学习各种专业知识成为了一种新的潮流。
与此同时我们在学习的过程中,不得不面临以下几个问题:
- 在家学不进去,不知道周边哪里有图书馆或者自习室;
- 图书馆、自习室的位置满了,去了没有地方坐,白跑一趟;
- 网上的教学视频千篇一律,缺乏干货过于枯燥,没有一个可以让大家讨论的群。
自习室APP正是一款专注于学习社交的产品,本产品致力于成为学习人群的学习管家,为用户打造良好的学习环境,提供周边图书馆自习室的位置、人流信息。保证用户在学习的过程中不会枯燥,在社交的过程中获取知识,让用户在学习的道路上不断精进与成长。
1.2 产品口号
让学习更轻松
1.3 产品目标
成为用户的学习管家:
- 帮助用户筛选附近的图书馆自习室及其人流状态。
- 为用户提供优质的学习课程以及课程相应的学习互助群,在群内用户可以提出问题由老师或其他同学解答,互帮互助,为用户提供一个良好的学习环境。
1.4 用户需求分析
1.4.1 用户画像
1.4.2 需求汇总
根据上面用户画像可以分析出,用户的需求分为以下几点:
- 图书馆的位置以及人流信息;
- 优质的课程;
- 学习讨论小组。
二、产品整体架构
2.1 产品结构图
2.2 产品信息图
三、全局说明
3.1 功能权限
登录状态:所有功能都可使用;
未登录状态:只可以查看附近图书馆自习室信息,可以查看课程信息,但不能学习课程。
会员用户在会员期限内可进行所有操作,所有资源对会员用户开放。
非会员用户只允许用户使用免费资源,但可直接花钱购买会员课程。
3.2 键盘说明
点击手机注册/手机登录输入框时弹出数字键盘;
点击其他输入框弹出字母键盘。
3.3 异常说明
打断后重新打开 APP:
点击空白区域或无网络情况:
3.4 常见操作
3.4.1 操作
- 下拉刷新;
- 上拉加载(列表结束/到达最底部)。
3.4.2 用户头像
用户头像链接到个人资料页,特殊情况在页面中另外说明。
3.4.3 Home键
按 home 键,程序改为后台运行,再次打开软件时,则回到按home键时的页面。
3.4.4 缓存机制
初始列表20条,每次加载20条。
四、业务流程
4.1 登陆注册流程
![](http://image.woshipm.com/wp-
files/2019/09/Bev02mnqIFTvtU3jBQQs.png!v.jpg)4.2 用户使用主要流程(自习室/名师讲堂)
五、功能需求
5.1 登陆注册功能
5.1.1 登陆页
功能需求:
1)手机号输入:只允许输入数字,号码长度等于十一位
2)密码输入:密码位数为6-12,数字和字符组合,不允许特殊字符
3)注册:点击跳转至【5.1.2注册】界面
4)忘记密码:点击跳转至【5.1.3忘记密码】界面
5)第三方登陆:点击跳转至【5.1.4第三方授权】界面
6)隐私条款:点击跳转至【5.1.5隐私条款】界面
7)登陆:
当输入项中有一项或多项为空,【登录】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端依次校验手机号和密码,验证成功跳转至【5.2.1首页】;
验证失败会有以下情况:手机号或密码填写错误,弹出弹窗:“手机号或密码有误”;
账户登录时弹出浮窗显示登录中状态,此时界面元素不可点击,登录成功跳转到【5.2.1首页】,8秒内未完成登录则取消登录中状态,弹出toast:“当前网络不给力,请稍后再试”;
8)验证码登陆:点击跳转至【5.1.6验证码登陆】界面
9)显示密码:默认输入隐藏密码,点击后切换为显示密码
10)清除:输入内容后,输入框右侧出现删除图标,点击可删除输入内容,无内容图标消失
5.1.2 注册页
前置条件:【5.1.1登录页】点击【注册】按钮。
功能需求:
1)手机号输入:只允许输入数字,号码长度等于十一位
2)验证码输入:输入获取到的验证码
3)清除:输入内容后,输入框右侧出现删除图标,点击可删除输入内容,无内容图标消失
4)获取验证码:
当手机号输入框为空,按钮为禁用状态,当手机号填写完毕,按钮恢复为可用状态;
点击校验手机号:手机号格式不正确,弹出窗口:“手机号格式错误”;
手机号无误,点击发送验证码,弹出窗口:“验证码已发送”,60秒后可重发,按钮文本变为“xx s后重试”,倒计时结束后,按钮恢复初始状态,文本为“重试”,点击【重试】按钮弹出窗口:“验证码已发送”。
5)注册:
当输入项中有一项或多项为空,【注册】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端依次校验手机号和验证码,验证成功后跳转至【5.1.7资料完善】界面;
验证失败会有以下情况:验证码:验证码错误,弹出窗口:“短信验证码输入错误”;
账户注册数据提交时弹出浮窗显示注册中状态,此时界面元素不可点击,注册成功后跳转到【5.1.7完善资料页】,8秒内未完成注册则取消注册中状态,弹出窗口:“当前网络不给力,请稍后再试”;
6)隐私条款:当隐私条款前面的括号内没有打勾时,注册按钮为禁用状态。当隐私条款前面的括号内打勾时,注册按钮恢复为可用。
5.1.3 忘记密码
前置条件:【5.1.1登录页】点击【忘记密码】按钮。
功能需求:手机号、验证码、显示密码功能需求如上,参考【5.1.1登录页】
1)下一步
当输入项中有一项或多项为空,【下一步】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端依次校验手机号和验证码,验证成功后跳转至右边界面;验证失败会有以下情况:
验证码:验证码错误,弹出窗口:“短信验证码输入错误”;
2)请输入密码:输入新密码
3)请再次确认密码:再次输入新密码
4)登陆:当输入项中有一项或多项为空,【登录】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端校验两次输入密码是否相同,验证成功后成功跳转至【5.2.1首页】;验证失败会有以下情况:
验证码错误,弹出toast:“短信验证码输入错误”;
账户登录时弹出浮窗显示登录中状态,此时界面元素不可点击。登录成功跳转到【5.2.1首页首页】,8秒内未完成登录则取消登录中状态,弹出toast:“当前网络不给力,请稍后再试”;
5.1.4 第三方授权
前置条件:【5.1.1登录页】点击【微信/QQ/微博登陆】按钮。
功能需求:授权成功后跳转至【5.2.1首页】
5.1.5 隐私条款
前置条件:【5.1.1登录页】点击【隐私条款】按钮。
功能需求:点击确定返回至前一页面。
5.1.6 验证码登陆
前置条件:【5.1.1登录页】点击【验证码登陆】按钮。
功能需求:
1)手机号输入:只允许输入数字,号码长度等于十一位
2)验证码输入:输入获取到的验证码
3)清除:输入内容后,输入框右侧出现删除图标,点击可删除输入内容,无内容图标消失
4)获取验证码:当手机号输入框为空,按钮为禁用状态,当手机号填写完毕,按钮恢复为可用状态;
点击校验手机号:手机号格式不正确,弹出窗口:“手机号格式错误”;
手机号无误,点击发送验证码,弹出窗口:“验证码已发送”,60秒后可重发,按钮文本变为“xx s后重试”,倒计时结束后,按钮恢复初始状态,文本为“重试”,点击【重试】按钮弹出窗口:“验证码已发送”
5)登陆
当输入项中有一项或多项为空,【登陆】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端依次校验手机号和验证码,验证成功后跳转至【5.2.1首页】界面;验证失败会有以下情况:
验证码:验证码错误,弹出窗口:“短信验证码输入错误”;
账户登陆数据提交时弹出浮窗显示登陆中状态,此时界面元素不可点击,登陆成功后跳转到【5.2.1首页】,8秒内未完成登陆则取消登陆中状态,弹出窗口:“当前网络不给力,请稍后再试”;
5.1.7 资料完善页面
前置条件:【5.1.2注册页】点击【注册】按钮。
功能需求:清楚、显示密码功能需求如上,参考【5.1.1登录页】
1)请输入昵称:长度限制在4~12个字符,支持中英文、数字、特殊字符
2)请输入密码:密码位数为6-12,数字和字符组合,不允许特殊字符
3)确定
当输入项中有一项或多项为空,【登录】按钮为禁用状态;
当输入项全部输入后,按钮变为可用状态,点击后服务器端依次校验手机号和密码,验证成功跳转至【5.2.1首页】;验证失败会有以下情况:
账户登录时弹出浮窗显示登录中状态,此时界面元素不可点击,登录成功跳转到【5.2.1首页】,8秒内未完成登录则取消登录中状态,弹出toast:“当前网络不给力,请稍后再试”;
5.2 主要功能需求页面
5.2.1 首页
首页底部为Tab页,分为【自习室】、【名师讲堂】、【消息】和【自己】四个入口,选中时图标和文字显示高亮,未选中时灰化。
功能需求描述:打开APP登录成功后进入【自习室】。根据自动获取定位,查询附近图书馆/自习室。也可以根据自定义条件查询附近图书馆/自习室。点击图书馆/自习室,可进入详细页面,如右图。
前置条件:用户登录成功跳转至【首页】。
功能需求:
1)搜索框:根据图书馆/自习室的名字,关键字进行索搜
2)推荐排序:默认为综合排序,可按条件筛选。选中为高亮,未选中时灰化
3)位置区域:无默认值,可按条件筛选。选中为高亮,未选中时灰化
4)更多筛选:无默认值,可按条件筛选。选中为高亮,未选中时灰化
5)图片:图书馆/自习室的图片
6)余位:显示图书馆/自习室还有多少余位
7)位置信息:图书馆/自习室位置信息
8)图片信息:图书馆/自习室的图片信息
9)具体位置信息:图书馆/自习室具体位置信息
10)周边:查看周边公交站,地铁站,银行,超市,商场,停车场等信息
11)导航:跳转至内嵌软件。高德地图、百度地图等
12)打车:跳转至内嵌软件。嘀嘀打车、嘀嗒打车等
13)获取定位:自动获取定位,可手动更改
5.2.2 名师讲堂
功能需求描述:打开APP登录成功后进入【名师讲堂】。分为四大模块,分别为滚动页面、推荐课程、猜你喜欢、限时秒杀。
功能需求:
- 滚动页面:点击滚动页面上的推荐图片,进入【5.2.3课程详细】界面
- 推荐课程:推荐精品好课,点击进入【5.2.3课程详细】界面
- 猜你喜欢:根据经常浏览的课程推荐课程,点击进入【5.2.3课程详细】界面
- 限时秒杀:推荐限时特卖的课程,点击进入【5.2.3课程详细】界面
1)分类
点击进入分类页面,点击具体课程进入【5.2.3课程详细】界面,如下图
2)历史记录:点击进入【5.2.5历史记录】界面
3)签到页面:点击进入【5.2.6签到】界面
4)搜索:根据关键字进行索搜
5)更多:点击查看更多课程
6)马上购:点击进入【5.2.4购买课程】界面
5.2.3 课程详细界面
前置条件:【5.2.2名师讲堂页】点击课程进入。
功能需求:
1)下载:只有购买课程才可以下载,为购买课程点击下载,提示“您还未购买该课程”。
2)分享:可分享给别人
3)课程图片:显示课程图片
4)返回:返回至前一页
5)模块界面:分为三个模块:介绍、目录、评价。
进入课程详细界面初始化为介绍页面。目录页面显示该课程的所有集数和目录名称。评价页面可以进行评价,也可以看其他人的评价。
6)标题:显示课程标题,价格,播放量,评分,总集数
7)课程简介:显示课程简介
8)购买:点击购买进入【5.2.4购买课程】界面
9)购物车:可以将课程加入购物车,统一购买
10)收藏:可以将课程加入收藏
5.2.4 购买课程界面
前置条件:【5.2.2名师讲堂】点击马上购进入,【5.2.3课程详细页面】点击购买进入
功能需求描述:进入购买界面支付后,该课程的介绍界面、目录界面、评价界面如上图中图二、图三、图四。在目录界面点击具体集数,跳转至图五界面。
功能需求:
1)优惠卷:可用积分在积分商城中兑换
2)支付方式:可选择微信支付,主子福报支付,银行卡支付三种方式
3)立即支付:进行付款操作
4)一键入群:购买课程后,可点击一键入群按钮。群内有老师及学习该课程的其他同学。在群内可以共同讨论问题,相应课件也会由老师发到群中。
5)试看/解锁:未购买课程才会出现框内字符,前几集试看,后面需付费观看。购买课程后,该字符消失。
6)评价:购买课程后才可进行评价,未购买不显示
7)其他评价:其他人的评价,是否购买该课程都会显示
8)锁屏:看视频时可以点击该按钮进行锁屏,防止屏幕方向上下左右颠倒
9)按钮:从左右到按钮依次为:暂停/播放,时间,线路,清晰度,倍速
5.2.5 历史纪录界面
前置条件:【5.2.2名师讲堂】点击历史纪录进入
功能需求:
1)清空:清空所有历史来记录
2)搜索:在历史纪录中进行索搜
3)删除:删除选中的历史纪录课程
4)课程历史纪录:点击继续观看课程
5)找相似:找和此视频同类型高分视频
5.2.6 签到界面
前置条件:【5.2.2名师讲堂】点击签到进入
功能需求:积分规则:连续签到当周有效,下周清零
1)积分商城:点即可进入积分商城兑换优惠卷等
2)我的积分:我的剂分可用于在积分商城进行兑换
3)积分规则:点即可进入查看积分规则
4)积分好礼:连续积分一天、三天可获得双倍积分,七天可获得三倍积分
5)签到成功:若签到成功展示对号,否则错号
6)签到:若签到成功,则展示连续签到多少天,不可点击为灰色;若未签到,则高亮展示签到按钮,可点击签到
5.2.7 消息
功能需求描述:打开APP登录成功后进入【消息】。通讯录界面内容分为两项:申请加入的新朋友和好友消息。如上示图一。
功能需求:
1)搜索:点击搜索按钮,输入内容进行搜索,分为以下情况:
通过昵称名或群名,全词匹配搜索到唯一用户/群;通过关键字,搜索到某一用户、群、聊天记录
2)添加:点击添加,弹出弹窗,如上示图六。
弹窗内容为:发起群聊,添加朋友,扫一扫,附近的人,附近的群
3)通讯录:点击通讯录,跳转至另一页面,如上示图七。
通讯录界面内容分为两项:加入的群,以及通讯录好友。其中通讯录好友按字母排序,点击通讯录好友进入好友信息界面,如上示图四。(图四内容后面提及)
4)新朋友:新朋友申请消息通知,点击进入详细页面。如上示图二。
5)用户消息:用户消息列表,点击进入详细页面。如上示图三。
6)同意/拒绝:好友消息申请列表会分为两部分,分别是一星期内、更早。
一星期内显示如下:新好友申请时,会出现两个按钮,分别是同意和拒绝。当用户同意后,两个按钮消失,显示已同意。当用户拒绝时,两个按钮消失,显示已拒绝。
更早显示如下:无论是否同意或者拒绝,均没有同意和拒绝按钮,只会显示已过期。
7)清空:清空所有新好友申请信息
8)用户头像:点击用户头像,进入用户资料详细页面。如上示图四。
9)聊天设置:点击聊天设置,进入与该用户的聊天设置。聊天设置分为以下几点内容:
- 聊天对象头像
- 查找与该对象的聊天记录
- 该对象发来的消息是否设置为免打扰
- 与该对象的聊天是否要置顶
- 清空于该对象的聊天记录
- 投诉该对象
具体页面,如上示图五。
10)学习动态:点击进入该用户的学习动态,可查看该用户发过哪些学习动态,如上示图九。
11)加好友/发消息:若该用户是您的好友,点击头像,此处只显示发消息;若该用户不是您的好友,点击头像,此处显示加好友和发消息;若点击自己头像,则什么也不显示
12)加入的群:点击进入加入的群列表,可查看加入了那些群。点击具体的群,可进入聊天页面。如上示图八。
13)动态:可查看用户发出过的动态,点赞或者评论。
5.2.8 自己
功能需求描述:打开APP登录成功后进入【自己】,其中签到对应【5.2.6签到界面】,历史记录对应【5.2.5历史记录界面】,其余内容请看功能需求。界面内容如上示图二。
功能需求:
1)分享按钮:分享个人明信片。在当前页面上弹出小页面,页面上显示二维码,头像等信息。可以分享至微信,微博,QQ等。点击面对面可直接生成二维码,通过扫一扫加为好友。点击取消,则取消分享,如下图:
2)设置:可对APP整体进行设置,包括:账号安全设置、推送通知设置、隐私设置、通用设置、清楚缓存、版心更新、APP信息等。如下图:
3)个人资料:点击进入个人资料页,可以查看个人信息以及发过的动态信息。如上示图一。
4)学习动态:点击查看所有好友发布的学习动态,也可自己进行动态发布,对所有动态均可以点赞评论。如上示图三。
5)优惠卷:点击进入优惠卷列表页面,查看有哪些优惠卷尚未使用。如上示图五。
6)我的订单:点击进入我的订单列表界面,分为全部、已购买、未付款。点击订单可看具体信息。可以清空全部信息。如上示图六。
7)收藏课程:点击进入收藏课程界面。可以查看收藏了哪些课程,点击课程进入课程信息详细页面。可以清空全部收藏课程。如上示图七。
8)积分商城:点击进入积分商城界面。可以通过积分兑换课程。如上示图八。
9)我的客服:点击进入客服对话界面。可以针对app使用上的问题,进行提问。如上示图九。
10)退出登录:点击退出当前账号,【3】的位置显示登陆或注册。
若当前没有账号登陆app,则不显示此按钮。
11)更新资料:点击可以更新个人资料
12)发布动态:点击跳转至发布动态页面。如上示图四。
13)新消息提醒:若学习动态中有新动态产生,则显示此按钮。否则不显示。点击此按钮,可直接查看最新动态。
14)发布:发布动态页面,可编辑内容发布至学习动态中。动态中可以加入图片,位置,可见度,表情等信息。点击发布即可发布新动态。
15)立即使用:点击【立即使用】,跳转至积分商城页面,进行兑换课程。
16)如何获取积分:点击查看积分获取规则
17)兑换记录:可以查看所有用积分兑换的课程
18)人工:点击进入人工客服,此时该按钮变成评价。当评价后,该按钮恢复为人工标识。
19)问题:点击问题,立刻获取该问题对应的答案
六、非功能性需求
6.1 安全需求
- 所有用户属性信息的传输,均需在接口层数据加密;
- 所有前端页面,均需要走https协议;
6.2 性能需求
- APP从启动到显示首页,时间不超过5秒;
- APP内操作的响应时间不能超过3秒,3秒后无响应,需要给出提示:网络繁忙,请稍后再试,且页面可点击重新加载;
- 程序闲时没有异常的CPU占用,忙时没有异常的峰值占用;
- 页面加载速度、视频更新速度要快;发表的评论在评论区显示的时间不超过5秒。
- 并发能力要较高,系统必须顺畅运行。
6.3 可用性需求
- 操作系统支持:当下所有主流机型;
- 状态可见:让用户了解自己处于何种状态;
- 环境贴切:使用用户熟悉的界面和概念;
- 用户可控:页面出口应明显、退出时需用户手动确认,防止用户误操作;
- 一致性:保持所有相同界面设计/操作/反馈/概念文案显示的一致性。
- 人性化帮助:在重要的功能入口处提供相应的帮助/反馈入口。
6.4 运营需求
6.4.1 内容运营
- PGC+UGC的内容运营;
- 与优秀老师签订排他协议,避免内容同质化,提高平台课程的独立性;
- 对用户进行定制化个性推荐;
- PUSH推送;
- 提供专栏板块, 打造付费内容,提升客单价。并且能够给优质老师获得专属感。
6.4.2 用户运营
- 通过分享获得优惠卷,积分等进行社交裂变,拉取新用户。
- 每日签到获取积分,连续签到还有额外奖励
- 提供新手礼包,促进用户进行注册登录,获取新用户。
结束
作为一名产品小白,白天上班较忙,只能利用零散的下班时间设计产品,难免有不足的地方,希望各位指出,我会继续修改进步,欢迎各位对该产品进行沟通交流。
设计「自习室」这款学习社交产品,源于市面上的APP没有满足我的需求(去图书馆没有位置,学习网课没有组织、同学等)。虽然我深知产品不是人民币无法满足所有人的需求,但是为了让自己能够更加了解一款产品的设计过程,帮助自己顺利从开发转成产品,我还是设计了这样的一款产品,其中也借鉴了当今主流的一下产品,如微信,网易云课堂等。
虽然产品未投入生产,不过我还是会以产品即将被开发的心态面对,端正态度,努力的去设计,我相信付出是会有收获的,我也会找到一份合适的产品工作,成功转行。
我叫仲阳,一名找工作的产品小白。
本文由 @仲阳 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。
作者暂无likerid, 赞赏暂由本网站代持,当作者有likerid后会全部转账给作者(我们会尽力而为)。Tips: Until now, everytime you want to store your article, we will help you store it in Filecoin network. In the future, you can store it in Filecoin network using your own filecoin.
Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: