“好好学习”笔记功能PRD分享

20 评论 17481 浏览 127 收藏 15 分钟

本文作者分享了“好好学习”笔记功能的PRD文档,希望给有需要的小伙伴带来帮助。

接上文:“得到”和“极客时间”功能对比分析:如何做“好好学习”的笔记功能?

一、项目背景与需求分析

1. 项目背景

我在看用户反馈的时候,发现用户在学习课程内容的时候,没有一个地方可以记录沉淀自己学习时的笔记,或者学习后的感想和收获,非常不方便,想学习回顾时,操作起来也非常繁琐。

2. 需求分析

为了改变这种情况,让用户学习的收获感更强,也考虑到目前的需求池,该需求处于目前受众广并且技术相比简单的需求,优先级目前排第一,于是决定设计好好学习这款产品中的笔记功能。

上线该功能对不同用户,场景,需求,以及解决方案如下:

“好好学习”笔记功能PRD

二、本次需求目的及功能列表

1. 目的

产品目前,用户处于学习,但是没有沉淀或写感想和收获的地方。

  • 为了是用户学习收获的体验感增强;
  • 也为了增加用户的粘性,通过这个功能培养一批种子用户,增加APP的留存率。

该需求根据调研,分两个阶段进行:

  • 第一阶段,做一个笔记功能,可以在我的里面查看(划线和评价都可以作为笔记);
  • 第二阶段,类似得到的,开发一个栏目出来,分享给大家看,让收获感通过分享创造更大的价值。

本次PRD我们做第一步,开发一个笔记功能。

2. 本次功能清单

  • 有文稿的页面,文字可以选择,划线添加笔记,复制,添加分享功能;
  • 评论的内容,可以添加到笔记;
  • “我的”栏目下面新建一栏笔记,下面有笔记本,笔记列表等,可以删除,分享,编辑。

3. 涉及到的功能和页面

  • 文稿页面;
  • 评论页面;
  • 我的”页面。

三、流程与所处产品模块关系

1. 业务逻辑图

对于笔记功能,用户可以把划线,评论的内容作为笔记,笔记可以转发编辑和删除,yoghurt也可以新增/添加笔记本。

“好好学习”笔记功能PRD

2. 业务流程图

整个业务流程如下,划线和评论2个动作生成笔记,生成完之后,可以添加到笔记本。

“好好学习”笔记功能PRD

通过划线功能的详细流程图如下:

  • 可以不填写感想;
  • 需要判断字数是否超过2000字;
  • 后期需要新增一个页面,用于保存之后,可以编辑笔记。

“好好学习”笔记功能PRD

通过评论添加笔记,前端不需要制作页面,后端技术需要把这个评论的数据调用到笔记功能中。

笔记添加到笔记本的详细流程图:

  1. 需要判断是否新建笔记本;
  2. 笔记本的标题是否超过15个字,以及是否为空;
  3. 笔记本的描述是否大于150个字。

“好好学习”笔记功能PRD

3. 页面流程图

下图是从文稿添加到笔记的页面流程图:

“好好学习”笔记功能PRD

下图是我的笔记的页面流程图:

“好好学习”笔记功能PRD

四、功能详细介绍

1. 页面原型图

下图是从文稿添加到笔记的页面原型图:

“好好学习”笔记功能PRD

下图是我的笔记的页面原型图:

“好好学习”笔记功能PRD

2. 原型图

添加笔记、原型图说明:

文稿页面

备注:

  1. 长按可以选择内容划线;
  2. 可使用:划线笔记,分析,拷贝。

“好好学习”笔记功能PRD

编辑笔记

备注:

  1. 字数限制2000字以内,若超过2000字,不输入超过的内容。
  2. 编辑框初始文字:将学到的知识总结成笔记,可以方便日后快速查找和复习哦~
  3. 若无内容,也可以保存笔记。
  4. 保存之后,会弹框:笔记提交成功。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

笔记预览页面

备注:

  1. 保存之后跳到预览页;
  2. 不填写感想,这一行也可以没有;
  3. 预览页可以删除,编辑和转发;
  4. 点击编辑按钮,直接到之前的编辑页面,但是编辑框会显示之前填过的感想,若无,显示初始文字。

“好好学习”笔记功能PRD

删除笔记

备注:

  1. 点击删除之后,会出现选择框。
  2. 选择确认,会弹框:笔记删除成功。并直接跳到文稿界面。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

分享笔记

无感想内容分享

“好好学习”笔记功能PRD

有感想内容分享

选择分享方式:

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

笔记添加成功页面:

“好好学习”笔记功能PRD

备注:

  1. 预览页面返回后,到添加成功页面
  2. 被划线字,背景会加颜色
  3. 点击被划线字,会出现笔记预览页面,进行编辑修改。

3. 我的笔记-原型图说明

我的页面

备注:我的页面这边新增一栏,笔记。

“好好学习”笔记功能PRD

我的笔记页面

