仿寫抖音短視頻PRD

14 評論 49308 瀏覽 423 收藏 29 分鐘

短視頻最近這段時間也挺火的,這次作者帶來仿寫抖音短視頻的PRD

入職產品經理一年,自己寫的一份關于短視頻的產品需求文檔,分享給各位,希望各位多多指教,文檔里寫得不好的地方,歡迎指出。

寫到后面感覺偏向了原型文檔,而不是PRD了,希望有大大多多指點!

一、文檔綜述

1.1 版本修訂記錄

1.2 產品介紹

1.3 項目背景

  1. 短視頻觀看基礎設備完善,用戶使用4G觀看短視頻習慣正在逐步養成,截止2016年底,中國移動寬帶3G/4G用戶規模達9億,2015年4月,移動視頻用戶中,10.1%使用4G觀看短視頻。
  2. 短視頻2017年3月MAU近10億,同比保持36.5的增長,短視頻增速最快。
  3. 短視頻是互聯網內容生態發展的機遇,從文字-圖片-視頻的演變,社交形式不斷升級。
  4. 短視頻的成長價值高于直播,目前直播行業普遍缺乏高質量的內容,商業模式和傳播效果也都遠遜于短視頻,但直播和短視頻的場景類似,二者在未來有可能產品聯動效應

1.4 行業問題

第一問題:UGC內容同質化嚴重,高質量視頻稀缺,商業空間受限

目前短視頻APP的內容主要來源UGC,很大一部分高質量視頻是來自PGC,未來應該產生新的內容來源方,例如專業化機構制作短視頻。

點贊和評論高度集中在某類人群,一般用戶得不到關注,參與度會逐漸衰減。急需個性化推薦,做到精準的智能分發。

快手是以搞笑視頻為主,抖音和muse是根據用戶通過肢體和動作制作來制作音樂視頻,前者門檻較低,大部分視頻偏低俗,而后兩者制作難度高,整體質量上乘,更符合年輕人的定位。

1.5 名詞說明

二、產品框架概述

產品功能結構圖

產品信息結構圖

三、全局說明

3.1 功能權限

  • 登錄狀態下可以進行所有操作
  • 未登錄狀態下進入APP,不可關注好友,不可點贊,不可評論以及聊天,不可制作視頻,不可查看消息欄,不可查看個人主頁。要進行上述操作需要跳轉到登錄頁面。
  • 社群管理員登錄狀態下,可對社群成員進行踢人操作
  • 群主登錄狀態下,可對所創建的群進行修改群信息/邀請成員/設置管理員/踢人。

3.2 頁面內交互

? 內容輸入頁面(統一頁面,數字要求根據情況而定)

3.3 常用操作

四 、功能邏輯詳述

4.1 登錄注冊頁

注冊功能邏輯:

  • 輸入手機號后判斷是否為已注冊,已注冊賬號進入登錄流程,未注冊賬號進入注冊流程
  • 點擊密碼輸入欄的眼睛icon,密碼可顯示
  • 驗證碼的輸入框鍵盤與密碼的輸入框鍵盤不同
  • 完善資料可跳過,必須頭像、昵稱、生日、性別全部選擇后方可下一步,其中生日采用滾輪

登錄功能邏輯:

  • 輸入手機號后判斷是否為已注冊,已注冊賬號進入登錄流程,未注冊賬號進入注冊流程
  • 輸入賬號和密碼匹配不正確,彈出toast2:提示內容:你輸入的密碼與賬號不匹配,請重新輸入

找回密碼邏輯:

  • 輸入賬號和密碼匹配不正確,彈出toast2:提示內容:你輸入的密碼與賬號不匹配,請重新輸入
  • 點擊【找回密碼】,直接通過手機號發送驗證碼,設置新密碼后直接登錄

第三方登錄邏輯:

  • 進入第三方授權頁面,點擊確認登錄即可加載登錄頁面,進入APP首頁

登錄注冊功能邏輯圖:

4.2 社區首頁

4.2.1 首頁

