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)自小白的膜拜