本文作者結合自己對于螞蜂窩長達6年的產品體驗，書寫出了一份詳細的產品需求文檔，希望可以給你帶來一定的啟發，enjoy~

目錄：

1.文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環境

1.3 產品介紹

1.4 需求整理

2.產品結構

2.1 產品結構圖

2.2 產品信息結構圖

3.全局說明

3.1 功能權限

3.2 鍵盤說明

3.3 頁面內交互

4.產品詳細功能說明

4.1 常用操作

4.1.1 常用icon

4.1.2 操作彈窗

4.2 歡迎頁

4.3 登錄/注冊頁

4.4 首頁

4.4.1 搜索頁

4.4.2 文章內容頁

4.5 酒店頁

5.總結

1.?文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環境

1.3?產品介紹

螞蜂窩作為一款旅游平臺類軟件，為用戶提供旅游攻略、游記撰寫與閱讀、問答、旅游相關產品交易等服務。

1.4 需求整理

1.4.1 用戶畫像

1.4.2 需求匯總

2. 產品結構

2.1 產品結構圖

2.2 產品信息結構圖

3.?全局說明

3.1 功能權限

未登錄狀態和已登錄狀態。

已登錄狀態可執行所有操作。

未登錄狀態下：

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

3.2 鍵盤說明

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

3.3 頁面內交互

底部彈窗

位置：頁面底部

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

左側彈窗

位置：頁面左部

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

Toast

位置：頁面中間

交互：淡出，懸浮1秒

Alert

位置：頁面中間

Dialog

位置：頁面中間

4.產品詳細功能說明

4.1 常用操作

4.1.1 常用icon

螞蜂窩icon較為常見，主要追求簡潔易懂，并在常見icon的基礎上進行設計優化

常見icon交互效果：

• 關注

• 收藏

• 取消收藏

• 喜歡

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

4.1.2更多操作彈窗

• 分享彈窗

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

交互效果：從底部彈出

• 更多彈窗

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

交互效果：從頂部彈出

• 拷貝彈窗

頁面邏輯：在內容區，點擊選定的文字

交互效果：從當前點擊點淡入

• 評論輸入框

頁面邏輯：在內容區，選定文字或圖片引用到回復，或在評論區點擊任一回復

交互效果：從底部彈出

4.2 歡迎頁

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

（1）已登錄已聯網、未登錄已聯網/未聯網

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

（2）已登錄未聯網

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

4.3 登錄頁

（1）頁面邏輯：

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

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

4.4 首頁

（1）頁面邏輯

Banner：點擊進入廣告頁面

頂部導航欄（從左至右）：

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

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

快捷入口（從左至右）：

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

文章列表：

• TAB欄：分為精選/正在旅行/旅行跨年/國內/國外等標簽，均為點擊按鈕，點擊后下面文章列表即呈現相關主題的文章；
• 文章列表：點擊按鈕，跳轉至對應的文章/攻略/游記/問答/廣告等頁面。

（2）主要欄目：

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

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

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

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

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

4.4.1搜索頁

頁面邏輯：

頂部功能欄

• 輸入框：點擊輸入框，彈出鍵盤輸入文字，點擊搜索后進入搜索結果頁面。
• 取消：點擊按鈕，跳轉回首頁；

歷史記錄欄

• 取消：點擊按鈕，下方標簽被刪除；
• 歷史記錄標簽：點擊按鈕，跳轉至相應搜索結果頁面；

國內熱門：標簽，點擊按鈕，跳轉至相應目的地頁面；

國際熱門：標簽，點擊按鈕，跳轉至相應目的地頁面；

用戶搜索行為業務模型

4.4.2文章內容頁

頁面邏輯：

頂部功能欄：

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

文章內容正文

底部功能欄：

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

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

4.5酒店頁

頁面邏輯：

條件篩選欄

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

用戶中心

• 優惠券：點擊后，跳轉至優惠券頁面，顯示用戶所擁有的優惠券。
• 收藏酒店：點擊后，跳轉至用戶的收藏夾，顯示用戶所收藏的酒店。
• 我的訂單：點擊后，跳轉至用戶的訂單，顯示用戶所有的訂單。

主題推薦

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

酒店攻略

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

5.?總結

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

本文由 @Ｗilson 原創發布于人人都是產品經理。未經許可，禁止轉載。