頁面邏輯:

標注1:打開APP后出現的界面,在其他頻道通過點擊底部導航也可進入該頁面

標注2:通過下拉可刷新視頻,左右滑動可切換頂部的【關注/推薦】頁面,點擊視頻區域可暫停該視頻播放

標注5:可通過在視頻區域左右滑動切換,也可以點擊相應TAB切換。推薦視頻根據推薦算法,而關注視頻則是播放該用戶關注的人的視頻,刷新時刷機播放

功能邏輯:

標注3:從上到下描述

  1. 運營后臺可控制該視頻是否為精選,不可點擊
  2. 此為該視頻參與的挑戰名稱,底部有灰色區塊,點擊后進入該【挑戰頁面】
  3. 所有發布視頻的用戶,均以 @名稱 的形式,為了區分下一行的標題,點擊后進入該用戶的個人主頁
  4. 此行為標題行,最多不超過50字,可分三行,不可點擊
  5. 此行為該視頻使用的音樂名稱,包括歌曲名稱+歌手,以滾動形式展現,不可點擊

標注4:從上到下描述

  1. 點擊頭像可查看對方主頁
  2. 點贊按鍵,點擊后icon變為紅色,表示已點贊,再次點擊可取消
  3. 點擊評論icon,底部上彈評論頁,詳情請查看評論頁功能描述
  4. 點擊后,進入打賞頁面
  5. 點擊CD可進入該音樂的音樂活動頁,CD一般呈現旋轉動態

標注6:點擊后底部上彈分享框

4.2.2 分享框

4.2.3 評論頁,視頻觀看頁面, @ 好友頁面

標注1:在非首頁區域觀看視頻時,底部為評論輸入欄,點擊底部直接到圖3,而點擊評論icon會彈出評論彈框圖2,點擊@,彈出圖4頁面

標注2:正常輸入評論的展現形式,包括用戶頭像,名稱,評論內容

標注3:如果回復某個用戶的評論時,輸入框會顯示要回復的用戶名稱,新評論會包括回復用戶的評論信息,但不展示其頭像

標注4:輸入框點擊@,彈出@好友頁面

標注5:@好友頁面內推薦用戶關注的好友,推薦用戶包括頭像、名稱、個性推薦。

標注6:搜索框,根據字符對應搜索

4.2.4 贊賞頁面

標注1:被贊賞人的頭像、昵稱,以及系統自帶的文案說明,不可點擊

標注2:贊賞金額,展示分9個檔次,點擊后跳轉支付寶/微信支付/蘋果支付

標注3:顯示該用戶今日被贊賞的筆數,總共獲得的贊賞數量,不可點擊

標注4:顯示最近20名對該用戶有贊賞行為的用戶頭像,不可點擊

4.2.5 歌曲參與頁面

標注1:分享操作,詳情請參考分享框功能詳解

標注2:歌曲封面,歌曲名稱,演唱者,點擊歌曲封面可播放或暫停音樂。

標注3:點擊可切換TAB,其中熱門TAB下的視頻按照點贊數降序排列,最新TAB下的視頻按照發布時間降序排列

標注4:視頻封面以及該視頻獲得的點贊數,icon為紅色實心,不可在該頁面點贊,點擊封面跳轉至【視頻觀看頁面】

標注5:點擊使用,直接進入準備錄制頁面,同時使用該音樂為視頻BGM

標注6:該頁面可上下滑動,整個頁面均滑動,無固定區域,向上滑動時【使用】按鍵消失,向下滑動時【使用】按鍵出現

4.3 發現頁面

4.3.1 活動頁面

標注1:點擊搜索框,彈出【搜索頁面】,點擊【杭州】即可定位當前位置,一般登錄會提示是否授權地理位置

標注2:點擊切換TAB,分為活動、社群、找表演三個TAB

標注3:該區域為活動TAB下的分類,分為熱門、搞笑、美食、萌寵、運動、樂器、生活,游戲,該區域可左右滑動

