通過撰寫產(chǎn)品需求文檔（PRD），能夠鍛煉到基本的產(chǎn)品能力，同時也是提高Axure操作能力的重要途徑。文章為作者利用Axure撰寫的Petpet的PRD，希望能夠給你帶來一些幫助。

此為Petpet項目PRD原型截圖：

一、大綱

二、項目介紹

1.?項目背景

• 筆者產(chǎn)品小白，望以此熟悉產(chǎn)品開發(fā)過程，鍛煉文檔撰寫能力，嘗試輸出產(chǎn)品從0到1。
• 熱愛萌寵，秉著興趣對互聯(lián)網(wǎng)寵物行業(yè)及市場進行調(diào)研，輸出針對Yourpet有寵APP的競品分析。
  因此充分了解愛寵人士的本質(zhì)需求：精神慰藉、寵物的基本特質(zhì)：壽命短，得出“引導(dǎo)及記錄寵物健康成長”的重要性。
• 而目前寵物APP的切入點主要有：購物（電商）寵物用品、工具（養(yǎng)寵寶典）、社交（社區(qū)）、生活（O2O）、寵物活體交易/寄養(yǎng)/護理平臺，在此之間進行互相的延伸。也致使同質(zhì)化較嚴(yán)重，同類產(chǎn)品間沒有太大的區(qū)別及亮點。
• ?Petpet便是基于此出發(fā)點以工具+社交定位為切點，后期再延伸電商、生活O2OPetpet品牌實體店。

2.?項目目的

Petpet — “記錄生命的存在”

• 記錄：多樣個性化記錄寵物一生。
• 指導(dǎo)：問答科普社區(qū)，養(yǎng)寵百科。
• 游戲化：Petpet星球入住著無數(shù)寵物。它們每個都有唯一的居民身份ID及個性化角色設(shè)定，通過愛心值等級制升級體驗更多功能。
• 永恒：無可替代的寵物不會隨著時間消逝，而是永遠存在于Petpet寵物星球，上傳至我們的寵物云，數(shù)據(jù)云端中。
• 延伸：ID — 實體Petpet寵物星球店會員ID號，給予相應(yīng)的折扣、禮包、服務(wù)。
  AI — 可利用用戶上傳的寵物影像數(shù)據(jù)實現(xiàn)AI虛擬現(xiàn)實投影，讓逝去的寵物另一方式重生。

3.?核心功能規(guī)劃

三、迭代版本修訂記錄

V0.2.0修訂記錄

（1）需求清單：

（2）修訂記錄：

（3）新增需求點：

搜索icon頁：

四、版本記錄

V0.2.0版本記錄

新版描述：

• 星球問答科普社區(qū)。
• 成長日記-日常管理。
• 正品優(yōu)惠商城。

需求清單：

V0.1.0版本記錄

新版描述：

• 開機向?qū)А?/li>
• 用戶手機號注冊、登錄、找回密碼。
• 第三方快捷登錄。

需求清單：

五、業(yè)務(wù)邏輯

1.?產(chǎn)品結(jié)構(gòu)圖

2.?信息結(jié)構(gòu)圖

3.?用戶注冊登錄流程圖

4.?用戶購買流程圖

5.?用戶退款售后流程圖

六、全局說明

1.?功能權(quán)限

分為未登陸狀態(tài)與登陸狀態(tài)；登陸狀態(tài)下可進行所有操作，未登錄狀態(tài)下不可進行任何操作，停留在注冊登錄頁直至注冊/登錄成功。

2.?鍵盤說明

點擊（手機號、驗證碼）輸入框時彈出數(shù)字鍵盤；點擊其他輸入框彈出字母鍵盤。

3.?頁面內(nèi)交互

4.?頁面內(nèi)交互切換方式

標(biāo)簽跳轉(zhuǎn)適用于所有頁面之間的切換，而滑動只適用于一個標(biāo)簽下子標(biāo)簽之間的跳轉(zhuǎn)。

5.?頁面異常

6.?數(shù)據(jù)字典

7.?更多操作

七、原型-功能

1. 啟動

歡迎頁：

• 用戶場景：用戶每次啟動APP。
• 優(yōu)先級：高。
• 輸入/前置條件：每次啟動APP時，都先顯示歡迎頁。

