起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)PRD：用Axure原型展示抖音頁(yè)面交互邏輯
本文筆者從四個(gè)部分輸出此份抖音產(chǎn)品需求文檔：產(chǎn)品概述、產(chǎn)品結(jié)構(gòu)圖、部分邏輯業(yè)務(wù)，以及，功能需求與交互。
筆者作為一名小白，第一次嘗試?yán)肁xure來(lái)制作PRD，并且重點(diǎn)嘗試將頁(yè)面交互邏輯直接用Axure原型來(lái)展示，可能會(huì)存在表達(dá)不夠詳細(xì)的問題，希望各位大神提出建議，十分感謝。
一、產(chǎn)品概述
1. 產(chǎn)品介紹
抖音，是一款可以拍短視頻的音樂創(chuàng)意短視頻社交軟件，該軟件于2016年9月上線，是一個(gè)專注年輕人音樂短視頻社區(qū)平臺(tái)。用戶可以通過這款軟件選擇歌曲，拍攝音樂短視頻，形成自己的作品。
2. 產(chǎn)品需求定位
產(chǎn)品定位：適合年輕人的音樂短視頻社區(qū)，UGC類資訊產(chǎn)品
slogan：紀(jì)錄美好生活
用戶：
從性別來(lái)看，抖音提供的內(nèi)容對(duì)男性與女性擁有同樣的吸引力，從年齡段可以看出抖音的目標(biāo)人群并沒有偏離原始目標(biāo)用戶“年輕人”這一群體。
需求整理：
需求定位腦圖展示：
這里將產(chǎn)品定位、目標(biāo)用戶、以及需求整理通過思維導(dǎo)圖的形式合并展現(xiàn)，個(gè)人覺得這樣會(huì)將結(jié)構(gòu)展示得更加清晰。
3. 文檔屬性
二、版本信息
抖音主要功能大部分早已完善，版本更新多為細(xì)節(jié)的優(yōu)化與一些小功能更新。
三、產(chǎn)品結(jié)構(gòu)圖
1. 產(chǎn)品功能結(jié)構(gòu)圖
2. 產(chǎn)品信息架構(gòu)圖
四、全局說(shuō)明
1. 功能權(quán)限
登錄后：享受APP一切服務(wù)。
登陸前：可以以游客的身份進(jìn)行瀏覽，但是不能夠使用點(diǎn)贊，評(píng)論等對(duì)內(nèi)容進(jìn)行評(píng)判的功能，也無(wú)法發(fā)布內(nèi)容。一旦使用這些功能，就會(huì)彈出登錄界面提示用戶登錄后才可以使用。
2. 鍵盤交互說(shuō)明
輸入框?yàn)槭謾C(jī)號(hào)或驗(yàn)證碼輸入框時(shí)：彈出數(shù)字鍵盤。
其余輸入框：彈出字母全鍵盤。
3. 頁(yè)面內(nèi)交互
3.1 網(wǎng)絡(luò)環(huán)境：
3.2 加載中：
3.3 提示：
3.4 首頁(yè)交互方式：
五、部分業(yè)務(wù)邏輯
1. 登錄業(yè)務(wù)邏輯
2. 觀看視頻業(yè)務(wù)邏輯
3. 制作視頻業(yè)務(wù)邏輯
六、核心功能需求與交互
（邏輯交互部分放到了Axure中，請(qǐng)放大網(wǎng)頁(yè)比例進(jìn)行觀看）
1. 總體頁(yè)面流程圖
2. 登錄頁(yè)面
功能：登錄
用戶場(chǎng)景：
- 想查看自己關(guān)注的用戶有沒有發(fā)布新的視頻。
- 想拍攝視頻。
- 想評(píng)論視頻等。
入口：
- 登錄
- 評(píng)論，收藏，點(diǎn)贊
- 拍攝、發(fā)布視頻
前置條件：用戶未登錄時(shí)，嘗試進(jìn)行須識(shí)別個(gè)人身份的操作。
優(yōu)先級(jí)：高
頁(yè)面說(shuō)明：
- 手機(jī)號(hào)默認(rèn)+86，輸入限制11位，密碼輸入不可見，密碼必須高于6位。
- 當(dāng)輸入非數(shù)字內(nèi)容時(shí)，輸入界面不顯示任何內(nèi)容；輸入數(shù)字小于11位時(shí)，點(diǎn)擊登錄提示“請(qǐng)輸入11位數(shù)字手機(jī)號(hào)”當(dāng)輸入大于11位數(shù)字時(shí)，超過部分不顯示。
- 獲取驗(yàn)證碼后，按鈕內(nèi)容變?yōu)椤?0s”并降低灰度開始60秒倒數(shù)，60秒后按鈕內(nèi)容變?yōu)椤包c(diǎn)擊重新獲取”，恢復(fù)原來(lái)的灰度。
- 忘記密碼時(shí)，可點(diǎn)擊“忘記密碼”跳轉(zhuǎn)到找回密碼頁(yè)面，輸入登錄名后滑動(dòng)滑塊驗(yàn)證獲取驗(yàn)證碼，輸入驗(yàn)證碼后點(diǎn)擊下一步進(jìn)行密碼重置。
交互邏輯：如圖。
3. 推薦短視頻頁(yè)面
功能：推薦短視頻觀看。
用戶場(chǎng)景：想觀看自己喜歡的短視頻。
頁(yè)面說(shuō)明：
- 未登錄不能參與評(píng)論、轉(zhuǎn)發(fā)、收藏等操作，進(jìn)行相應(yīng)操作時(shí)跳轉(zhuǎn)至登錄界面。
- 評(píng)論時(shí)鍵盤從下方彈出。
- 評(píng)論字?jǐn)?shù)最大不能超過110字，超過是給出提示。
入口：首頁(yè)
前置條件：無(wú)
優(yōu)先級(jí)：高
交互邏輯：如圖
4. 附近短視頻頁(yè)面
功能：附近短視頻觀看。
用戶場(chǎng)景：看看附近有沒有什么人拍攝了短視頻。
頁(yè)面說(shuō)明：
- 未登錄不能參與評(píng)論、轉(zhuǎn)發(fā)、收藏等操作，進(jìn)行相應(yīng)操作時(shí)跳轉(zhuǎn)至登錄界面。
- 評(píng)論時(shí)鍵盤從下方彈出。
- 評(píng)論字?jǐn)?shù)最大不能超過110字，超過是給出提示。
入口：點(diǎn)擊“附近”
前置條件：無(wú)
優(yōu)先級(jí)：高
交互邏輯：如圖
5. 關(guān)注的短視頻頁(yè)面
功能：關(guān)注的短視頻觀看
用戶場(chǎng)景：看看自己關(guān)注的用戶有沒有更新內(nèi)容。
頁(yè)面說(shuō)明：
- 未登錄不能參與評(píng)論、轉(zhuǎn)發(fā)、收藏等操作，進(jìn)行相應(yīng)操作時(shí)跳轉(zhuǎn)至登錄界面。
- 評(píng)論時(shí)鍵盤從下方彈出。
- 評(píng)論字?jǐn)?shù)最大不能超過110字，超過是給出提示。
入口：1.點(diǎn)擊“關(guān)注”；2.點(diǎn)擊“我的”-》“關(guān)注”
前置條件：登錄
優(yōu)先級(jí)：高
交互邏輯：如圖
6. 拍攝短視頻頁(yè)面
功能：拍攝視頻
用戶場(chǎng)景：用戶想自己拍攝短視頻。
頁(yè)面說(shuō)明：
- 拍攝方式可在長(zhǎng)按拍與單機(jī)拍之間轉(zhuǎn)換，轉(zhuǎn)換方式如圖。
- 左上角“X”可退出拍攝界面。
入口：
- 在首頁(yè)進(jìn)行屏幕右滑
- 點(diǎn)擊首頁(yè)“+”號(hào)
前置條件：登錄
優(yōu)先級(jí)：高
交互邏輯：如圖
7. 編輯短視頻頁(yè)面
功能：編輯視頻
用戶場(chǎng)景：用戶在拍攝短視頻需要對(duì)視頻進(jìn)行編輯，包括音樂剪輯，添加特效等操作。
頁(yè)面說(shuō)明：
- 該部分添加的濾鏡，特效與道具與拍攝階段提供的一致。
- 左上角“<”可返回到拍攝界面。
入口：拍攝視頻完成后
前置條件：拍攝視頻
優(yōu)先級(jí)：高
交互邏輯：如圖
8. 發(fā)布視頻頁(yè)面
功能：發(fā)布視頻
用戶場(chǎng)景：用戶在編輯短視頻后需要發(fā)布視頻，添加相關(guān)活動(dòng)，地理位置等。
頁(yè)面說(shuō)明：
- 發(fā)布內(nèi)容字?jǐn)?shù)不能超過80字。
- 添加位置中，搜索地址以后只能在下方菜單中選擇一個(gè)相近地點(diǎn)。
入口：編輯視頻完成后。
前置條件：編輯視頻
優(yōu)先級(jí)：高
交互邏輯：如圖
七、小結(jié)
整個(gè)抖音的功能結(jié)構(gòu)比較繁雜，本文只選取了部分核心功能進(jìn)行需求描寫，由于交互都寫在了Axure里，可能會(huì)有一些情況沒有考慮到，還請(qǐng)大神輕噴。另外本文章節(jié)結(jié)構(gòu)的思路參考了@神戶短郎《用Axure寫PRD：虎撲app產(chǎn)品需求文檔》
本文由@Kazan 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自Unsplash, 基于CC0協(xié)議
用Axure做PRD，以前就是覺得注釋排版很煩，版本迭代時(shí)又沒法整合需求，還得新開文件夾或新的文件分開寫，現(xiàn)在倒是有個(gè)元件庫(kù)能解決這些問題，就叫“AxurePRD”元件庫(kù)，用了快兩年了
膜拜膜拜， 能發(fā)送axure的源文件 文檔到QQ郵箱：371922002@qq.com嗎 非常感謝感謝
很棒，很受用，謝謝分享 ??
很厲害了
牛人，加個(gè)微信吧
登錄兩個(gè)字全是錯(cuò)的……
厲害??
這些帶線條的批注是用Axure做的嗎
第一次看到prd文檔，感覺不錯(cuò)
我覺得還不錯(cuò)，最起碼對(duì)功能劃分比我剛做產(chǎn)品的時(shí)候強(qiáng)很多。說(shuō)過多停留在表面的我想說(shuō)可能他連你做的功能總結(jié)都不一定能做得好，看起來(lái)是沒有實(shí)戰(zhàn)經(jīng)驗(yàn)因?yàn)闆]辦法把每個(gè)模塊想的太細(xì)，做項(xiàng)目的時(shí)候沒人會(huì)把所有的功能都給你做，那你就累死了，你這個(gè)可以找關(guān)鍵功能出來(lái)最詳細(xì)的需求說(shuō)明，整體我覺得還好，加油哦~
登錄業(yè)務(wù)邏輯手機(jī)號(hào)這個(gè)好奇怪??
還是蠻粗的 過多的停留在了表面 內(nèi)部邏輯還是要重點(diǎn)突出的
作為PRD的話，實(shí)際操作中這個(gè)文檔一點(diǎn)都不夠。給到研發(fā)和測(cè)試，他們會(huì)一臉懵逼。
所見略同，PRD是BRD中對(duì)產(chǎn)品功能描述的部分，只不過將其獨(dú)立出來(lái)，以技術(shù)語(yǔ)言呈現(xiàn)和加以說(shuō)明。
例如，產(chǎn)品概述部分，可以寫成：
“產(chǎn)品概述
摘要：①在登錄功能模塊，用戶需要使用手機(jī)號(hào)碼登錄…②在拍攝短視頻功能模塊，拍攝方式可在長(zhǎng)按拍與單機(jī)拍之間轉(zhuǎn)換……”
這在開頭就告訴研發(fā)、測(cè)試部門這次的工作是某某功能某某模塊。
也是個(gè)人愚見，如果覺得不對(duì)，請(qǐng)各位海涵。
我也感覺，是不是要把里面的元素都描述一遍
做的很棒，十足的干貨，選題也很好！
先說(shuō)點(diǎn)題外話，登lu頁(yè)面，用戶登lu，是目錄的錄而不是大陸的陸。好多人混淆，不過兩個(gè)有本質(zhì)不同的意思??
厲害
同研二，支持一下
可以加個(gè)微信認(rèn)識(shí)嗎 同學(xué)
兄弟，我也買了那個(gè)課程，我們路走歪了，人家的文檔很專業(yè)的。
哪個(gè)文檔專業(yè)??？
我是跟著那個(gè)課程畫的圖，我覺得他那個(gè)圖也沒有說(shuō)的很詳細(xì)不知道人家開發(fā)看的懂不。。。重點(diǎn)還是練習(xí)一下axure吧
其實(shí)怎么畫 用什么工具畫原型都不重要 重要的是要理清內(nèi)部邏輯 讓人能明白 理解你的東西 就算不用Axure話 手繪的話 別人能理解都是可以的。
請(qǐng)問是哪個(gè)課程啊？
同問什么課程啊
那個(gè)課啊
prd的話，我覺得詳細(xì)設(shè)計(jì)寫得太粗略了。
同感
是的需要不斷把細(xì)節(jié)和情況寫清楚
我也發(fā)現(xiàn)了這個(gè)問題，隨便挑文中的一個(gè)毛?。号臄z短視頻頁(yè)面-拍攝方式可在長(zhǎng)按拍與單機(jī)拍之間轉(zhuǎn)換?！伴L(zhǎng)按”在這里是具體指代按多少秒呢？是2s還是5s？還是一個(gè)“按住就持續(xù)，松開就完成拍攝”的狀態(tài)？PRD的關(guān)鍵是要幫助研發(fā)、測(cè)試部門開展工作。
好牛逼，要是每步要是能告知你用什么做的就更好了，來(lái)自小白的膜拜