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

image

目錄：

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.全局說(shuō)明

3.1 功能權(quán)限

3.2 鍵盤(pán)說(shuō)明

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

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

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 版本修訂記錄

image

1.2 PRD輸出環(huán)境

image

1.3 產(chǎn)品介紹

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

1.4 需求整理

1.4.1 用戶畫(huà)像

image

1.4.2 需求匯總

image

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

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

image

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

image

3. 全局說(shuō)明

3.1 功能權(quán)限

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

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

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

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

3.2 鍵盤(pán)說(shuō)明

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

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

底部彈窗

image

位置：頁(yè)面底部

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

左側(cè)彈窗

image

位置：頁(yè)面左部

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

Toast

image

位置：頁(yè)面中間

交互：淡出檩咱，懸浮1秒

Alert

image

位置：頁(yè)面中間

Dialog

image

位置：頁(yè)面中間

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

4.1 常用操作

4.1.1 常用icon

image

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

常見(jiàn)icon交互效果：

• 關(guān)注

image

• 收藏

image

• 取消收藏

image

• 喜歡

image

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

4.1.2更多操作彈窗

• 分享彈窗

image

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

交互效果：從底部彈出

• 更多彈窗

image

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

交互效果：從頂部彈出

• 拷貝彈窗

image

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

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

• 評(píng)論輸入框

image

頁(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）疆瑰，沒(méi)有“跳過(guò)”選項(xiàng)；緊接著又呈現(xiàn)了3秒的廣告（活動(dòng)或每日蜂首）圖片昙啄，底部是螞蜂窩的Logo穆役，可點(diǎn)擊右下角按鈕跳過(guò)，進(jìn)入首頁(yè)梳凛。

image

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

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

4.3 登錄頁(yè)

image

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

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

image

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

image

4.4 首頁(yè)

image

（1）頁(yè)面邏輯

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

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

• LOGO：純圖片稳懒，點(diǎn)擊無(wú)反應(yīng)；
• 搜索：點(diǎn)擊文本輸入框慢味，跳轉(zhuǎn)至搜索頁(yè)面场梆，可輸入文字或者選擇歷史記錄/國(guó)內(nèi)熱門(mén)/國(guó)際熱門(mén) 下屬的標(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ā)布的視頻；
• 問(wèn)答：點(diǎn)擊按鈕傀缩，跳轉(zhuǎn)至問(wèn)答頁(yè)面，可查看推薦問(wèn)答和提問(wèn)闸氮；
• 嗡嗡：點(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)的文章/攻略/游記/問(wèn)答/廣告等頁(yè)面。

（2）主要欄目：

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

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

image

• 文章：文章由無(wú)數(shù)篇大小為314*218的展示位構(gòu)成令宿，單個(gè)展示位由標(biāo)題叼耙、摘要、欄目粒没、作者筛婉、地點(diǎn)、圖片癞松、瀏覽數(shù)爽撒、收藏?cái)?shù)/頂/回復(fù)等組成，標(biāo)題响蓉、摘要硕勿、欄目、作者枫甲、地點(diǎn)按照從上到下順序排列在左邊源武，圖片、瀏覽數(shù)想幻、收藏?cái)?shù)/頂/回復(fù)按照從上到下順序排列在右邊粱栖。

image

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

image

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

image

4.4.1搜索頁(yè)

image

頁(yè)面邏輯：

頂部功能欄

• 輸入框：點(diǎn)擊輸入框渣淤，彈出鍵盤(pá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)熱門(mén)：標(biāo)簽捶箱，點(diǎn)擊按鈕智什，跳轉(zhuǎn)至相應(yīng)目的地頁(yè)面；

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

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

image

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

image

頁(yè)面邏輯：

頂部功能欄：

• 返回：點(diǎn)擊該按鈕晨川，返回上一頁(yè)面证九。
• 音樂(lè)：如作者在文中配有音樂(lè)，則點(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è)

image

頁(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è)備所在位置附近的酒店情況择示。
• 查找酒店：填寫(xiě)完目的地/酒店束凑、入住/離店時(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)物隔披、私人海灘和迪士尼樂(lè)園六大主題分類赃份，用戶可點(diǎn)擊不同主題，并且點(diǎn)擊主題下推薦的地方奢米，即跳轉(zhuǎn)至該地區(qū)的搜索結(jié)果頁(yè)抓韩。

酒店攻略

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

5. 總結(jié)

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

本文參考http://www.woshipm.com/rp/901331.html