倒推“樊登讀書”APP需求文檔(PRD)

25 評論 21017 瀏覽 160 收藏 21 分鐘

本文作者以“樊登讀書”APP為例,倒推出其APP的需求文檔,與大家分享。

一、文檔綜述

1.1 版本修訂記錄

1.2 輸出環境

二、產品概述

2.1 產品介紹

樊登讀書APP與2018年2月18日上線,是一款書籍推薦、拆書講書的APP。每周APP上更新一本新書,可供用戶收聽講書音頻,或觀看講書視頻。

填充了用戶的碎片化的時間,利用較短的時間,了解一本書的知識點,整體邏輯等,核心盈利業務:售賣聽書VIP卡、售賣提升個人能力課程、售賣紙質書。

2.2 產品定位

推廣讀書,改變用戶的傳統閱讀方式,更段時間吸收更多知識。

2.3 產品特點

獨立講書IP樊登老師,在樊登讀書APP上,每周更新一本新書,以錄音和視頻形式展示給用戶,APP除了售賣VIP卡外,還附帶有培訓課程(個人能力)、B2C商城(紙質書、日用商品、樊登VIP套餐)、電子書(非虛構類)。

三、產品結構

3.1 產品結構圖

3.2 產品信息結構圖

3.3 產品功能結構圖

四、全局說明

4.1 功能權限

分為登錄會員、登錄非會員、未登錄狀態三種狀態:

  1. 登錄會員狀態可進行APP內所有操作(不包含未單獨購買的課程);
  2. 登錄非會員可購買商品、參與組隊讀書、個人中心所有操作等;
  3. 未登錄狀態可試聽書籍、觀看文章、短視頻等,不可對所有涉及到用戶權限的功能進行操作。

4.2 鍵盤說明

點擊首頁搜索后,跳轉搜索頁面,底部自動調出中文鍵盤。

點擊登錄輸入框,頁面底部彈出數字彈窗。

4.3 彈窗說明

Aleet

Toast

Actionbar

4.4 頁面異常

頁面異常兩種樣式:

  1. 用戶在APP正常操作,網絡異常加載不出來頁面,顯示白色異常頁面提示;
  2. 用戶在觀看短視頻沉寂狀態下,無網絡彈出黑色異常頁面提示。

4.5 頁面切換交互

頁面交互分為三種:

  1. 整體內容頁左右滑動,可切換分類內容;
  2. 模塊內容左右滑動,可劃出模塊內不同內容;
  3. 子頁面從頁面左邊向右滑動可跳轉到上一級頁面。

4.6 加載彈窗

4.7 更多操作

播放器有音頻播放的時,所有頁面都有播放彈窗;暫停狀態顯示關閉彈窗的按鈕。

五、操作流程圖:

5.1 聽書流程圖(主)

從流程來看,用戶初次使用APP,未登錄狀態可以試聽書籍,只有在操作牽扯到用戶信息記錄的功能時,才提示用戶登錄,使得用戶的第一次體驗印象比較好。

5.2 登錄流程圖

從整體登錄流程來看,新用戶使用第三方登錄完成后必須要綁定手機號,也就是說手機號才是用戶的主ID。

按照用戶體驗角度來說,每多一步就會流失50%的新用戶,但是運營角度,第三方和手機號一體,對于后期的運營有很大的優勢,也有效避免了用戶第三方、手機號兩個賬戶不互通造成的局限性。

5.3 開通會員流程圖

六、頁面邏輯圖

由于樊登讀書APP的頁面較多,這里只對比較核心的功能和業務進行介紹。

6.1 整體邏輯流程圖

七、頁面詳細功能

7.1 無網絡連接

7.1.1 頁面邏輯內容

無網絡連接的情況下,進入APP后提示彈窗,顯示1秒后消失。

用戶繼續操作則提示無網絡頁面,并附帶有解決方案,解決方案內對所有導致無網絡的情況進行了分析,并給出建議。

7.1.2 頁面交互說明

用戶點擊“重新加載”,后臺重新對網絡環境進行判斷。

用戶點擊“查看更多解決方案”,跳轉對無網絡的解決方案展示頁面。

7.1.3 思考

無網絡情況下并不影響用戶使用APP部分功能,例如:離線下載。

相對來說無網絡1秒的彈窗提示,對用戶較為友好,不會影響用戶在無網絡狀態下的操作體驗。只有在用戶使用必須聯網的功能時,才會強提示用戶需要連接網絡,還附帶有解決無網絡情況的各種解決方案。

7.2 登錄/注冊