頁面邏輯&交互說明：

• 任何時候開啟app時，都先顯示歡迎頁。
• 首次開啟時進入歡迎頁， 等待3s后跳轉(zhuǎn)至引導(dǎo)頁。
• 非首次開啟且已登錄時，3s后自動進入app首頁。
• 非首次開啟且未登錄時，3s后進入登錄頁。

引導(dǎo)頁：

• 用戶場景：用戶首次啟動app。
• 功能描述：介紹Petpet輪播圖、進入登錄注冊界面。
• 優(yōu)先級：高。
• 輸入/前置條件：首次啟動app、進入歡迎頁后跳轉(zhuǎn)到引導(dǎo)頁。

頁面邏輯&交互說明：

• 輪播banner向右滑動0.5s循環(huán)播放
• 點擊“進入Petpet”按鈕，跳轉(zhuǎn)到登錄頁

2.?注冊/登錄

登錄頁：

• 用戶場景：用戶首次啟動app，或者用戶登錄新的賬號。
• 功能描述：手機號碼登錄、第三方微博微信快捷登錄、手機號碼注冊、忘記密碼。
• 優(yōu)先級：高。
• 輸入/前置條件：未登錄狀態(tài)下則跳轉(zhuǎn)到登錄頁。

頁面邏輯&交互說明：

• 選擇“+86”可切換其他國家地區(qū)的手機號碼。
• 點擊手機號輸入框和密碼輸入框，底部分別彈出數(shù)字鍵盤和字母鍵盤。
• 點擊“登錄”按鈕，若輸入賬號和密碼匹配正確，登錄成功，跳轉(zhuǎn)至主界面；若匹配不正確，彈出toast：提示內(nèi)容：你輸入的密碼與賬號不匹配，請重新輸入。
• 點擊“注冊”，進入注冊頁。
• 點擊“忘記密碼？”，進入找回密碼頁。
• 可選擇微博微信快捷登錄，調(diào)出其他第三方授權(quán)接口，登錄成功后還是進入注冊界面，但用戶頭像信息已從第三方賬號中提取，且用戶依然需要通過手機號注冊與登錄。

注冊頁：

• 用戶場景：用戶首次啟動app，或者用戶注冊新的賬號。
• 功能描述：手機號碼驗證碼注冊。
• 優(yōu)先級：高。
• 輸入/前置條件：在登錄頁點擊“注冊”進入注冊頁。

頁面邏輯&交互說明：

• 點擊“<”按鈕?？煞祷厣弦豁?。
• 選擇“+86”可切換其他國家地區(qū)的手機號碼。
• 點擊手機號輸入框，底部彈出數(shù)字鍵盤。
• 輸入合法的手機號碼后才能點擊“獲取驗證碼”。
• 點擊“獲取驗證碼”按鈕，服務(wù)器發(fā)送驗證碼信息且跳轉(zhuǎn)至設(shè)置密碼頁。
• 可選擇微博微信快捷登錄，調(diào)出其他第三方授權(quán)接口，登錄成功后還是進入注冊界面，但用戶頭像信息已從第三方賬號中提取，且用戶依然需要通過手機號注冊與登錄。

找回密碼頁：

• 用戶場景：用戶忘記密碼
• 功能描述：驗證手機號、獲取碼驗證碼
• 優(yōu)先級：高
• 輸入/前置條件：在登錄頁點擊“忘記密碼”進入找回密碼頁

頁面邏輯&交互說明：

• 點擊“<”按鈕。可返回上一頁。
• 選擇“+86”可切換其他國家地區(qū)的手機號碼。
• 點擊手機號輸入框，底部彈出數(shù)字鍵盤。
• 輸入合法的手機號碼后才能點擊“獲取驗證碼”。
• 點擊“獲取驗證碼”按鈕，服務(wù)器發(fā)送驗證碼信息且跳轉(zhuǎn)至設(shè)置密碼頁。
• 可選擇微博微信快捷登錄，調(diào)出其他第三方授權(quán)接口，登錄成功后還是進入注冊界面，但用戶頭像信息已從第三方賬號中提取，且用戶依然需要通過手機號注冊與登錄。

設(shè)置密碼頁：