备注:

  1. 这个页面显示笔记汇总,笔记本汇总,笔记详情汇总。
  2. 可以预览所以笔记。
  3. 笔记按时间,按时间距离现在最近优先。
  4. 笔记详情的操作:添加到笔记本,编辑,删除,分享。添加和删除后面会写到,编辑和分享可以跟上面新建笔记页面一致,操作完之后均返回到当前“我的笔记”页面。

“好好学习”笔记功能PRD

笔记列表页面

备注:

  1.  我的笔记有两列显示:划线笔记和评论。
  2. 评论可以评论老师或者用户的评论,评论用户直接用“\”分隔。
  3. 自己的评论最多展示2行。
  4. 排序也按时间的顺序由近到远。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

删除笔记

备注:

  1. 点击删除按钮。
  2. 弹框选择是否删除笔记。
  3. 确认后弹框删除成功。
  4. 这个操作跟之前新建笔记删除操作类似。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

添加到笔记本

备注:

  1. 点击“+”,添加到笔记本
  2. 此项可以多选
  3. 选择新建笔记本页面后面会展示。
  4. 选择完笔记,点击完成,返回到笔记列表页。
  5. 不选任何笔记本,点击完成,也可以返回笔记列表页。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

笔记本列表

备注:

  1. 笔记本按最新新建的笔记本显示;
  2. 图标按笔记本命名第一个字显示;
  3. 可以新建笔记本和显示笔记本内容。

“好好学习”笔记功能PRD

新建笔记本

备注:

  1. 笔记本标题必填,15字以内;
  2. 描述选填,140字以内;
  3. 超出字,不显示被超出的字内容;
  4. 点击保存之后,如没有填写标题,会弹出,请输入标题;
  5. 初始文字,标题:请输入标题;描述:请输入描述(选填)。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

笔记本页面

备注:

  1. 笔记本内页显示几条笔记,笔记详细以及编辑笔记本。
  2. 当没有笔记的时候,会显示一段文字,如左图。
  3. 笔记的添加笔记本,笔记,删除,分享,都可以按之前的规则来。

“好好学习”笔记功能PRD

无内容笔记

“好好学习”笔记功能PRD

有内容笔记

编辑笔记本

备注:

  1. 当点击右上角的编辑icon时,下面弹出编辑笔记本。
  2. 会把之前笔记本的内容显示在编辑框。
  3. 该页面跟新建笔记本一样。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

删除笔记本

备注:

  1. 点击删除笔记本,会出现选择框。
  2. 点击确认出现弹框笔记本删除成功,到笔记本列表。
  3. 同时该笔记本下面的笔记自动解绑。

“好好学习”笔记功能PRD

“好好学习”笔记功能PRD

五、 简要的用例介绍

  1. 所有步骤按业务流程图走通。
  2. 所有异常点和说明,都准确无误。
  3. 不同手机系统是否能功能和界面不出现问题。
  4. 页面的显示是否按页面原型图来显示。

六、 考核指标与计算方法

1. 需求目的

为了是用户学习收获的体验感增强;

也为了增加用户的粘性,通过这个功能培养一批种子用户,增加APP的留存率。

2. 根据需求目的,制定考核指标

从用户的体验感上,考虑笔记使用的频率及添加的数目。

从用户粘性上,考核流量:评论量,APP每日打开数,次日留存率(跟之前数据对比)。

从质量上面,考核使用笔记之后的笔记质量是否变好。评论/划线笔记超过100字或者文字的质量(需要把数据拉出一部分作对比)。

 

本文由 @小雨点儿 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 大佬,您好,求一份Axure.感激不尽……11239823@qq.com

    来自安徽 回复
  2. 您好,楼主,可否给我一份呢,新人小白不胜感激。416401491@qq.com

    来自江苏 回复
  3. 我也想要一份,小雨点儿你真的太棒了!非常感谢739104559@qq.com

    来自浙江 回复
  4. 你好,想问一下页面原型图是用什么工具画的?就是有多个原型图的那个?谢谢!

    回复
  5. 点赞好好学习,我也在做教育类产品,可以加个微信交流吗(^o^)/

    来自北京 回复
    1. 760576794

      来自上海 回复
  6. 难得看到表达清晰,语言还不啰嗦的原型文档,作者工作多次时间了?

    来自北京 回复
    1. 六七年经验,不过之前一直不是产品岗,目前这家公司给机会,有一年相关经验

      来自上海 回复
  7. 很仔细的一个prd。开发和设计看了都应该很喜欢。

    回复
    1. 谢谢🙏

      回复
    2. 我也想要一份,你真的太棒了!非常感谢739104559@qq.com

      来自浙江 回复
  8. 你的手机外型icon在哪里可以下载呢

    回复
    1. 我可以发给你

      回复
    2. 可以附带给我一份不,灰常感谢 🙂

      来自上海 回复
    3. 你们看看怎么给

      来自上海 回复
    4. 303969066@qq.com可以给我发一份吗~

      来自广东 回复
    5. 好的

      来自上海 回复
    6. 可以发我一份么,1134174002@qq.com;谢谢

      来自安徽 回复
    7. 已发

      来自上海 回复
    8. 也想要一份,可以给嘛,1379626300@qq.com

      来自浙江 回复