7.2.1 頁面邏輯內容

  • 微信登錄:用戶點擊“微信登錄”,微信授權成功后跳轉綁定手機號頁面,輸入手機號,點擊“獲取驗證碼”,判斷手機號格式是否合法,滿足條件自動發送驗證碼到手機號并跳轉驗證碼填寫頁面,一分鐘后可重新發送驗證碼、單條驗證碼的有效存活時間為5分鐘,輸入驗證碼最后一位,判斷驗證碼是否正確,判斷驗證碼是否過期,滿足條件進入APP首頁;
  • 驗證碼登錄:用戶點擊“手機號登錄”,默認是驗證碼登錄,輸入手機號,點擊“獲取驗證碼”,滿足條件后跳轉輸入驗證碼頁面,輸入滿足條件的驗證碼后,登陸成功,進入APP首頁;
  • 密碼登錄:用戶點擊“手機號登錄”,點擊“密碼登錄”,輸入手機號、密碼。點擊“登錄”,判斷手機號是否已注冊,判斷密碼是否正確,滿足條件后,登陸成功,進入APP首頁;
  • 忘記密碼:用戶點擊“手機號登錄”,點擊“密碼登錄”,點擊“忘記密碼”,進入修改密碼頁面,輸入手機號,點擊“獲取驗證碼”,手機號滿足條件發送驗證碼,輸入驗證碼,輸入密碼,點擊“確認”,判斷驗證碼是否滿足條件,判斷密碼是否合法,判斷密碼是否和新密碼一致,滿足全部條件后,登錄成功,進入APP首頁
  • 第三方(微博、QQ、微信)登錄:用戶點擊手機號登錄,點擊對應第三方logo跳轉第三方授權頁面,授權成功后,跳轉綁定手機號頁面,手機號、驗證碼滿足條件后,登陸成功,進去APP首頁。

7.2.2 頁面交互內容

  • 用戶點擊“電話輸入框”,數字鍵盤從下方彈出;
  • 用戶點擊密碼輸入框,字母全鍵盤從下方彈出;
  • 用戶輸入驗證碼,最后一位,登錄頁面下滑隱藏,顯示APP首頁;
  • 用戶點擊“第三方登錄”,第三方授權頁面從右側彈出;
  • 用戶點擊“獲取驗證碼”按鈕,按鈕置灰,并倒計時60秒,60秒后按鈕點亮,用戶可再次點擊;
  • 用戶點擊“有問題找書童電話”,彈出系統撥號鍵盤,自動撥號完成;
  • 用戶點擊“隨便看看”,登錄頁面下滑,顯示APP首頁;

7.2.3 思考

已經有過第三方登錄且已綁定手機號的用戶,后續再用第三方登錄,仍然需要手機號驗證碼。

第三方登錄的痛點就是縮短了用戶在登陸功能上的時間成本,但是已經綁定過得老用戶,使用第三方登錄還需要驗證手機號的話,就顯著第三方登錄這個功能十分雞肋。

7.3 APP首頁

樊登的線上核心業務在APP首頁都有入口,所以接下來對樊登的首頁進行詳細的拆解。

7.3.1 頁面交互內容

  • 首頁點擊“全部”,右側滑出全部書籍;左右滑動主頁內容,可切換書籍分類;
  • 點擊“首頁播放器懸浮窗暫定按鈕”,暫停音頻播放,內容自動右滑,擠出關閉按鈕。

7.3.2 思考

首頁采取的排版是目前較為APP流行的排版風格,banner、金剛區、會員廣告。

最值得注意的是在首頁,第一眼就能看到多本免費聽的書籍,大部分用戶警惕心理,首次進入APP是不會開會員的,此功能讓用戶可以先聽幾本感受感受質量,提高用戶的信任度,增大了新注冊用戶的留存。

7.4 搜索

7.4.1 頁面邏輯內容

  • 點擊首頁“搜索框”,跳轉搜索頁面;
  • 輸入搜索內容,輸入框檢測到有文字輸入,便根據搜索框內的文字自動進行搜索;也可點擊右下角鍵盤搜索按鈕;或點擊“熱門搜索內容”、“歷史搜索記錄”,實現快速搜索;
  • 模糊搜索標簽:書名、書摘、作者、書籍分類等;
  • 搜索內容頁,展示搜索相關的內容,每個類型展示3個快捷入口,可查看某一個類型全部相關內容,搜索到的內容和搜索內容同步的標紅,排序按照播放量排序;
  • 點擊“取消”,關閉搜索頁,顯示APP首頁。

7.4.2 頁面交互內容

  • 點擊搜索框,搜索頁面顯示后,自動聚焦光標到輸入框,并從下方滑出鍵盤;
  • 輸入框內的內容每輸入一次,便自動根據搜索框內的文字搜索一次;
  • 用戶點擊鍵盤上的“空白區域”,滑下隱藏鍵盤,光標隱藏;再次點擊“輸入框”可滑出鍵盤;
  • 點擊。

