本文作者結(jié)合自己對(duì)于螞蜂窩長(zhǎng)達(dá)6年的產(chǎn)品體驗(yàn)，書寫出了一份詳細(xì)的產(chǎn)品需求文檔，希望可以給你帶來一定的啟發(fā)，enjoy~

目錄：

1.文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環(huán)境

1.3 產(chǎn)品介紹

1.4 需求整理

2.產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品結(jié)構(gòu)圖

2.2 產(chǎn)品信息結(jié)構(gòu)圖

3.全局說明

3.1 功能權(quán)限

3.2 鍵盤說明

3.3 頁(yè)面內(nèi)交互

4.產(chǎn)品詳細(xì)功能說明

4.1 常用操作

4.1.1 常用icon

4.1.2 操作彈窗

4.2 歡迎頁(yè)

4.3 登錄/注冊(cè)頁(yè)

4.4 首頁(yè)

4.4.1 搜索頁(yè)

4.4.2 文章內(nèi)容頁(yè)

4.5 酒店頁(yè)

5.總結(jié)

1.?文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環(huán)境

1.3?產(chǎn)品介紹

螞蜂窩作為一款旅游平臺(tái)類軟件，為用戶提供旅游攻略、游記撰寫與閱讀、問答、旅游相關(guān)產(chǎn)品交易等服務(wù)。

1.4 需求整理

1.4.1 用戶畫像

1.4.2 需求匯總

2. 產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品結(jié)構(gòu)圖

2.2 產(chǎn)品信息結(jié)構(gòu)圖

3.?全局說明

3.1 功能權(quán)限

未登錄狀態(tài)和已登錄狀態(tài)。

已登錄狀態(tài)可執(zhí)行所有操作。

未登錄狀態(tài)下：

• 不能發(fā)表游記、嗡嗡、旅游視頻和回答問題；
• 不能進(jìn)入“我的”下屬的快捷入口中，如“我的收藏”、“我的訂單”等，但可以查看“我的下載”，不能打卡；
• 不能進(jìn)行頂帖、回復(fù)、收藏、關(guān)注用戶等操作；
• 消息列表中，不能查看“通知”和“私信”，但可以查看“廣播”；
• 旅行商城中的各種品類，都不能完成交易；
• 進(jìn)行以上操作都會(huì)轉(zhuǎn)跳到登錄頁(yè)。

3.2 鍵盤說明

• 點(diǎn)擊手機(jī)快速注冊(cè)輸入框時(shí)彈出數(shù)字鍵盤；
• 點(diǎn)擊其他輸入框彈出字幕鍵盤。

3.3 頁(yè)面內(nèi)交互

底部彈窗

位置：頁(yè)面底部

交互：界面變暗，底部彈出

左側(cè)彈窗

位置：頁(yè)面左部

交互：界面變暗，左部彈出

Toast

位置：頁(yè)面中間

交互：淡出，懸浮1秒

Alert

位置：頁(yè)面中間

Dialog

位置：頁(yè)面中間

4.產(chǎn)品詳細(xì)功能說明

4.1 常用操作

4.1.1 常用icon

螞蜂窩icon較為常見，主要追求簡(jiǎn)潔易懂，并在常見icon的基礎(chǔ)上進(jìn)行設(shè)計(jì)優(yōu)化

常見icon交互效果：

• 關(guān)注

• 收藏

• 取消收藏

• 喜歡

上述icon都有選中和取消的交互，但是“頂”這個(gè)功能只有選中，無法取消，主要是因?yàn)槲浄涓C是一個(gè)UGC很強(qiáng)的社區(qū)，更多用戶的“頂”能為創(chuàng)作者提供寫作的激勵(lì)。

4.1.2更多操作彈窗

• 分享彈窗

頁(yè)面邏輯：在任意界面，點(diǎn)擊分享按鈕

交互效果：從底部彈出

• 更多彈窗

頁(yè)面邏輯：在任意界面，點(diǎn)擊更多按鈕

交互效果：從頂部彈出

• 拷貝彈窗

頁(yè)面邏輯：在內(nèi)容區(qū)，點(diǎn)擊選定的文字

交互效果：從當(dāng)前點(diǎn)擊點(diǎn)淡入

• 評(píng)論輸入框

頁(yè)面邏輯：在內(nèi)容區(qū)，選定文字或圖片引用到回復(fù)，或在評(píng)論區(qū)點(diǎn)擊任一回復(fù)