標注4:默認展示系統推薦的活動挑戰,推薦的活動按照發布時間降序排列

標注5:點擊活動名稱區域可查看【活動-挑戰頁面】,該條目上展示挑戰目測、參與人數

標注6:此為視頻展示區域,優先展示點贊數最高的幾個視頻,該區域可以左右滑動,只展示視頻封面,不顯示點贊數

頁面說明:整個頁面可上下滑動,頂部搜索欄和底部導航是固定不動的。

4.3.1.1 活動 – 挑戰頁面

標注1:展示挑戰名稱,挑戰封面,本次挑戰的發起人(可有可無),點擊昵稱,可查看對方主頁

標注2:分享按鍵,點擊后彈出分享框

標注3:該挑戰的文案說明,以及該活動參與人數,綠色條處為最新參與的用戶頭像,不可點擊

標注4:分為熱門/最新TAB,其中熱門TAB下的視頻按照點贊數降序排列,最新TAB按照發布時間降序,在該挑戰下發布的視頻,視頻均帶有該活動標識

標注5:此為視頻封面以及點贊數,點擊跳轉至【視頻觀看頁面】

標注6,:點擊參與,跳轉至歌曲選擇頁面

頁面說明:該頁面可上下滑動,整個頁面均滑動,無固定區域,向上滑動時【參與】按鍵消失,向下滑動時【參與】按鍵出現

4.3.2 社群頁面

標注1:社群下的分類,分為熱門、搞笑、美食、萌寵、運動、樂器、生活,游戲,該區域可左右滑動

標注2:社群的展示,包括社群頭像,名稱,人數,群介紹,與用戶的距離

標注3:社群頁下的小分類推薦,包括附近、推薦、搞笑、美食、萌寵、運動、樂器、生活,游戲,每個類別展示距離最近的三個群,點擊右側的【更多】,跳轉至該類下的全部社群頁

標注4:當前社群類別名稱,以及地理位置

標注5:社群根據距離降序排列

4.3.2.1 社群詳情頁

標注1:社群頭像、名稱、群號,群主可點跳轉至【群頭像和名稱編輯頁面】,管理員和成員不可點擊

標注2:展示群主、管理員、最新發言的成員頭像,標注了群容量以及當前群人數,點擊該區域跳轉至【群成員信息頁】,加入該群后,點擊【+】可跳轉至【邀請頁面】

標注3:群介紹,僅群主可編輯群介紹,字數不可超過140字

標注4:群地點,包括省份和城市,群主點擊可跳轉至城市選擇頁面

標注5:非成員展示【申請加入】,群主可【解散社群】,管理員和成員【退出社群】,點擊均有二次確認

標注6:點擊【消息免打擾】后,消息頁面會接受信息,但不提示

標注7:清空該群內的所有聊天信息,包括通知

標注8:點擊分享,可分享推薦群給其他人

4.3.2.2 群頭像和名稱編輯頁面

4.3.2.3 邀請頁面

4.3.2.4 群成員信息頁

4.3.3 找表演頁面

標注1:找表演下的分類,分為熱門、搞笑、美食、萌寵、運動、樂器、生活,游戲,該區域可左右滑動,點擊可進入相應動態

標注2:該分類下最新發布的3個動態,點擊更多,可查看該分類下全部的動態

標注3:點擊時間,動態按照發布時間降序,點擊距離,動態按照與用戶距離降序

標注4:動態的展示形式,包括名稱,位置,要求,報酬,發布人,可點擊操作【申請】,點擊申請,跳轉至與發布動態的用戶聊天頁面

標注5:由標注4跳轉過來后發送的信息范例,內容為:“你好,我想參與這次表演”+動態的縮略

4.4 視頻制作頁面

4.4.1 歌曲選擇頁面

標注1:點擊【本地視頻】跳轉至手機視頻,點擊【直接開拍】跳過歌曲選擇步驟

標注2:點擊搜索欄,跳轉至搜索頁面

