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

1、文檔綜述

1.1 版本修訂記錄

1.2 編輯歷史

1.3 產(chǎn)品介紹

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

1.4 需求整理

1.4.1 用戶需求分析

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

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

1.4.2 用戶定位

1. 缺少時(shí)間和能力進(jìn)行篩選寵物用品購物的消費(fèi)者；
2. 缺少養(yǎng)育經(jīng)驗(yàn)的新晉寵物主人；
3. 愿意在網(wǎng)絡(luò)平臺上展示與分享的互聯(lián)網(wǎng)用戶；
4. 追求貨真價(jià)實(shí)的消費(fèi)者；
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)下能瀏覽界面和商品詳情

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

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

3.2 鍵盤說明

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

4、主要功能說明

4.1 啟動頁

頁面邏輯&交互說明：

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

4.2 登錄注冊

邏輯說明：

（1）注冊頁面說明

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

（2）登錄頁面說明

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

交互說明：

（1）注冊頁面說明

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

（2）登錄頁面說明

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

4.4 商城首頁

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

頁面交互說明：

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

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

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

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

頁面交互說明：

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

4.6 社區(qū)頁面

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

頁面交互說明：

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

圈子查看與發(fā)帖

頁面交互說明：

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

4.7 購物車

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

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

4.7 個(gè)人中心

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

總結(jié)

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

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

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

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

愛盈利-運(yùn)營小咖秀(www.jza6.com) 始終堅(jiān)持研究分享移動互聯(lián)網(wǎng)App運(yùn)營推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識內(nèi)容；是廣大App運(yùn)營從業(yè)者的知識啟蒙、成長指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺；

想了解更多移動互聯(lián)網(wǎng)干貨知識，請關(guān)注微信公眾號運(yùn)營小咖秀（ID: yunyingshow）