7.4.3 思考

  • 自動聚焦光標并彈出鍵盤,省去了用戶一個操作步驟;
  • 輸入框自動監測提交的文字,顯示內容,流暢度比較高,沒有給用戶長時間等待的情況;
  • 內容與搜索關鍵詞同步的標紅,降低了用戶通過搜索找到某一內容的操作成本,屬于期望型需求。

7.5 我的下載

7.5.1 頁面邏輯內容

  • 已完成內容展示的事書講書人的分類,點擊講書人列表進入該講書人的書籍列表;
  • 全部排序按照下載完成時間降序排序。

7.5.2 頁面交互內容

  • 點擊“下載中”,下載中頁面右側滑入;點擊已完成,已完成頁面左側滑入;
  • 點擊“已完成列表”,已完成列表向左滑出隱藏,顯示詳情頁面;
  • 點擊“清空”,背景色變暗,中間跳出彈窗確認提示;
  • 下載中列表,單個音頻,點擊可暫停下載/開始下載。

7.5.3 思考

用戶下載過的VIP的錄音,在用戶不是會員狀態是不可以聽的,之所以這樣做,也是尊重了平臺內容的價值,防止了有人在會員狀態大量的下載音頻。

7.6 精選課程

7.6.1 頁面邏輯內容

  • 外部icon叫精選課程,進入后模塊名稱叫智行學院,里面所有課程均需要收費,可試聽,購買后可聽單個課程內的全部課;
  • 搜索和APP首頁搜索一致;
  • 點擊“訓練營”,如已購買則跳轉節目選擇頁面,如未購買,則跳轉介紹頁面;
  • 點擊“試聽”,跳轉聽書頁面;
  • 點擊“立刻支付”,本課程加入訂單,跳轉訂單結算頁面。

7.6.2 頁面交互內容

  • 課程介紹頁面下的三個模塊(簡介、節目、評論)可通過點擊跳轉頁面,也可通過左右滑動切換頁面,動畫效果為左右滑入滑出;
  • 所有頁面的子頁面打開均為右側滑入;返回父頁面,子頁面向右滑出;
  • 首頁、課程列表頁均可下拉刷新,并附帶有刷新中的動畫;
  • 點擊“全部”,右側滑出全部課程;左右滑動主頁內容,可切換課程分類;

7.6.3 思考

從課程播放量來看,親子家庭、職場進階、商業財經、人文社科這四大分類內的普遍的播放量到達200萬,受歡迎程度較高,其余分類的播放量偏低,首頁熱門推薦的課程播放量普遍較低,推薦時間也不短了,也沒有太顯著的效果。由此看出用戶對于家庭問題、職場晉升、人文學習這三大塊的需求較高。

7.7 電子書

7.7.1 頁面邏輯內容

  • 電子書首頁的搜索按鈕,用戶可通過“搜索”搜索到指定電子書,但是不能搜到電子書外的其他圖書;
  • 電子書共分為三個大模塊,全部電子書均可試讀,也可用智慧幣全本購買(1智慧幣=1元);
  1. 全部電子書:內可找到APP內所有電子書,根據電子書分類可找到對應類型的電子書;
  2. 樊登專區:后臺可配置,主打樊登推薦讀的電子書;
  3. 爆款書單:書單文章內包含多本同類型的電子書;
  • 并且首頁附帶有本周優惠、暢銷榜單、每周新書等活動,后臺均可配置;

7.7.2 頁面交互內容

  • 所有新頁面均由右側滑入,返回上一級頁面滑出當前頁面;
  • 試讀單本電子書時,手機處于全屏模式,點擊“屏幕右側”翻下一頁,點擊“左側”翻上一頁;
  • 試讀單本電子書時,點擊“屏幕中間”,可調出工具欄可以對電子書文字大小,屏幕明暗程度,背景色,目錄進行調整,也可以退出本電子書,返回上一級頁面;
  • 所有的彈窗均由下往上滑入,退出彈窗則由上往下滑出。

7.7.3 思考

樊登作為拆書、講書的團隊,能夠把電子書功能引入到APP上,也是一個很大膽的嘗試。就目前來看,電子書的模式投入市場,用戶的反應也是非??捎^的,并沒有排斥的行為,還有助于增加用戶在APP的沉浸時長。

訓練營的課程是讀書會內部出的課程,內容類型為職場、思想等。目前掛在線上的訓練營課程一共有7套,訓練營的部分課程目前在全部課程里占據了頭部推薦的地位,但是播放量遠遠低于平均播放量,截止目前最少的只有2000+,最多的也只有6W。

八、總結

由于樊登讀書APP內部的功能較多,這里只對樊登讀書的核心業務進行了詳細的拆解,還有其他很多的業務沒有提到,如:商城、組隊讀書、發現頁、禮品卡、積分、線下活動等。

