寵趣app是一款讓用戶放心購買寵物用品的同時，還可以分享寵物相關(guān)心得經(jīng)驗的平臺。本文是關(guān)于寵趣app的需求文檔，一起來看看~

1、文檔綜述

1.1 版本修訂記錄

1.2 編輯歷史

1.3 產(chǎn)品介紹

寵趣app是一款讓用戶放心購買寵物用品的同時，還可以分享寵物相關(guān)心得經(jīng)驗的平臺。用戶可以在app中選擇寵物用品購買，在圈子中分享自己的點滴故事，在社交中結(jié)識更多類似相同趣味的好友，通過圈子——讓你了解關(guān)于寵物相關(guān)的一切。

1.4 需求整理

1.4.1 用戶需求分析

隨著越來越多人開始養(yǎng)寵物，對寵物用品的需求越來越大，但是對于國內(nèi)寵物用品缺乏信心，對待國外用品又缺乏購物渠道，同時對于新手缺乏經(jīng)驗，迫切需求一個可以學(xué)習(xí)分享的地方。

1. 寵物用品缺少受信任的專屬平臺；
2. 購買渠道受限；
3. 不了解商品真實的用戶體驗心得；
4. 需求寵物養(yǎng)育心得經(jīng)驗；
5. 欣賞其它寵物情況。

1.4.2 用戶定位

1. 缺少時間和能力進行篩選寵物用品購物的消費者；
2. 缺少養(yǎng)育經(jīng)驗的新晉寵物主人；
3. 愿意在網(wǎng)絡(luò)平臺上展示與分享的互聯(lián)網(wǎng)用戶；
4. 追求貨真價實的消費者；
5. 云養(yǎng)貓群體。

1.4.3 需求匯總

2、產(chǎn)品整體框架和流程

2.1 產(chǎn)品功能架構(gòu)圖

2.2 產(chǎn)品信息架構(gòu)圖

2.2 產(chǎn)品使用流程圖

2.3.1 注冊登錄流程

2.3.2 購買和支付流程

2.3.3 發(fā)布流程

3、全局說明

3.1 功能權(quán)限

（1）分為登錄未狀態(tài)和登錄狀態(tài)

（2）未登錄狀態(tài)下能瀏覽界面和商品詳情

• 手機號登錄
• 第三方登錄：微信、QQ、微博、Facebook登錄

（3）登錄狀態(tài)下可以進行APP內(nèi)所有操作

3.2 鍵盤說明

1. 點擊手機號輸入框時?面底部彈出數(shù)字鍵盤；
2. 點擊搜索框、編輯筆記框或評論框時?面底部彈出字母全鍵盤。

4、主要功能說明

4.1 啟動頁

頁面邏輯&交互說明：

1. 用戶首次打開App，進入歡迎頁面；
2. 非首次打開App進入啟動頁，一般設(shè)置為廣告頁面，對廣告頁不進行任何點擊，2s后自動進入App首頁；點擊跳過，直接進入App首頁；點擊廣告頁圖片沒有熱區(qū)的地方，進入廣告頁；點擊詳情，進入產(chǎn)品宣傳文章頁面。

4.2 登錄注冊

邏輯說明：

（1）注冊頁面說明

1. 點擊“注冊”，用戶在注冊頁面輸入手機號碼，點擊“獲取驗證碼”按鈕；
2. 若用戶在60秒內(nèi)未收到手機驗證碼，點擊“獲取驗證碼”按鈕重新獲取驗證碼；
3. 完成驗證登錄后完善個人信息，填寫昵稱，設(shè)置密碼，選擇性別，點擊下一步；
4. 選擇自己喜歡的標(biāo)簽內(nèi)容，標(biāo)簽至多選擇5個，完成后進入個人中心頁面；
5. 除了手機號碼注冊，還能點擊“手機號注冊”頁面中“注冊”按鈕下方的“第三方注冊”，點擊后進入授權(quán)頁面，完成授權(quán)后、輸入綁定手機號，輸入發(fā)到驗證手機的驗證碼，點擊“綁定”按鈕；繼續(xù)完善個人信息，選擇個性標(biāo)簽后進入個人中心頁面。