• 用戶場景：用戶設(shè)置密碼。
• 功能描述：驗證驗證碼、再次獲取驗證碼、設(shè)置新密碼。
• 優(yōu)先級：高。
• 輸入/前置條件：點擊“獲取驗證碼”進入設(shè)置密碼頁。

頁面邏輯&交互說明：

• 點擊“<”按鈕?？煞祷厣弦豁?。
• 選擇“+86”可切換其他國家地區(qū)的手機號碼。
• 點擊手機號輸入框和密碼輸入框，底部分別彈出數(shù)字鍵盤和字母鍵盤。
• 輸入合法的手機號碼后才能點擊“獲取驗證碼”。
• 點擊“獲取驗證碼”按鈕，按鈕顏色降低灰度，按鈕內(nèi)容變?yōu)椤?0s”并開始60秒倒數(shù)，60秒后按鈕內(nèi)容重新變?yōu)椤矮@取驗證碼”，恢復(fù)原來的灰度。
• 點擊“提交”按鈕，若密碼格式正確，登錄成功，跳轉(zhuǎn)至主界面；若匹配不正確，彈出toast：提示內(nèi)容：你輸入的密碼格式不正確，請重新輸入。

3.?星球

主界面：

• 用戶場景：用戶打開App查看被推薦的內(nèi)容。
• 功能描述：查看推薦的內(nèi)容；可關(guān)注、點贊、評論、分享。
• 優(yōu)先級：高。
• 輸入/前置條件：打開App或點擊“星球”tab后首要顯示的內(nèi)容。

頁面邏輯&交互說明：

• 分類標(biāo)簽導(dǎo)航，點擊某一標(biāo)簽，標(biāo)簽呈現(xiàn)為選中狀態(tài)（如圖所示推薦標(biāo)簽），頁面顯示為當(dāng)前標(biāo)簽相對應(yīng)的頁面。
• 點擊搜索icon，跳轉(zhuǎn)到搜索頁面。
• 點擊“關(guān)注”按鈕，彈出toast：提示內(nèi)容：關(guān)注成功且按鈕變成“已關(guān)注”。
• 點擊“已關(guān)注”按鈕，彈出dialog：內(nèi)容：是否取消關(guān)注。點擊“確定”按鈕后變成“關(guān)注”，點擊“取消”按鈕后不變。
• 此為點贊、評論、分享icon；點擊點贊icon。
• 下拉刷新，上拉內(nèi)容加載。
• 在WiFi下，自動播放gif動畫和視頻。
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面。
• 點擊框內(nèi)（如下圖）跳轉(zhuǎn)至寵物主頁。
• 點擊動態(tài)或評論icon跳轉(zhuǎn)至動態(tài)詳情頁。
• 登錄進入時候出現(xiàn)的界面；在其他tab時候通過點擊底部tab的星球，進入該頁面。

關(guān)注：

• 用戶場景：用戶查看關(guān)注的寵物最新動態(tài)
• 功能描述：查看關(guān)注的寵物最新動態(tài)；可取消關(guān)注、點贊、評論、分享
• 優(yōu)先級：高
• 輸入/前置條件：在星球tab頁點擊“關(guān)注”進入此頁

頁面邏輯&交互說明：

• 分類標(biāo)簽導(dǎo)航，點擊某一標(biāo)簽，標(biāo)簽呈現(xiàn)為選中狀態(tài)（如圖所示關(guān)注標(biāo)簽），頁面顯示為當(dāng)前標(biāo)簽相對應(yīng)的頁面。
• 點擊搜索icon，跳轉(zhuǎn)到搜索頁面。
• 點擊框內(nèi)跳轉(zhuǎn)至寵物主頁。
• 點擊動態(tài)或評論icon跳轉(zhuǎn)至動態(tài)詳情頁。
• 點擊“關(guān)注”按鈕，彈出toast：提示內(nèi)容：關(guān)注成功且按鈕變成“已關(guān)注”。
• 點擊“已關(guān)注”按鈕，彈出dialog：內(nèi)容：是否取消關(guān)注。點擊“確定”按鈕后變成“關(guān)注”，點擊“取消”按鈕后不變。
• 此為點贊、評論、分享icon；點擊點贊icon。
• 下拉刷新，上拉內(nèi)容加載。
• 在WiFi下，自動播放gif動畫和視頻。
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面。