交互效果：從底部彈出

4.2 歡迎頁(yè)

歡迎頁(yè)后置條件（效果）分為以下三種情況：

（1）已登錄已聯(lián)網(wǎng)、未登錄已聯(lián)網(wǎng)/未聯(lián)網(wǎng)

啟動(dòng)APP后，先是呈現(xiàn)大約3秒的引導(dǎo)圖片（空白頁(yè)面，底部是螞蜂窩的logo），沒有“跳過”選項(xiàng)；緊接著又呈現(xiàn)了3秒的廣告（活動(dòng)或每日蜂首）圖片，底部是螞蜂窩的Logo，可點(diǎn)擊右下角按鈕跳過，進(jìn)入首頁(yè)。

（2）已登錄未聯(lián)網(wǎng)

啟動(dòng)APP后，先是呈現(xiàn)大約3秒的引導(dǎo)圖片（空白頁(yè)面，底部是螞蜂窩的logo），沒有“跳過”選項(xiàng)；接著有兩種情況，如果是第一次打開或清除緩存后，會(huì)進(jìn)入首頁(yè)，出現(xiàn)“當(dāng)前狀態(tài)無網(wǎng)絡(luò)，請(qǐng)檢查網(wǎng)絡(luò)狀態(tài)”的文字提示，且所有icon和圖片都不出現(xiàn)；如果不是前述情況，則緊接著又呈現(xiàn)了3秒的廣告（活動(dòng)或每日蜂首）圖片，底部是螞蜂窩的Logo，可點(diǎn)擊右下角按鈕跳過，進(jìn)入首頁(yè)。

4.3 登錄頁(yè)

（1）頁(yè)面邏輯：

• 登錄頁(yè)處于“我的”界面中，不登錄也可以正常查看攻略、游記等；
• 如果要進(jìn)行文章的回復(fù)、商城的交易、用戶間的互動(dòng)等操作，會(huì)跳轉(zhuǎn)到登錄界面；
• 沒有強(qiáng)制要求綁定手機(jī)號(hào)，但會(huì)在“我的”界面中提示“綁定手機(jī)號(hào)更安全”。

（2）登錄頁(yè)交互效果展示：

4.4 首頁(yè)

（1）頁(yè)面邏輯

Banner：點(diǎn)擊進(jìn)入廣告頁(yè)面

頂部導(dǎo)航欄（從左至右）：

• LOGO：純圖片，點(diǎn)擊無反應(yīng)；
• 搜索：點(diǎn)擊文本輸入框，跳轉(zhuǎn)至搜索頁(yè)面，可輸入文字或者選擇歷史記錄/國(guó)內(nèi)熱門/國(guó)際熱門 下屬的標(biāo)簽；
• 消息：點(diǎn)擊按鈕，進(jìn)入消息界面，可查看通知/廣播/私信；

頂部TAB欄（從左至右）：根據(jù)用戶最近搜索的三次目的地呈現(xiàn)，點(diǎn)擊按鈕，跳轉(zhuǎn)至相關(guān)目的地的主題頁(yè)面，可查看該目的地的攻略/游記/酒店等信息；

快捷入口（從左至右）：

• 攻略：點(diǎn)擊按鈕，跳轉(zhuǎn)至找攻略頁(yè)面，可根據(jù)當(dāng)季推薦/免簽落地簽/去海邊等主題查看攻略；
• 酒店：點(diǎn)擊按鈕，跳轉(zhuǎn)至酒店首面，可進(jìn)行酒店預(yù)訂；
• 機(jī)票：點(diǎn)擊按鈕，跳轉(zhuǎn)至機(jī)票頁(yè)面，可進(jìn)行機(jī)票預(yù)訂；
• 旅行商城：點(diǎn)擊按鈕，跳轉(zhuǎn)至旅行商城首頁(yè)，可瀏覽機(jī)票預(yù)訂/酒店預(yù)訂/特價(jià)機(jī)酒/旅游線路等。
• 游記：點(diǎn)擊按鈕，跳轉(zhuǎn)至看游記頁(yè)面，可查看每日蜂首游記、根據(jù)時(shí)間查看游記和發(fā)布游記；
• 旅行視頻：點(diǎn)擊按鈕，跳轉(zhuǎn)至視頻頁(yè)面，瀑布流形式呈現(xiàn)用戶發(fā)布的視頻；
• 問答：點(diǎn)擊按鈕，跳轉(zhuǎn)至問答頁(yè)面，可查看推薦問答和提問；
• 嗡嗡：點(diǎn)擊按鈕，跳轉(zhuǎn)至嗡嗡頁(yè)面，可查看今日精選嗡嗡/最熱話題活動(dòng)/嗡嗡看世界/有趣的蜂蜂推薦等；

