PRD:用Axure原型展示抖音頁(yè)面交互邏輯

33 評(píng)論 50841 瀏覽 393 收藏 11 分鐘

本文筆者從四個(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)論視頻等。

入口:

  1. 登錄
  2. 評(píng)論,收藏,點(diǎn)贊
  3. 拍攝、發(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”可退出拍攝界面。

入口:

  1. 在首頁(yè)進(jìn)行屏幕右滑
  2. 點(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é)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 用Axure做PRD,以前就是覺得注釋排版很煩,版本迭代時(shí)又沒法整合需求,還得新開文件夾或新的文件分開寫,現(xiàn)在倒是有個(gè)元件庫(kù)能解決這些問題,就叫“AxurePRD”元件庫(kù),用了快兩年了

    來(lái)自上海 回復(fù)
  2. 膜拜膜拜, 能發(fā)送axure的源文件 文檔到QQ郵箱:371922002@qq.com嗎 非常感謝感謝

    來(lái)自廣東 回復(fù)
  3. 很棒,很受用,謝謝分享 ??

    來(lái)自上海 回復(fù)
  4. 很厲害了

    回復(fù)
  5. 牛人,加個(gè)微信吧

    回復(fù)
  6. 登錄兩個(gè)字全是錯(cuò)的……

    回復(fù)
  7. 厲害??

    回復(fù)
  8. 這些帶線條的批注是用Axure做的嗎

    來(lái)自四川 回復(fù)
  9. 第一次看到prd文檔,感覺不錯(cuò)

    回復(fù)
  10. 我覺得還不錯(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ō)明,整體我覺得還好,加油哦~

    來(lái)自北京 回復(fù)
  11. 登錄業(yè)務(wù)邏輯手機(jī)號(hào)這個(gè)好奇怪??

    回復(fù)
  12. 還是蠻粗的 過多的停留在了表面 內(nèi)部邏輯還是要重點(diǎn)突出的

    來(lái)自江蘇 回復(fù)
  13. 作為PRD的話,實(shí)際操作中這個(gè)文檔一點(diǎn)都不夠。給到研發(fā)和測(cè)試,他們會(huì)一臉懵逼。

    回復(fù)
    1. 所見略同,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)各位海涵。

      來(lái)自上海 回復(fù)
    2. 我也感覺,是不是要把里面的元素都描述一遍

      回復(fù)
  14. 做的很棒,十足的干貨,選題也很好!

    回復(fù)
  15. 先說(shuō)點(diǎn)題外話,登lu頁(yè)面,用戶登lu,是目錄的錄而不是大陸的陸。好多人混淆,不過兩個(gè)有本質(zhì)不同的意思??

    回復(fù)
  16. 厲害

    回復(fù)
  17. 同研二,支持一下

    來(lái)自廣東 回復(fù)
  18. 可以加個(gè)微信認(rèn)識(shí)嗎 同學(xué)

    回復(fù)
  19. 兄弟,我也買了那個(gè)課程,我們路走歪了,人家的文檔很專業(yè)的。

    回復(fù)
    1. 哪個(gè)文檔專業(yè)???

      回復(fù)
    2. 我是跟著那個(gè)課程畫的圖,我覺得他那個(gè)圖也沒有說(shuō)的很詳細(xì)不知道人家開發(fā)看的懂不。。。重點(diǎn)還是練習(xí)一下axure吧

      回復(fù)
    3. 其實(shí)怎么畫 用什么工具畫原型都不重要 重要的是要理清內(nèi)部邏輯 讓人能明白 理解你的東西 就算不用Axure話 手繪的話 別人能理解都是可以的。

      來(lái)自江蘇 回復(fù)
    4. 請(qǐng)問是哪個(gè)課程啊?

      回復(fù)
    5. 同問什么課程啊

      來(lái)自北京 回復(fù)
    6. 那個(gè)課啊

      來(lái)自北京 回復(fù)
  20. prd的話,我覺得詳細(xì)設(shè)計(jì)寫得太粗略了。

    回復(fù)
    1. 同感

      回復(fù)
    2. 是的需要不斷把細(xì)節(jié)和情況寫清楚

      回復(fù)
    3. 我也發(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)自上海 回復(fù)
  21. 好牛逼,要是每步要是能告知你用什么做的就更好了,來(lái)自小白的膜拜

    回復(fù)