“好好學習”筆記功能PRD分享

20 評論 17503 瀏覽 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

      來自浙江 回復