文章列表：

• TAB欄：分為精選/正在旅行/旅行跨年/國(guó)內(nèi)/國(guó)外等標(biāo)簽，均為點(diǎn)擊按鈕，點(diǎn)擊后下面文章列表即呈現(xiàn)相關(guān)主題的文章；
• 文章列表：點(diǎn)擊按鈕，跳轉(zhuǎn)至對(duì)應(yīng)的文章/攻略/游記/問答/廣告等頁(yè)面。

（2）主要欄目：

主要欄目的四種展示位框架形式：

• 每日蜂首：每日蜂首由五個(gè)大小為648*316的展示位構(gòu)成，共5個(gè)，單個(gè)展示位由圖片、標(biāo)題、用戶名、地點(diǎn)、瀏覽數(shù)和回復(fù)數(shù)組成，標(biāo)題在圖片下方，用戶名等在標(biāo)題下方，圖片左上方標(biāo)明時(shí)間；

• 文章：文章由無數(shù)篇大小為314*218的展示位構(gòu)成，單個(gè)展示位由標(biāo)題、摘要、欄目、作者、地點(diǎn)、圖片、瀏覽數(shù)、收藏?cái)?shù)/頂/回復(fù)等組成，標(biāo)題、摘要、欄目、作者、地點(diǎn)按照從上到下順序排列在左邊，圖片、瀏覽數(shù)、收藏?cái)?shù)/頂/回復(fù)按照從上到下順序排列在右邊。

• 最新嗡嗡：最新嗡嗡由一個(gè)大小為472*382的展示位（左）和兩個(gè)188*188的展示位（右）構(gòu)成，喜歡數(shù)在右下方。

• 主題推薦：主題推薦由若干個(gè)大小為200*200的展示位構(gòu)成，單個(gè)展示位由地點(diǎn)和正在旅行人數(shù)組成，均位于圖片下方。

4.4.1搜索頁(yè)

頁(yè)面邏輯：

頂部功能欄

• 輸入框：點(diǎn)擊輸入框，彈出鍵盤輸入文字，點(diǎn)擊搜索后進(jìn)入搜索結(jié)果頁(yè)面。
• 取消：點(diǎn)擊按鈕，跳轉(zhuǎn)回首頁(yè)；

歷史記錄欄

• 取消：點(diǎn)擊按鈕，下方標(biāo)簽被刪除；
• 歷史記錄標(biāo)簽：點(diǎn)擊按鈕，跳轉(zhuǎn)至相應(yīng)搜索結(jié)果頁(yè)面；

國(guó)內(nèi)熱門：標(biāo)簽，點(diǎn)擊按鈕，跳轉(zhuǎn)至相應(yīng)目的地頁(yè)面；

國(guó)際熱門：標(biāo)簽，點(diǎn)擊按鈕，跳轉(zhuǎn)至相應(yīng)目的地頁(yè)面；

用戶搜索行為業(yè)務(wù)模型

4.4.2文章內(nèi)容頁(yè)

頁(yè)面邏輯：

頂部功能欄：

• 返回：點(diǎn)擊該按鈕，返回上一頁(yè)面。
• 音樂：如作者在文中配有音樂，則點(diǎn)擊后會(huì)進(jìn)行播放。
• 目錄：如作者在文中配有目錄，則從左側(cè)彈出游記目錄。
• 更多：點(diǎn)擊后，會(huì)出現(xiàn)下拉菜單，包括消息、首頁(yè)、最近瀏覽、下載、舉報(bào)和閱讀設(shè)置等功能。

文章內(nèi)容正文

底部功能欄：

