本文作者結(jié)合自己對于螞蜂窩長達(dá)6年的產(chǎ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 頁面內(nèi)交互

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

4.1 常用操作

4.1.1 常用icon

4.1.2 操作彈窗

4.2 歡迎頁

4.3 登錄/注冊頁

4.4 首頁

4.4.1 搜索頁

4.4.2 文章內(nèi)容頁

4.5 酒店頁

5.總結(jié)

1.?文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環(huán)境

1.3?產(chǎn)品介紹

螞蜂窩作為一款旅游平臺類軟件，為用戶提供旅游攻略、游記撰寫與閱讀、問答、旅游相關(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)行以上操作都會轉(zhuǎn)跳到登錄頁。

3.2 鍵盤說明

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

3.3 頁面內(nèi)交互

底部彈窗

位置：頁面底部

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

左側(cè)彈窗

位置：頁面左部

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

Toast

位置：頁面中間

交互：淡出，懸浮1秒

Alert

位置：頁面中間

Dialog

位置：頁面中間

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

4.1 常用操作

4.1.1 常用icon

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

常見icon交互效果：

• 關(guān)注

• 收藏

• 取消收藏

• 喜歡

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

4.1.2更多操作彈窗

• 分享彈窗

頁面邏輯：在任意界面，點擊分享按鈕

交互效果：從底部彈出

• 更多彈窗

頁面邏輯：在任意界面，點擊更多按鈕

交互效果：從頂部彈出

• 拷貝彈窗

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

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

• 評論輸入框

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

交互效果：從底部彈出

4.2 歡迎頁

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

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

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

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

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

4.3 登錄頁

（1）頁面邏輯：

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

（2）登錄頁交互效果展示：

4.4 首頁

（1）頁面邏輯

Banner：點擊進(jìn)入廣告頁面

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

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

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

快捷入口（從左至右）：

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

文章列表：

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

（2）主要欄目：

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

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

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

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

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

4.4.1搜索頁

頁面邏輯：

頂部功能欄

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

歷史記錄欄

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

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

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

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

4.4.2文章內(nèi)容頁

頁面邏輯：

頂部功能欄：

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

文章內(nèi)容正文

底部功能欄：

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

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

4.5酒店頁

頁面邏輯：

條件篩選欄

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

用戶中心

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

主題推薦

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

酒店攻略

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

5.?總結(jié)

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

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