標注3:歌曲分類,該區域可左右滑動,點擊某一類別,跳轉至圖2:歌曲類別內選擇頁面,每個類別內歌曲的排序按照系統收錄時間降序

標注4:推薦歌曲TAB下為系統熱門推薦歌曲,收藏歌曲TAB下為用戶收藏的歌曲列表

標注5:歌曲的信息包括歌曲封面,歌名,演唱者,歌曲時間,收藏和參與icon。點擊星星icon可收藏歌曲,再次點擊可取消收藏,點擊參與icon可跳轉至音樂活動頁

點擊其他區域可播放或暫停音樂,同時下浮出標注6的按鍵

標注6:點擊【確認歌曲并開拍】后跳轉至【準備錄制頁面】,并且本次錄制使用該歌曲作為BGM

頁面邏輯:該頁面可上下滑動,滑動時底部【取消】按鍵以及標注1【選擇音樂】固定不動

4.4.2 準備錄制頁面

4.4.2.1 道具欄

4.4.2.2 濾鏡欄

4.4.2.3 歌曲編輯頁面

4.4.2.4 自動錄制頁面

4.4.2.5 錄制結束頁面

4.4.3 視頻編輯頁面

4.4.3.1 音量調節頁面

4.4.3.2 添加挑戰頁面

4.4.3.3 標題輸入欄

4.4.4.1 濾鏡特效編輯頁面

4.4.4.2 時間特效編輯頁面

4.5 消息頁面

標注1:點擊后下彈出【更多操作】,詳情查看消息頁面更多操作頁

標注2:固定消息欄,包括粉絲icon,名稱(粉絲),關注信息(用戶名:Hi,帥哥/美女,我關注你了),未讀的消息數量,點擊可跳轉至粉絲關注頁面

標注3:固定消息欄,包括贊icon,名稱(贊),關注信息(XXX給您的XX(某視頻)點贊了),未讀的消息數量,點擊可跳轉至點贊頁面

標注4:群通知欄,包括群頭像、申請入群的消息,消息數,消息接收時間,點擊可跳轉至群通知頁面(只有管理員和群主才會有群通知欄,普通成員不會通知)

標注5:用戶的聊天欄,包括聊天對象的頭像、昵稱、最新消息縮略,未讀消息數,收發時間

標注6:聊天欄以及群通知可左滑,點擊【刪除】后,該聊天欄和通知記錄消失,不出現在消息列表

頁面邏輯:該頁面可上下滑動,滑動時底部導航、【粉絲】、【贊】固定不動。聊天列表按照信息的收發時間降序排列

4.5.1 群通知頁面

4.5.2 消息頁面的更多操作頁

4.5.3 聊天頁面

標注1:點擊更多ICON,彈出標注2,3

標注2:點擊清空消息列表,清除與對方的聊天記錄

標注3:點擊拉黑后,不再接收對方的任何信息,保留當前信息記錄,可取消拉黑

標注4:信息收發時間,前后兩條信息的收發間隔超過1分鐘,則最近一條信息需要顯示收發時間

標注5和6:聊天對象的頭像和聊天內容,內容包括圖文、語音、鏈接、視頻,點擊頭像,可跳轉至個人主頁

標注7:點擊相冊ICON,彈出【拍照】和【從相冊中選擇】的彈框,請查看全局說明案例

標注8:點擊語音ICON,進入語音模式,詳情請查看,語音模式頁面

標注9:點擊表情ICON,彈出表情彈框

頁面邏輯:該頁面可上下滑動,底部輸入欄和頂部欄固定不動

4.5.3.1 語音聊天模式

4.5.4 粉絲頁面

4.5.4.1 贊頁面

4.5.4.2關注

4.5.5 群聊頁面

4.6.1 個人主頁 – 喜歡列表

標注1:點擊ICON后,下彈出【編輯資料】【設置】彈框,如圖所示點擊可進入編輯資料頁面和設置頁面

標注2:用戶頭像、昵稱、地理位置、個性簽名,不可點擊

標注3:關注、粉絲、贊的數量,點擊可跳轉至粉絲/關注/贊頁面