• 頂：點(diǎn)擊該按鈕，則給該用戶一個(gè)“頂”，同時(shí)該界面的數(shù)字加1.
• 回復(fù)：點(diǎn)擊該按鈕，則顯示該游記的回復(fù)，可對(duì)該游記進(jìn)行回復(fù)，回復(fù)后會(huì)彈出toast顯示“回復(fù)成功”；如未輸入任何內(nèi)容，卻點(diǎn)擊發(fā)送，則彈出toast顯示“回復(fù)不能為空哦”。
• 收藏：點(diǎn)擊該按鈕，則中空的星星變?yōu)辄S色的星星，“收藏”變成“已收藏”，并且彈出“收藏成功”的彈窗，用戶可選擇收藏夾分類、創(chuàng)建收藏夾等操作。如用戶想進(jìn)行取消收藏，則再點(diǎn)一次該按鈕，則彈出彈窗，用戶可更改收藏夾或取消收藏，如果用戶選擇更改收藏夾，則從底部彈出彈窗，用戶可進(jìn)行新建收藏夾和更改收藏夾等操作；如果用戶選擇取消收藏，則黃色的星星恢復(fù)成為中空的星星，“已收藏”變成“收藏”。

分享：點(diǎn)擊該按鈕，用戶可分享至螞蜂窩內(nèi)部的聯(lián)系人，也可以分享至微信、微博、QQ等社交平臺(tái)。

4.5酒店頁(yè)

頁(yè)面邏輯：

條件篩選欄

• 目的地/酒店：點(diǎn)擊后該輸入框，跳轉(zhuǎn)至目的地選擇頁(yè)面，在該頁(yè)面可以直接搜索目的地/酒店的名稱，也可以根據(jù)地點(diǎn)A-Z的排序查找地點(diǎn)。
• 我的位置：點(diǎn)擊后，目的地/酒店一欄會(huì)顯示設(shè)備所在位置的地址。
• 入住/離店時(shí)間：點(diǎn)擊后，跳轉(zhuǎn)至日期選擇頁(yè)面，在該頁(yè)面可以在日歷上選擇入住和離店的時(shí)間。
• 每間人數(shù)：點(diǎn)擊后，跳轉(zhuǎn)至入住條件頁(yè)面，可以選擇每間房住多少位成人和兒童。
• 地圖：點(diǎn)擊后，跳轉(zhuǎn)至地圖頁(yè)面，可以查看設(shè)備所在位置附近的酒店情況。
• 查找酒店：填寫完目的地/酒店、入住/離店時(shí)間和每間人數(shù)等條件后，點(diǎn)擊該按鈕，跳轉(zhuǎn)至搜索結(jié)果頁(yè)面，以瀑布流的形式呈現(xiàn)酒店詳情，并且會(huì)提醒用戶螞蜂窩多少比例的用戶選擇了某區(qū)域的酒店。

用戶中心

• 優(yōu)惠券：點(diǎn)擊后，跳轉(zhuǎn)至優(yōu)惠券頁(yè)面，顯示用戶所擁有的優(yōu)惠券。
• 收藏酒店：點(diǎn)擊后，跳轉(zhuǎn)至用戶的收藏夾，顯示用戶所收藏的酒店。
• 我的訂單：點(diǎn)擊后，跳轉(zhuǎn)至用戶的訂單，顯示用戶所有的訂單。

主題推薦

目前根據(jù)朝拜歷史、吃貨根據(jù)地、設(shè)計(jì)酒店、血拼購(gòu)物、私人海灘和迪士尼樂園六大主題分類，用戶可點(diǎn)擊不同主題，并且點(diǎn)擊主題下推薦的地方，即跳轉(zhuǎn)至該地區(qū)的搜索結(jié)果頁(yè)。

酒店攻略

螞蜂窩PGC推出的酒店攻略，用戶點(diǎn)擊后，會(huì)跳轉(zhuǎn)至具體的文章內(nèi)容頁(yè)。

5.?總結(jié)

筆者從六年前開始使用螞蜂窩，每次出行必看螞蜂窩上的攻略和游記，可以說是該產(chǎn)品的擁躉。這幾年來，螞蜂窩的業(yè)務(wù)也日益復(fù)雜，除了最初的游記和攻略之外，圍繞“旅游”這一關(guān)鍵詞，緊貼用戶習(xí)慣，推出了短視頻（旅行視頻）、問答、類朋友圈（嗡嗡）等輕內(nèi)容產(chǎn)品，并在自身品牌和忠實(shí)用戶的基礎(chǔ)上，形式交易閉環(huán)。這樣一款復(fù)雜的產(chǎn)品，用于分析和倒推是極有好處的。

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