（2）登錄頁面說明

1. 點擊“登錄”，用戶輸入手機號碼和密碼后進行登錄；
2. 除了密碼登錄，第三方注冊用戶也可選擇第三方授權(quán)進行登錄；
3. 如果在手機賬號密碼登錄時忘記密碼，可點擊頁面底部的“忘記密碼”，跳轉(zhuǎn)到“找回密碼”頁面，經(jīng)過輸入手機賬號，獲取驗證碼，填寫新密碼即可重置密碼。

交互說明：

（1）注冊頁面說明

1. 點擊輸入手機號、驗證碼文本框，數(shù)字鍵盤從底部彈出；
2. 點擊“獲取驗證碼”按鈕，按鈕顏色降低灰度，按鈕內(nèi)容變?yōu)椤?0s”并開始60秒倒數(shù)，60秒后按鈕內(nèi)容重新變?yōu)椤矮@取驗證碼”，恢復(fù)原來的灰度。
3. 點擊注冊按鈕出現(xiàn)“完善信息”頁面，點擊上傳頭像彈出手機相冊選擇照片；點擊昵稱和密碼，數(shù)字鍵盤從底部彈出；性別默認為空，選擇對應(yīng)性別出現(xiàn)焦點圈;點擊下一步后進入標(biāo)簽選擇頁，默認標(biāo)簽頁為灰色，選擇標(biāo)簽后為黃色，最多選擇5個，按“完成”跳轉(zhuǎn)到個人中心頁面。

（2）登錄頁面說明

1. 點擊輸入手機號、密碼文本框，數(shù)字鍵盤從底部彈出；輸入密碼時可點擊右側(cè)圖標(biāo)設(shè)置是否顯示密碼。
2. 若手機號登錄忘記密碼，可點擊頁面底部的“忘記密碼”，進入“找回密碼”頁面，點擊輸入綁定的手機號碼，點擊“獲取驗證碼”，顯示“30s后重發(fā)”進入30s倒計時；輸入驗證碼后，點擊“下一步”重置密碼。
3. 點擊登錄注冊頁面底部第三方登錄的四個按鈕，從頁面中間彈出dialog，從“取消”和“打開”中選擇，按“取消”彈窗消失，按“打開”跳轉(zhuǎn)到授權(quán)界面登錄。

4.4 商城首頁

商城主要由banner、熱賣推薦、汪食專區(qū)、喵食專區(qū)、夠用玩具、貓用玩具、免費試用、限時搶購組成，除了這些之外，還有“TOP熱賣”、 “每周上新”、 “進口寵物” 、“進口寵物”這幾個標(biāo)簽的入口；

頁面交互說明：

1. banner自動循環(huán)輪播，設(shè)置播放點同步banner對應(yīng)狀態(tài)；
2. 滑動限時搶購頁，可以向左和向右滑動，當(dāng)所滑動到的區(qū)域左邊界位于起始位置時則只能向右滑動，當(dāng)所滑動區(qū)域右邊界位于終點位置則只可向左滑動。

4.5 熱賣推薦與產(chǎn)品支付

熱賣推薦主要由編輯在一定程度上依托用戶的操作記錄加上“人氣”的篩選來進行選薦，可以根據(jù)商品人氣、價格篩選進行排序，可切換櫥窗展示。

產(chǎn)品支付查看產(chǎn)品的圖片，各種參數(shù)，以及其他說明和詳情，與客服進行聊天溝通，收藏加入購物車和支付進行購買。

頁面交互說明：