標注4:展示我的錢包金額,點擊該欄跳轉至提現頁面

標注5:喜歡TAB下展示用戶點贊過的視頻,按照點贊時間降序排列

標注6:展示具體的視頻內容,包括視頻封面和點贊數,點擊可跳轉至【視頻觀看頁面】

頁面邏輯:該頁面可上下滑動,底部導航固定不動

4.6.2 個人主頁 – 作品列表

4.6.3 個人主頁 – 動態列表

4.6.3.1 個人資料編輯頁面

4.6.3.2 草稿箱頁面

4.6.3.4 提現頁面

4.6.3.5 提現綁定賬號流程

手機驗證碼功能邏輯

4.6.4 查看別人的個人主頁

標注1:用戶的頭像、昵稱、地理位置(省份+城市)、個性簽名,以及用戶之間的距離

標注2:展示對方的關注、粉絲、贊的數量,不可點擊查看

標注3:關注按鍵,具體點擊變化請查看【常用操作】

標注4:作品TAB需要展示數量,該TAB下按照作品發布時間降序(從左到右,從上到下);喜歡TAB下展示對方點贊過的視頻,按照點贊時間降序排列;動態TAB下展示對方發布的動態,按照發布時間降序排列

標注5:查看對方動態時,可點擊的操作為【申請】,已刪除的動態顯示為【已截止】

標注6:動態展示內容包括名稱、城市、要求、報酬

標注7:點擊跳轉至聊天頁面

頁面邏輯:該頁面可上下滑動,滑動時底部【聊天】按鍵固定不同

4.7 動態編輯頁面

4.7.1 召集隊友頁面

4.7.2 名稱搜索頁

4.7.3 定位頁面

標注1:點擊定位后,根據定位信息展示出城市+城區,手動選擇城市和城區的展現形式相同

標注2:省份及熱門城市列表,該列表可上下滑動,不聯動后面兩個列表,該列表影響后面兩個列表的內容,點擊該省份即選中

標注3:城區列表,該列表可上下滑動,點擊后最終確認位置,并將城市+省份顯示在標注1中,選中后,前兩個列表框右上角出現紅點提示

標注4:城市列表,該列表可上下滑動

4.7.4 報酬頁面

 

本文由 @申時已到 原創發布于人人都是產品經理。未經許可,禁止轉載

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以發一下原稿學習一下嗎

    來自貴州 回復
  2. 感覺像brd

    回復
  3. 請教,抖音之前的版本有群聊功能嗎?最近才開始玩的,發現版塊好像跟你描述的差別很大

    來自廣東 回復
  4. 這個高仿啊 改進下做個產品出來可好?

    回復
  5. 在里面加入了聊天功能,可以讓用戶不切換界面去交流,這樣可以增加用戶粘性,但是我想知道這么做有沒有什么弊端呢,哪位大神可以告訴下嗎?

    來自上海 回復
  6. 整體看完了,感覺像看了抖音。。

    來自上海 回復
  7. 請問iphone模型的標注是用什么軟件畫的?

    來自北京 回復
    1. 同求樓主,標注是在原型中小元件嗎,還是其他軟件啊

      來自廣東 回復
  8. 請問圖都是畫的原型嗎?

    來自廣東 回復
  9. 其實我主要看對于每個頁面都分析了那些內容,總結并補充一下在介紹產品設計的部分可以從這些角度去分析。例如:頁面元素的介紹、頁面跳轉、模塊功能邏輯、排序規則、交互效果、刷新方式、加載方式,還有一些異常情況(無網絡、無定位)的處理,輸入框的字符限制,頁面出現的方式(滑動、彈出等開發比較關注)。

    來自北京 回復
    1. 謝謝指導,你說的這些我確實沒怎么描述

      回復
  10. 寫那么多有啥用啊,能實現啥價值啊…

    回復
  11. 看前面以為是抖音的prd..你這是有參考抖音的原型吧

    來自北京 回復
    1. 是的

      來自遼寧 回復