PRD:我设计了一款学习社交类APP——自习室

自习室APP正是一款专注于学习社交的产品,本产品致力于成为学习人群的学习管家,为用户打造良好的学习环境,提供周边图书馆自习室的位置、人流信息。 为用户提供优质的学习课程以及课程相应的学习互助群,在…

原标题:PRD:我设计了一款学习社交类APP——自习室

笔者设计了一款学习社交产品,并撰写了产品需求文档,供大家参考与学习。

工欲善其事必先利其器,如果你想要成为一名产品经理,那么你首先需要掌握一些产品经理所需的基本能力。

笔者目前是一个程序员,已经工作了一年多。在这段时间里,我了解了什么是产品经理,喜欢上了产品经理这个岗位,所以我决定转向产品领域。

作为一名产品小白,在不断地自我学习中,经历了各种困惑以及不知道如何做才能进一步提高自己。因此我决定自己动手设计一款产品,毕竟实践出真知。我相信当我完成这份需求文档,一定能有一个质的飞跃,也能找到一份心仪的工作。

版本历史

一、产品概述 1.1 产品背景

随着互联网时代的磅礴发展,越来越多传统行业向互联网靠拢,复合型人才越来越被社会所需求,考研考证学习各种专业知识成为了一种新的潮流。

与此同时我们在学习的过程中,不得不面临以下几个问题:

  1. 在家学不进去,不知道周边哪里有图书馆或者自习室;
  2. 图书馆、自习室的位置满了,去了没有地方坐,白跑一趟;
  3. 网上的教学视频千篇一律,缺乏干货过于枯燥,没有一个可以让大家讨论的群。

自习室APP正是一款专注于学习社交的产品,本产品致力于成为学习人群的学习管家,为用户打造良好的学习环境,提供周边图书馆自习室的位置、人流信息。保证用户在学习的过程中不会枯燥,在社交的过程中获取知识,让用户在学习的道路上不断精进与成长。

1.2 产品口号

让学习更轻松

1.3 产品目标

成为用户的学习管家:

  1. 帮助用户筛选附近的图书馆自习室及其人流状态。
  2. 为用户提供优质的学习课程以及课程相应的学习互助群,在群内用户可以提出问题由老师或其他同学解答,互帮互助,为用户提供一个良好的学习环境。

1.4 用户需求分析

1.4.1 用户画像

1.4.2 需求汇总

根据上面用户画像可以分析出,用户的需求分为以下几点:

  1. 图书馆的位置以及人流信息;
  2. 优质的课程;
  3. 学习讨论小组。

二、产品整体架构 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 登陆注册流程

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)更新资料:点击可以更新个人资料

13)新消息提醒:若学习动态中有新动态产生,则显示此按钮。否则不显示。点击此按钮,可直接查看最新动态。

14)发布:发布动态页面,可编辑内容发布至学习动态中。动态中可以加入图片,位置,可见度,表情等信息。点击发布即可发布新动态。

15)立即使用:点击【立即使用】,跳转至积分商城页面,进行兑换课程。

16)如何获取积分:点击查看积分获取规则

17)兑换记录:可以查看所有用积分兑换的课程

18)人工:点击进入人工客服,此时该按钮变成评价。当评价后,该按钮恢复为人工标识。

19)问题:点击问题,立刻获取该问题对应的答案

六、非功能性需求 6.1 安全需求

  1. 所有用户属性信息的传输,均需在接口层数据加密;
  2. 所有前端页面,均需要走https协议;

6.2 性能需求

  1. APP从启动到显示首页,时间不超过5秒;
  2. APP内操作的响应时间不能超过3秒,3秒后无响应,需要给出提示:网络繁忙,请稍后再试,且页面可点击重新加载;
  3. 程序闲时没有异常的CPU占用,忙时没有异常的峰值占用;
  4. 页面加载速度、视频更新速度要快;发表的评论在评论区显示的时间不超过5秒。
  5. 并发能力要较高,系统必须顺畅运行。

6.3 可用性需求

  1. 操作系统支持:当下所有主流机型;
  2. 状态可见:让用户了解自己处于何种状态;
  3. 环境贴切:使用用户熟悉的界面和概念;
  4. 用户可控:页面出口应明显、退出时需用户手动确认,防止用户误操作;
  5. 一致性:保持所有相同界面设计/操作/反馈/概念文案显示的一致性。
  6. 人性化帮助:在重要的功能入口处提供相应的帮助/反馈入口。

6.4 运营需求

6.4.1 内容运营

  1. PGC+UGC的内容运营;
  2. 与优秀老师签订排他协议,避免内容同质化,提高平台课程的独立性;
  3. 对用户进行定制化个性推荐;
  4. PUSH推送;
  5. 提供专栏板块, 打造付费内容,提升客单价。并且能够给优质老师获得专属感。

6.4.2 用户运营

  1. 通过分享获得优惠卷,积分等进行社交裂变,拉取新用户。
  2. 每日签到获取积分,连续签到还有额外奖励
  3. 提供新手礼包,促进用户进行注册登录,获取新用户。

结束

作为一名产品小白,白天上班较忙,只能利用零散的下班时间设计产品,难免有不足的地方,希望各位指出,我会继续修改进步,欢迎各位对该产品进行沟通交流。

设计「自习室」这款学习社交产品,源于市面上的APP没有满足我的需求(去图书馆没有位置,学习网课没有组织、同学等)。虽然我深知产品不是人民币无法满足所有人的需求,但是为了让自己能够更加了解一款产品的设计过程,帮助自己顺利从开发转成产品,我还是设计了这样的一款产品,其中也借鉴了当今主流的一下产品,如微信,网易云课堂等。

虽然产品未投入生产,不过我还是会以产品即将被开发的心态面对,端正态度,努力的去设计,我相信付出是会有收获的,我也会找到一份合适的产品工作,成功转行。


「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
从0到1 网址导航 网站优化 微信运营
官方客服
  • 官方客服:114020273一键联系
  • 扫一扫加站长微信
    官方QQ群