百科：

• 用戶場景：用戶搜索疑問或查看被推薦養(yǎng)寵答疑。
• 功能描述：搜索輸入；查看被推薦養(yǎng)寵答疑。
• 優(yōu)先級：高。
• 輸入/前置條件：在星球tab頁點擊“百科”進入此頁。

頁面邏輯&交互說明：

• 分類標(biāo)簽導(dǎo)航，點擊某一標(biāo)簽，標(biāo)簽呈現(xiàn)為選中狀態(tài)（如圖所示百科標(biāo)簽），頁面顯示為當(dāng)前? ? ?? ? ?? ? ?標(biāo)簽相對應(yīng)的頁面
• 點擊搜索icon，跳轉(zhuǎn)到搜索頁面。
• 點擊搜索框進行搜索
• 點擊框內(nèi)跳轉(zhuǎn)至疑問詳情頁
• 下拉刷新，上拉內(nèi)容加載
• 在WiFi下，自動播放gif動畫和視頻
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面

搜索icon：

• 用戶場景：用戶快捷搜索養(yǎng)寵疑問
• 功能描述：搜索輸入、推薦詞、輸入鍵盤、搜索歷史、清除。
• 優(yōu)先級：高

頁面邏輯&交互說明：

• 分類標(biāo)簽導(dǎo)航，點擊某一標(biāo)簽，標(biāo)簽呈現(xiàn)為選中狀態(tài)（如圖所示百科標(biāo)簽），頁面顯示為當(dāng)前標(biāo)簽相對應(yīng)的頁面。
• 點擊搜索icon，跳轉(zhuǎn)到搜索頁面。
• 點擊搜索框，底部自動彈出鍵盤。
• 在搜索文本框輸入信息進行搜索，在搜索的過程中搜索列表會有相關(guān)搜索詞供選擇，搜索成功之后進入對應(yīng)的的界面。
• 為用戶在綜合界面推薦熱搜詞。
• 用戶在輸入關(guān)鍵字和點擊熱搜詞后，會相應(yīng)變?yōu)樗阉鳉v史。
• 點擊清除搜索記錄icon可以清除搜索歷史。

4.?成長

成長中心：

• 用戶場景：用戶查看或管理寵物信息。
• 功能描述：查看或管理發(fā)布寵物信息；對寵物投食。
• 優(yōu)先級：高。
• 輸入/前置條件：打開App后點擊“成長”tab后首要顯示的內(nèi)容。

頁面邏輯&交互說明：

• 點擊更多icon，彈出菜單。
• 點擊“投食”按鈕，頭像旁彈出對話框且能量值進度條增加。
• 點擊記錄icon，彈出發(fā)布界面。
• 下拉刷新，上拉內(nèi)容加載。
• 在WiFi下，自動播放gif動畫和視頻。
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面。

5.?商城

商城中心：

• 用戶場景：用戶了解或購買商品。
• 功能描述：查看或搜索商品信息。
• 優(yōu)先級：高。
• 輸入/前置條件：打開App后點擊“商城”tab后首要顯示的內(nèi)容。

頁面邏輯&交互說明：

• 點擊搜索框進行搜索。
• 點擊購物車icon，跳轉(zhuǎn)購物車頁。
• 下拉刷新，上拉內(nèi)容加載。
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面，如拼團，優(yōu)惠券等。
• 如果點擊商品界面，則可以直接跳轉(zhuǎn)到該商品的界面。
• 如果是無線連接狀態(tài)，頁面內(nèi)的動圖將會直接播放，如果不是則以圖片的形式展示。

6.?我的

個人中心：

• 用戶場景：用戶查看或管理個人信息
• 功能描述：查看或管理個人信息
• 優(yōu)先級：高
• 輸入/前置條件：打開App后點擊“我的”tab后首要顯示的內(nèi)容

頁面邏輯&交互說明：

• 點擊添加好友icon，跳轉(zhuǎn)添加好友頁面。
• 點擊頁面上的功能，跳轉(zhuǎn)到相應(yīng)的功能界面，如投食記錄，購物車、消息等。

八、總結(jié)

項目原型地址：在線查看

發(fā)布的上篇文章：針對Yourpet有寵APP的分析

本文由 @PE1 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議。