1. 點擊“熱賣推薦”中的“人氣”，可以點擊設(shè)置人氣高到低排序，點擊“熱賣推薦”中的“價格”，可以點擊設(shè)置價格高到低排序，也可以設(shè)置從價格低到高排序，點擊“篩選”會從屏幕右側(cè)彈出彈出一個比屏幕小的篩選框，同時設(shè)置顯示遮罩；點擊設(shè)置“價格區(qū)間”時從底部彈出數(shù)字鍵盤，點擊“分類”等圓角矩形標(biāo)簽時，圓角矩形外框和文字都設(shè)置為紅色，并在文字前顯示一個紅色的對勾，再次點擊已選中的圓角矩形則恢復(fù)原來的樣式。
2. 點擊“商品詳情”，從頁面右側(cè)彈出詳情頁，商品詳情頁中的商品圖片自動循環(huán)播放。
3. 點擊“客服”，從頁面左側(cè)彈出客服頁；點擊收藏后，收藏圖標(biāo)閃現(xiàn)黃色。
4. 點擊加入購物車從頁面右側(cè)彈出購物車頁。
5. 點擊購買從底部往上彈出一個半屏幕大小的顯示遮罩，選中選項后邊框描黑，商品數(shù)量可以進行增減。

4.6 社區(qū)頁面

社區(qū)頁面主要包含搜索、頂部tab對應(yīng)的各個界面、消息中心、發(fā)布選項。其中，頂部tab包括推薦、圈子、附近、關(guān)注除了這些，還包括了下面就對主要的頁面進行說明。

頁面交互說明：

1. 消息：點擊屏幕右上角的“消息”，【消息中心】頁面從右側(cè)向左側(cè)滑入，點擊返回按鈕，【消息中心】頁面向右滑出屏幕。
2. 發(fā)布：點擊發(fā)布后下拉 ，點擊對應(yīng)發(fā)布選項進入對應(yīng)頁面，點擊返回按鈕后發(fā)布頁面消失。
3. 頂部標(biāo)簽：頂部標(biāo)簽點擊切換時，標(biāo)簽文字設(shè)置為黑色，文字下面有一條紅線隨著標(biāo)簽的切換而移動到對應(yīng)的位置，作為當(dāng)前頁面的標(biāo)記，同時，頁面也跟著切換。
4. 熱門圈子和我的圈子：可以向左和向右滑動，當(dāng)所滑動到的區(qū)域左邊界位于起始位置時則只能向右滑動，當(dāng)所滑動區(qū)域右邊界位于終點位置則只可向左滑動。

圈子查看與發(fā)帖

頁面交互說明：

1. 點擊圖片或名稱進入圈子頁面。
2. 左右滑動切換圖片。
3. 圈子界面顯示發(fā)帖人、時間、評論數(shù)、點贊數(shù)。
4. 帖子詳情界面顯示發(fā)帖人、內(nèi)容、回帖內(nèi)容。
5. 點擊關(guān)注，該發(fā)言人進入關(guān)注頁面。
6. 點擊收藏，該帖子收藏至“我的收藏”，在個人中心的“我的收藏”中可以查看。
7. 點擊評論出行內(nèi)容框評論書寫。
8. 點擊發(fā)布進入帖子發(fā)布頁面填寫內(nèi)容，上傳視頻圖片，點擊發(fā)布后進入圈子頁面。

4.7 購物車

頁面邏輯內(nèi)容：

1. 點擊商品，進入商品詳情頁，可收藏、咨詢客服、看評論以及查看商品詳情，還要選擇規(guī)格；
2. 購物車頁面可編輯購物車中的商品、添加刪減商品數(shù)量；
3. 點擊下單跳轉(zhuǎn)到“填寫訂單”頁面，用戶可以編輯地址、手機號碼以及查看有無可用優(yōu)惠券，具體用哪張優(yōu)惠券；“填寫訂單”有商品合計價格、活動優(yōu)惠以及運費的信息；另外，可以勾選是否要開發(fā)票；必須同意協(xié)議才能付款。

4.7 個人中心

頁面邏輯內(nèi)容：點擊點擊個人主頁，可更換頭像、昵稱和相關(guān)前面，可查看個人動態(tài)。

總結(jié)

第一次寫PRD文檔，投稿就被斃了，這次是二改了，也不知道這次能不能發(fā)出去。內(nèi)容其實也很多了，邏輯順序應(yīng)該沒那么差吧。

原型圖地址: ?https://2jyvat.axshare.com/#c=2 （PS：因為mac做的 分頻率不兼容的話 見諒）

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

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