筆者是一個半年產品小白,打算試著以“推倒APP”的方式學習產品設計,在撰寫本篇PRD的時候,有很多小細節引起了很多思考,也可以對自己的產品設計思維進行一個鍛煉。

 

本文 由@毛小驢 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 參考下你的需求, 結合其它的實測,我做了一個出來。

    來自廣東 回復
  2. 我提幾點我自己的意見哈:
    1、我發現你忽略樊登讀書會的一個主要的內容,就是書籍播放頁的相關功能的需求描述,而恰恰,這個播放可以說是樊登讀書會里面一個最重要功能模塊,你可以嘗試著把這個功能還原,你會發現不止在交互,還有在很多體驗上樊登都做的非常好
    2、現在有很多PRD在功能的描述上會增加一個核心數據指標的收集說明,例如:在注冊登錄頁面,會告知開發人員要收集有多少用戶點擊了發送驗證碼這個數據……等等(附件會有一份詳細的數據埋點文檔)
    3、在產品功能結構圖上,更加建議是以APP的功能模塊去劃分,這樣有助于你整體思維的整合,你可以認為將一個APP鋪成思維導圖,一眼就知道 APP最終的形態,而不是分散式的功能結構

    不成文的建議,PRD的寫作是為了各方能夠清晰的知道APP的各種開發規范和要點,所以要做到非常細致且全面,包含數據收集,異常情況下的反饋處理等等,所以可以多嘗試將一個功能透徹化
    (以上僅代表個人建議,噴子出門左轉蟹蟹)

    來自廣東 回復
    1. 評論區最中肯的建議。做需求文檔倒推還是按照功能模塊能挖掘到某一個功能設計的細節。

      來自上海 回復
  3. 筆這能不能寫個更全的,帶上目錄?上各個版本迭代的記錄,文檔說明,流程圖,原型圖等等

    回復
    1. 哈哈,好的好的,我是新手,好多地方還要多指點

      回復
  4. 你這prd,在我這直接打回去重新寫了

    來自四川 回復
    1. 你可以選擇不看,你曉不曉得你有好幾把哈

      回復
    2. 抱歉,新手剛沒幾篇,還在加強練習

      回復
    3. 你那么牛逼,你寫一個發我郵箱看?

      來自四川 回復
  5. 1

    回復
  6. 大神你好,我也一直想學學prd怎么寫的,但是網上有太多樣式的了,都不知道從那個入手,也一直沒有沉下心好好寫一份,你這一份先借鑒了

    回復
    1. 別別別,感謝收藏,稱不上大神,我也剛學沒多久,只要能沉下心來專注這件事,其實也是很快就能出來一份成型的文檔的,只不過有很多細節還需要多多鍛煉,慢慢打磨

      回復
    2. 好的 非常感謝

      回復
  7. 大神,請問你寫這個寫了多長時間

    來自廣東 回復
    1. 大神不敢當,里里外外兩周

      回復
    2. 叩見大神,本人是在學習產品路上的小白,此文很好,感謝分享

      回復
    3. 多謝夸獎,我也是剛接觸自媒體這塊,還是存在很多問題的

      來自北京 回復
  8. 需求是哪兒來的?

    來自北京 回復
    1. 關于APP的需求,是我個人的理解,也不知道是否對,我平時用樊登讀書比較多,所以多少對樊登讀書有些了解

      來自北京 回復
  9. 粗略看了下提點拙見,前面三個圖感覺層次不清晰,有重合的部分,第一個產品結構可以理解,其實我感覺更多是功能模塊,是靜態的,第二圖信息結構,看上去更像是個領域模型,但是里面又有組隊讀書,從結構設計的角度來看,隊和書一定是兩個對象,不會存在組隊讀書這個對象的,這個點應該是兩者的關聯關系。。第三個圖按道理每個節點應該是個在各自域下的一個業務流程,但是看起來既有對象又有業務流程。。

    來自廣東 回復
    1. 感謝 ?? ,我做的時候也是對“信息結構圖”和“功能結構圖”這兩種形式的梳理圖,有很多地方地方有誤區,下來后我再學習一下個點

      來自北京 回復
    2. 沒有一定要去套那那個板式,那個也不是業內標準的一定要分三層,有的業務層很薄弱,就沒啥東西,完全可以省略,表述清楚自己到的觀點即可。

      來自廣東 回復
    3. OK,受教了,底層需求就是要表達清楚自己觀點,模板什么的都只是一些形式,具體還要根據業務的情況來定

      來自北京 回復
  10. 前輩們,看完了給點建議或意見

    來自北京 回復
    1. 我就是寫不出來

      回復