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

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

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

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

版本历史

一、产品概述

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

12）发布动态：点击跳转至发布动态页面。如上示图四。

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没有满足我的需求（去图书馆没有位置，学习网课没有组织、同学等）。虽然我深知产品不是人民币无法满足所有人的需求，但是为了让自己能够更加了解一款产品的设计过程，帮助自己顺利从开发转成产品，我还是设计了这样的一款产品，其中也借鉴了当今主流的一下产品，如微信，网易云课堂等。

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

我叫仲阳，一名找工作的产品小白。

本文由 @仲阳 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。