PRD:倒推“小豬”APP V5.9 產品需求文檔

小程序這么火爆,作為產品經理,還不了解小程序如何設計?4周在線學習,搶占職場優勢。了解一下>>

筆者以C端用戶的身份通過使用、體驗和分析等方式倒推“小豬”APP,生成它的產品需求文檔。文檔重心放在“小豬”最主要的流量入口處——首頁(發現頁),倒推用戶在使用“小豬”APP預訂房源到訂單完成的流程。

文檔目錄:

一、 文檔綜述

1.1版本修訂記錄

1.2 PRD輸出環境

1.3產品介紹

二、 產品結構

2.1產品功能結構圖

2.2產品信息結構圖

三、 全局說明

3.1功能權限

3.2鍵盤說明

3.3頁面內交互

3.4頁面異常

四、 用戶操作主流程(發現頁)

五、 頁面詳細功能說明

5.1啟動頁

5.2登陸/注冊頁

5.3發現頁(首頁)

5.4房源詳情頁面

5.5開始下單和訂單支付頁面

六、 總結

一、 文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環境

1.3 產品介紹

小豬成立于2012年,于2012年8月正式上線,是國內依托于分享經濟,為用戶提供特色住宿服務的互聯網平臺,是中國房屋分享經濟領域的代表企業。

在小豬平臺上房東可以通過分享閑置的房源、房間或是沙發、帳篷,為房客提供有別于傳統酒店、更具人文情懷、更有家庭氛圍、更高性價比的住宿選擇,并獲得可觀的收益,而房客可以通過體驗民宿,結交更多興趣相投的朋友、深入體驗當地文化,感受居住自由的快樂。

“小豬”移動端APP,滿足用戶在手機端使用產品時的基本功能主要包括用戶在線預訂房間、個人房東及商家房源入駐、保潔及配套智能設施服務、城市服務代理等。

二、 產品結構

2.1 產品功能結構圖

2.2 產品信息結構圖

三、 全局說明

3.1 功能權限

分為登陸狀態和未登陸狀態:

(1) 登錄狀態可進行APP內所有操作

(2) 未登錄狀態下:

  • 僅可以搜索及瀏覽頁面,如搜索房源、活動信息、瀏覽房源信息、房東介紹等;
  • 無法進行房源預訂、查詢訂單、訂單結算和房源收藏;
  • 無法進入消息、邀請好友以及領取代金券等界面;

3.2 鍵盤說明

(1)點擊(手機號和驗證碼)輸入框時,頁面底部彈出數字鍵盤;

(2)點擊其他輸入框時,頁面底部彈出字母鍵盤。

3.3 頁面內交互

(1) 底部彈窗

(2) Toast、Dialog、Alert彈窗

(3) 頁面異常

四、 用戶操作主流程(發現頁)

從用戶操作的主流程可以看出,“小豬”APP并不像其他一些APP特別注重用戶的注冊引導性,只有在用戶點擊“我”和“提交訂單”時才會判斷用戶是否已登錄,這和“小豬”的主要業務和功能需求有關;

用戶在未登錄的狀態下依然可以先查看房源的內容信息,并在對個人喜好或者偏愛的房源下訂單作出決定時,再適時提醒用戶是否登錄,這看似遲緩的引導反而在一定的程度上增強了用戶的粘性。

五、 頁面詳細功能說明

5.1 啟動頁

啟動頁前置條件為是否已連接網絡,分為以下兩種情況:

(1)已連接網絡

頁面邏輯說明:

  1. 在已連接網絡情況下,啟動“小豬”APP后,進入引導頁;
  2. 引導頁等待1秒后進入過渡頁/廣告頁;
  3. 過渡頁顯示3秒后,如果未登陸則自動跳出登陸/注冊引導頁,如果不登錄想先瀏覽試用可關閉登陸/注冊引導頁,進入發現頁(首頁)。

(2)未連接網絡

頁面邏輯說明:

  1. 在未連接網絡情況下,啟動APP后進入引導頁,無反應,若無任何操作會一直停留在此頁面,按返回鍵則會跳轉到空白的發現頁(首頁);
  2. 除非自行連接網絡后重啟APP否則會一直停留在空白的發現頁(首頁)。

思考:

此處“小豬”APP并沒有任何網絡異常的提示頁面,也沒有任何其他彈窗引導用戶重新加載、如何檢查或設置網絡及網絡路徑等,停留在一個引導頁或是空白的首頁,個人感覺會使得用戶誤解是APP卡頓閃退等自身產品不完善等問題,從用戶體驗上來說較差,從體驗上也不能有效的幫助用戶解決網絡問題。

5.2 登陸/注冊頁

“小豬”APP的登陸方式采用微信一鍵登陸、手機號碼與驗證碼、密碼登錄(及第三方登錄(調用第三方授權接口登陸)相結合)的方式,最大的便捷之處是省去了注冊的流程,用戶個人手機號碼即賬戶名,而通過微信一鍵登陸的過程還順便助推了一把c端用戶使用小程序、房東商家端綁定小豬房東助手公眾號的步驟。

手機號碼和驗證碼驗證登錄還替代了相對繁瑣的注冊流程,用戶在登陸以后可以再設置個人登錄密碼,同時熟悉用戶的個人頁面,進一步完善身份信息,獲取“免押”等特權。

(1)登陸/注冊頁面

頁面邏輯說明:

  1. 用戶點擊【使用微信一鍵登錄】,如果是首次登陸則需要捆綁手機號。用戶輸入手機號碼,點擊“獲取驗證碼”按鈕,“獲取驗證碼”按鈕內容變為“xxx秒后重發”,并倒計時120秒,120秒后“xxx秒后重發”按鈕內容變為“重新發送”;
  2. 用戶點擊【手機或其他方式登陸】,用戶輸入手機號碼,點擊“獲取驗證碼”按鈕,“獲取驗證碼”按鈕內容變為“xxx秒后重發”,并倒計時120秒,120秒后“xxx秒后重發”按鈕內容變為“重新發送”;
  3. 老用戶可點擊【使用賬號密碼登陸】,使用手機號碼和登錄密碼進行登陸;
  4. 若用戶在120秒內未收到手機驗證碼,點擊“重新發送”按鈕嘗試重新獲取驗證碼;
  5. 用戶收到驗證碼并在10分鐘內輸入即可登陸,超過10分鐘驗證碼失效需要重新獲??;
  6. 用戶亦可點擊第三方登錄下的三個按鈕,調出其授權接口進行登陸操作。

頁面交互說明:

  1. 用戶點擊手機號及驗證文本框,數字鍵盤從底部彈出;
  2. 用戶點擊獲取驗證碼按鈕,按鈕顏色變為灰色,文本變為“xxx秒后重發”并伴有120秒倒計時,120秒過后按鈕文本變為“重新發送”;
  3. 用戶點擊下方【使用賬號密碼登陸】,密碼登錄頁面從頁面右側彈出,但需要重新輸入賬號(手機號/郵箱),點擊賬號框時字母全鍵盤從底部彈出,點擊密碼框時數字鍵盤從底部彈出;輸入密碼時,每輸入的字符在輸入時顯示,在輸入第二個字符或是停止輸入3秒內自動變為圓點隱藏;
  4. 用戶點擊第三方登陸下的三個按鈕,相應的第三方授權頁面從頁面右側彈出。

思考:

老用戶在使用密碼登陸時,如果在前一個界面已輸入賬號(手機號/郵箱),再點擊下方的【使用賬號密碼登陸】,跳轉到密碼輸入的界面時,原先輸入的賬號清零需要再次手動輸入。

個人感覺應保留原本的數據避免重復輸入的步驟,否則會在一定程度上降低用戶體驗。

(2)登陸/注冊功能邏輯流程

5.3 首頁(發現頁)

此處將首頁(發現頁)分為上、下、房源列表頁3個部分對相應的功能和操作進行逐一說明。

5.3.1 發現頁-上

(1) 頁面名稱:發現頁-上

(2) 頁面入口:“小豬”APP首頁

(3) 頁面結構

①入住目的地;

②入住時間段;

③位置/地名/房源搜索框;

④活動/廣告banner頁,五例活動/廣告頁輪播;

⑤出行目的類型專題區(內按城市-房源展示),共五類

⑥特色城市分類欄專題區(內按選擇城市的房源排列展示),共五類

(4) 邏輯內容詳細說明

①入住目的地:系統默認顯示上一次搜索時用戶選擇的目的地,點擊后頁面跳轉至選擇其他目的地頁面。

頁面邏輯內容:

  1. 在選擇其他目的地頁面,用戶點擊輸入框輸入新目的地,會自動顯示與包含輸入目的地字符的所有目的地選項,或選擇點擊頁面中展示的所有國內外城市地區。選擇好后頁面自動轉回至發現頁,用戶入住目的地變更為已選擇的位置;
  2. 搜索頁面結構分為文本搜索框、歷史搜索、熱門推薦、國內、海外共四部分內容;
  3. 用戶輸入關鍵字(城市位置地名等)名稱等內容進行搜索(支持內容模糊搜索),在下拉備選列表中的文本與輸入框中搜索內容相關的文本會被加粗顯示,如“北”。搜索完成后頁面跳轉回包含搜索詞的發現頁,引導用戶進一步選擇入住時間段;
  4. 系統對已搜索過的內容自動標簽化添加到歷史搜索內容(歷史搜索規則描述:按搜索的時間倒序排列,排列方式從左至右、從上至下排列,可展示兩排內容,可點擊垃圾桶圖標清除所有歷史搜索內容,標簽字數長度限制為六字符,超出部分用“…”代替)。

頁面交互說明:

  1. 打開手機定位,在發現頁面下點擊“入住目的地”輸入框旁的“我的附近”,自動識別目前所在城市,“入住目的地”文本框內容自動變為當前所在城市名稱;
  2. 發現頁面下點擊“入住目的地”文本框,其他目的地選擇頁面從底部彈出,點擊選擇頁面的入住目的地城市名稱,“入住目的地”文本框內容自動變為所選城市名稱;
  3. 打開手機定位,在其他目的地選擇頁面中選擇“我的附近”,附近房源挑選頁面從頁面右側彈出;
  4. 點擊“入住目的地”文本框進入其他目的地選擇頁面后,點擊“城市/位置/地名”文本框,字母全鍵盤從底部彈出,原文本框的內容消失;
  5. 在“城市/位置/地名”文本框中輸入字符,當前其他目的地選擇頁面全部內容隱藏,輸入內容相關備選字符條從輸入框下側彈出供選擇,點擊后,搜索完成后頁面跳轉回包含搜索詞的發現頁,引導用戶進一步選擇入住時間段。

②入住時間段:點擊日期框后可選擇入住時間和離開時間。

頁面邏輯內容:

點擊②,選擇入住時間段,可選擇6個月內的所有日期時間。跳轉出的日歷中的數字每次可點擊2次,先點的日期為入住時間,后點的日期為離開時間,選擇好后頁面上部中間會自動計算入住間夜數。

如果選擇錯誤可點左下角“清空”重新選擇,選擇好后點擊確定,頁面自動轉回至發現頁,用戶入住時間變更為已選擇的時間段。

頁面交互說明:

  1. 點擊日期框,“請選擇入住離開時間”日歷頁面從底部彈出;
  2. 在“請選擇入住離開時間”頁面里,未進行任何操作和只點擊第一個數字時,底部的“清空”和“確定”均為灰色,無法點擊;在前后各點擊數字后,“清空”和“確定”按鈕可點擊;
  3. 在“請選擇入住離開時間”頁面里,第二次點擊的數字必須在第一個數字后的日期才為有效時間段,“確定”按鈕才能使用;
  4. 在日歷上點擊第一個數字時左上角的“請選擇入住離開時間”立即替換為“入住時間 x年x月x日”,點擊第二個數字時,右上角的“離開時間”下右側彈出“y年y月y日”;
  5. 在“請選擇入住離開時間”頁面里,若點擊的第一個和第二個數字相同時,自動抵消,“入住時間”及日期等字樣立即消失恢復為原本的“請選擇入住離開時間”;
  6. 選擇好入住和離開時間后,“入住時間”和“離開時間”中間的“x晚”自動計算變更為所選時間段的間夜數;
  7. 當選擇的入住和離開時間有誤時,點擊左下角“清空”,所有操作恢復為日歷剛彈出時的界面;
  8. 在選擇好入住目的地后,在選擇好入住時間段的日歷頁面點擊右下角的“確定”,搜索完成后頁面跳轉回包含搜索詞和選擇的時間段的發現頁,引導用戶進一步填寫其他信息。

③位置/地名/房源搜索框:可輸入目的房源的期望關鍵字進行特定搜索。

用戶點擊搜索框后頁面跳轉至所選目的地的熱門商圈、地鐵、景點、商圈、行政區域等關鍵字頁面,供用戶進行快速選擇目的房源附近地標?;蚴怯脩羰謩虞斎腙P鍵詞搜索房源。

頁面邏輯內容:

  1. 搜索頁面結構分為文本搜索框、歷史搜索、熱門推薦、其他關鍵字等共十部分內容;
  2. 用戶輸入房東、房源、關鍵字(位置地名等)名稱等內容進行搜索(支持內容模糊搜索),搜索完成后頁面轉至包含搜索詞的有房態的房源推薦頁;
  3. 系統對已搜索過的內容自動標簽化添加到歷史搜索內容(歷史搜索規則描述:按搜索的時間倒序排列,排列方式從左至右、從上至下排列,可展示兩排內容,可點擊垃圾桶圖標清除所有歷史搜索內容,標簽字數長度限制為六字符,超出部分用“…”代替。);
  4. 熱門搜索內容是系統為多數用戶搜索過的位置地名,按搜索熱度百分比降序排列,點擊相應標簽,進入相應位置房源推薦頁(只顯示有房態的)。

頁面交互說明:

  1. 點擊“位置/地名/房源搜索框”輸入框,熱門位置關鍵字頁面從底部彈出;
  2. 點擊任意關鍵字,所選的目的地、時間段、包含關鍵字及關鍵字(地名)5km內有房態的房源挑選頁面從頁面右側彈出;
  3. 點擊“位置/地名/房源搜索框” 文本框手動輸入關鍵字,字母全鍵盤從底部彈出,原文本框的內容消失;
  4. 在“位置/地名/房源搜索框” 文本框輸入內容時,當前頁面其他熱門關鍵字選擇頁面全部內容隱藏,且輸入內容相關備選字符條從輸入框下側彈出供選擇;
  5. 輸入內容后選擇框中字符后,所選的目的地、時間段、包含關鍵字及關鍵字(地名)5km內有房態的房源挑選頁面從頁面右側彈出。

④活動/廣告banner頁:五例活動/廣告頁輪播,點擊后頁面轉到相應活動/廣告頁面;

頁面交互說明:點擊活動/廣告Banner區域,活動/廣告頁面從右側彈出。

⑤出行目的類型專題區(內按城市-房源展示):共五類,點擊相應的出行目的分類標簽,進入相應的城市房源推薦頁面。

由于標簽區五類商品分類的頁面結構和內容極其相似,暫時優先選擇對“超值特惠”類標簽做分析和說明。

頁面邏輯內容:

  1. “超值特惠”頁面結構分為分享邀好友鍵,搜索欄(包括入住目的地、入住時間段、位置/地名/房源、選擇價位和搜索按鈕),“人均不到99元”欄,今晚特價,新房促銷,長租優惠,優選推薦和查看更多房源共七部分;
  2. 用戶點擊“多邀多得300元起”頁面跳轉至分享邀請碼,邀新雙方得優惠券頁面;
  3. 點擊搜索欄中的與【上文中6.3.1-(4)-①②③】路徑一致,點擊“選擇價位”有4個價位區間選擇欄,包括“200元以下、300元以下、400元以下、400元以上”;
  4. “人均不到99元”欄每次展示2個房源,點擊其右邊的刷新按鈕,這兩個房源相應更新改變為另外2個房源;
  5. 點擊折扣板塊區進入相應折扣房源頁面,如“新房促銷”頁面;
  6. 優選推薦包括8個性價比較高的房源列表,點擊房源圖片區域會進入相應的房源頁面;
  7. 點擊“查看更多房源”會跳轉到所選目的地和時間段的所有超值特惠標簽+按好評排序的房源。

頁面交互說明:

  1. “發現頁”下點擊出行目的類型專題區,如“超值特惠”,“超值特惠”頁面從右側彈出;
  2. “超值特惠”頁面中,點擊折扣板塊區的任意一個區塊,相應折扣房源頁面從右側彈出;
  3. 點擊“超值特惠”頁面中的“選擇價位”,價位選項框從底部彈出;
  4. 點擊“超值特惠”頁面中的“多邀多得300元起”,分享邀請碼頁面從右側彈出;
  5. 點擊“優選推薦”中房源圖片,相應的房源頁面從右側彈出;
  6. 點擊“查看更多房源”,所選目的地和時間段所有超值特惠標簽的房源頁面從右側彈出;
  7. 房源列表可上下滑動,查看更多房源,滑動時上部有邊界,下部會不斷更新。

⑥特色城市分類欄專題區:共五類,內按選擇城市的房源排列展示,點擊相應的分類欄后可見該欄下的對應城市,點擊城市則進入相應城市的所有房源排列頁面。

由于特色城市分類專題區的五類專題從頁面結構和內容上極其相似,優先選擇其中的“美食之都”專題進行分析和說明。

頁面邏輯內容:

  1. 特色城市分類欄專題區的頁面結構分為標簽欄和相對應的城市列表,其中標簽欄包含避暑勝地、秀美園林、樓觀滄海、美食之都和古鎮情懷五個分類,不同的標簽對應著相應的城市推薦列表;
  2. 用戶可以根據出游時及自身的需要選擇相應的細分標簽,并在細分標簽下的城市推薦列表中選擇城市進而挑選房源;
  3. 在城市推薦列表中點擊該城市圖片區域,頁面轉至該城市所有的房源頁面。

頁面交互說明:

  1. 在特色城市分類欄專題區,點擊不同的標簽,標簽的底紋、字體顏色會發生相應的變化,選中的則變為藍色加粗體+下劃線,其他仍為正常字樣;
  2. 標簽欄列表可左右滑動,滑動時左右部均有邊界;
  3. 在城市推薦列表中點擊城市圖片區域,該城市的所有房源頁面界面會從頁面右側彈出。

5.3.2 發現頁-下

(1) 頁面名稱:發現頁-下

(2) 頁面入口:“小豬”APP首頁

(3) 頁面結構

⑦ 大家都在玩(活動/廣告banner頁,共六例)

⑧ 四大權益保障通道

⑨ 網站協議

⑩ 小豬故事(包括城市故事及房東故事,故事+房源介紹結合)

? 當季熱門城市(大概7個城市,每個城市展示不超過5個房源)

(4) 邏輯內容詳細說明

第⑦⑧⑨與上文中的④頁面邏輯及交互一致,不再贅述。接下來對⑩、?部分進行說明。

⑩ 小豬故事:包括城市故事及房東故事,故事+房源相結合的模式進行介紹,平臺不定期會對該區內容作出更新文章,用戶點擊小豬故事區域后頁面轉至城市故事及房東故事精選頁面,用戶可點開任一文章進行瀏覽及訂房。

頁面邏輯內容:

  1. “小豬故事”類似精選房源廣告鏈接,用戶通過瀏覽故事文章內容,點擊最下方的房源鏈接可跳轉至該房源的詳細介紹界面并進行訂房操作;
  2. 結構布局主要由城市/房東及其精品房源的精選圖片、城市/個人故事介紹等信息構成。

頁面交互說明:

  1. 在“發現頁”下點擊“小豬故事”區域,故事列表頁從頁面右側彈出;
  2. 點擊故事圖片區域,相應的故事內容頁面從右側彈出;
  3. 故事內容頁面可上下滑動,上下均有邊界;
  4. 點擊故事內容頁最下方的房源鏈接,該房源的詳細介紹頁面從右側彈出;
  5. 故事內容頁最下方的“更多故事”,可左右滑動,左右均有邊界。點擊其中一個故事,對應的故事頁面從右側彈出。

? 當季熱門城市:均為當季熱門城市,每季大概選出7個城市,每個城市下展示不超過5個優質房源,用戶點擊該區域頁面轉至對應城市對應房源的詳細界面。

頁面邏輯內容:

  1. “發現頁”下的當季熱門城市區域由標題(當季熱門城市)、熱門城市欄和對應城市的優質房源列表組成,優質房源列表由單行不超過五個的房源(房源圖片+房源價格+房源名稱+“支持免聊速訂”標注)構成,房源名稱最多顯示20個字符,如名稱超過20個字符,第21個字符由“…”代替;
  2. 在城市列表中點擊該城市下精選房源區域進入相應的房源頁面;
  3. 在城市列表中點擊該城市下“更多該市房源”進入該市所有房源列表頁面。

頁面交互說明:

  1. 在“當季熱門城市”下點擊城市列表內的相應房源區域,房源頁面從右側彈出;
  2. 在“當季熱門城市”下點擊城市列表內的“更多該市房源”,該市所有房源列表頁面從右側彈出;
  3. 在“當季熱門城市”中,點擊不同的城市標簽欄,標簽的底紋、字體顏色會發生相應的變化,選中的則變為白色加粗體+深藍背景色,其他仍為正常字樣;
  4. 城市、房源列表可左右滑動,滑動時左右部均有邊界。

5.3.3 發現頁-房源列表頁

(1) 頁面名稱:發現頁-房源列表頁

(2) 頁面入口:“小豬”APP首頁-選擇入住目的地&入住時間段后

(3) 頁面結構

? 搜索框

? 入住時間段

? 地圖搜索

? 篩選項欄

? 標簽欄

? 房源列表

? 房源快速收藏鍵

? Feed流活動廣告

(4) 邏輯內容詳細說明

由于????部分在“發現頁-上”中已作出過說明,不再贅述,接下來對?????部分進行主要說明。

? 地圖搜索:用戶點擊“地圖”圖標后,可在地圖頁面上放大、拖動按點查找所需的房源。

頁面邏輯內容:

按“地圖”搜索房源,放大或拖動地圖,可查看到當前界面的地圖上分布的所有有房態房源位置,以及該房源的出租類型和預定日期的價格,點擊相應的房源標簽后,頁面下方會出現該房源的鏈接(包括房源的縮略圖、房東頭像、房源標題、基本情況介紹、房源價格及房源標簽),點擊該鏈接后跳轉至相應的房源頁面。

頁面交互說明:

  1. 點擊房源列表頁右上角的地圖圖標,下方原本的房源圖文列表頁面像右翻轉為地圖按點查看房源頁面;
  2. 點擊房源列表頁右上角的地圖圖標,搜索欄下方的篩選項欄減少了“推薦排序”這一項;
  3. 地圖搜索房源頁面可手動上下左右拖動,兩指放大縮小操作查看具體位置的所有房源;
  4. 在界面的地圖上點擊其中一個房源標簽,房源簡略圖鏈接從頁面底部彈出。再次點擊同一個標簽,此鏈接消失;
  5. 點擊底部彈出的房源簡略圖鏈接,該房源的詳情頁面從右側彈出;

? 篩選項欄:共3項,用戶點擊相應的篩選項,在篩選后的頁面下進行房源挑選、收藏和查看。

頁面邏輯內容:

  1. 篩選項欄分為三部分,包括位置區域、更多篩選和推薦排序(切換為地圖搜索時只有前兩項),用戶可點擊不同的篩選項篩選頁面上所有房源;
  2. 點擊每一個篩選項,篩選項中的內容會展開;
  3. 點擊篩選項中的相應內容后,原本所有房源的頁面會變為篩選后符合條件的房源頁面;
  4. 點擊相應的房源區域轉至相應的房源頁面。

頁面交互說明:

  1. 點擊“位置區域”下拉按鈕,所選入住目的地按熱門推薦、行政區域等地名頁面從底部彈出;
  2. 點擊“更多篩選”下拉按鈕,房源價格、戶型等房源信息頁面從底部彈出;
  3. 點擊“推薦排序”下拉按鈕,按好評、價格排序界面從底部彈出;
  4. 點擊并確認篩選項的按鈕后,原房源列表頁面從標簽欄下端自動刷新,更換為符合篩選條件后的房源列表頁面;
  5. 房源列表可上下滑動,顯示更多信息,滑動時上部有邊界,下部會不斷更新。

? 標簽欄:共6項,可左右滑動查看,每個標簽欄下最多展示七個標簽,用戶點擊相應的房源標簽進入相應的房源列表頁面,在確定好的標簽頁面下進行房源挑選、收藏和查看。

? 房源列表:展示了用戶選定入住目的地和時間段的所有有房態的房源,用戶可對瀏覽的房源進行快速收藏。用戶點擊相應的房源區域便進入到相應的房源頁面,并在房源頁面下查看該房源的配套設施等,進行預訂和結算。

頁面邏輯內容:

  1. 房源列表頁面中的房源信息由房源圖片、標題、預定日價格(包括活動價和原價)、房源出租類型、戶型、床數、宜居人數、評分、評論數、房源標簽和房東頭像(可轉至個人頁面)構成;
  2. 房源標題最多顯示前15個字,后面的由“…”代替,需要點開該房源跳轉至房源詳情頁面查看完整標題;
  3. 點擊相應的房源區域轉至相應的房源頁面;

頁面交互說明:

  1. 在房源列表頁下點擊房源區域,相應的房源詳情頁面從右側彈出;
  2. 房源區域的圖片位置可左右滑動查看該房源的其他圖片;
  3. 房源列表可上下滑動,顯示更多信息,滑動時上、下部均有邊界,上部為阻尼拖拽,下部會在邊界處更新房源列表內容。

? 房源快速收藏鍵:在房源列表頁下的房源區域右上角,用戶可點擊愛心按鍵選擇快速收藏該房源,并更改此房保存的心愿單路徑。用戶在收藏頁可看到所有收藏的房源鏈接。

5.3.4 發現頁小結

縱觀整個發現頁的功能與結構,大體可以分為三大類功能模塊即“搜索模塊(搜索框)”、“分類模塊(分類標簽/分類專題)”與“推薦模塊(推薦列表)”等。

“小豬”APP用這三大模塊功能對不同用戶的不同需求提供相應的引導方案,然而看似三種甚至更多的用戶需求入口,最終都會集中到同一出口即“具體的房源頁面”,進而結算訂單直至最終的交易完成,功能邏輯如下。

由此可見,“具體房源”→“提交訂單”是發現頁中最為主要且唯一的流量出口頁面,也正因如此,“小豬”APP才會選擇在這里來引導用戶登陸/注冊,而不是在APP初次打開的首頁面便引導用戶。

接下來就針對從商家頁面直至最后的交易完成整個流程進行逐一說明。

5.4 房源詳情頁面

(1) 頁面名稱:房源詳情頁面

(2) 頁面結構

① 房源詳情頁面更多操作

② 房源圖片頁

③ 房源活動促銷欄

④ 房源內部情況欄(包括戶型、宜居人數、描述、配套設施等)

⑤ 房東個人信息欄

⑥ 房源點評欄

⑦ 房源地理位置和周邊交通欄

⑧ 可租日期日歷

⑨ 退訂規則欄

⑩ 其他優質推薦房源欄

? 聊天按鍵

? 房源預訂結算按鍵

(3) 邏輯內容詳細說明

① 房源詳情頁面更多操作:位于頁面右上角,分為“分享”按鍵和“收藏”按鍵,用戶可通過點擊“分享”按鍵(分享通道從底部彈出)將此房源鏈接分享到朋友圈、微信、QQ、微博、QQ空間等。用戶可點擊“收藏”按鍵將此房源加入收藏夾中。

② 房源圖片頁:用戶可左右滑動查看此房源的所有圖片,或點擊圖片區域,跳轉至所有圖片列表頁面上下滑動一次性查看。

③ 房源活動促銷欄:展示當前該房源參加的所有活動促銷,點擊右側的“…”區域,領取優惠券和參加的活動詳情界面欄從頁面底部彈出,用戶可通過此欄領券及詳細了解活動規則。點擊界面外其他地方或是點擊界面欄左上角的關閉鍵,界面欄向下隱藏收回。當活動界面欄彈出時,頁面其他界面變暗。

④ 房源內部情況欄:包括戶型、宜居人數、描述、配套設施等,用戶可通過瀏覽此欄對該房源有一個大致的了解。

⑤ 房東個人信息欄:用戶通過點擊房東頭像,可進入該房東的個人信息介紹界面,包括房東全部房源整體的平均回復率、確認時間、訂單接受率、所有房源點評數、好評率、所有房源一覽列表等內容。

⑥ 房源點評欄:點評頁面包含此房源平均評分信息與用戶點評內容兩部分。

在平均評分信息欄中用戶可以看到5個維度(包括整潔衛生、安全程度、描述相符、交通位置、性價比,滿分均為5分),數據都來自于用戶的匯總打分。

用戶點評內容分兩欄,上方為查看點評內容的標簽欄(全部、有圖),下方則是具體用戶的點評時間及點評內容。房東可對每個點評進行回評。用戶在瀏覽點評界面時可以對認為有幫助的點評內容進行點贊操作。

⑦ 房源地理位置和周邊交通欄:用戶可通過點擊此欄,快速查看該房距離機場、火車站、汽車站三大交通樞紐的距離,還可通過輸入想去的地址,查找該房源到想去的地址的路線。用戶可查看由房東提示的相關信息得知該房源交通和周邊情況。

⑧ 可租日期日歷:用戶可查看該房可租日期日歷了解到此房源的當前租訂情況和可租日期,從而挑選時間進行預訂。

⑨ 退訂規則欄:用戶可通過點擊此欄了解房東對該房源設定的退訂規則。

⑩ 其他優質推薦房源欄:用戶通過左右滑動查看系統推薦的其他優質房源,點擊圖片區域可跳轉至相應房源詳情頁面。

? 聊天按鍵:用戶有問題咨詢時可通過聊天窗口向房東在線發起消息。

頁面邏輯內容:

聊天對話窗口界面包含房東昵稱、咨詢房源鏈接的按鍵、房東介紹按鍵、咨詢房源的頁面縮略圖及頁面詳情鏈接、立即預訂按鍵、引導下單提示條、對話框、表情圖、對話框更多操作等功能。

頁面交互說明:

  1. 在房源詳情頁下點擊聊天按鍵,直接跳轉至聊天對話窗口頁面,覆蓋原頁面;
  2. 點擊聊天對話窗口頁面的咨詢房源鏈接的按鍵、房東介紹按鍵、咨詢房源的頁面縮略圖及頁面詳情鏈接、立即預訂按鍵、引導下單提示條,相應的頁面從右側彈出。
  3. 點擊聊天對話窗口頁面的對話框,頁面底部彈出全字母鍵盤;
  4. 點擊聊天對話窗口頁面的對話框時,頁面上部的咨詢房源的頁面縮略圖及頁面詳情鏈接、立即預訂按鍵、引導下單提示條向上收縮至一行。

? 房源預訂結算按鍵:用戶確認預定此房源后點擊“立即預訂”按鍵,可跳轉至“開始下單”頁面,填寫入住人信息及選擇使用代金券等操作后,進一步確認信息無誤提交訂單、支付房費即完成預訂(非速訂訂單則需房東確認接單后才能付款)。

5.5 開始下單和訂單支付頁面

在開始下單(訂單預支付)頁面,用戶可以查看并修改入住時間和離開時間,同時添加入住人信息。在用戶支付訂單之前,還可以選擇是否開通會員選擇更優惠的方式結算,查看是否有紅包和代金券可用并選擇,選擇是否需要商家開具發票。

最后確認退訂規則和訂單總金額是否有誤,確認無誤則可點擊提交訂單,進入訂單支付頁面,選擇相應的在線支付方式(目前支持六種在線支付方式,包括支付寶錢包支付、微信支付、免押金先住后付、銀聯手機支付、一網通支付、京東支付)。支付完成后跳轉至訂單頁面。

當用戶入住成功后,可對此次入住進行點評。在用戶提交點評后,至此用戶在“小豬”APP內的預訂房源入住交易流程完成。

六、 總結

“小豬”APP底層邏輯:令閑置房產進入“短租/日租”的民宿市場,產生新增價值:小豬主攻在線短租民宿市場,其最底層的產品邏輯是搭建互聯網平臺,使得閑置房源進入市場,用于旅游、出差、就醫等場景下的房屋短期租賃,令閑置的房產資源產生新增價值。

作為上文的總結補充,下面附上其核心業務邏輯流程圖(還包括另外兩張簡單&詳細業務邏輯流程圖)

核心業務邏輯

簡單業務邏輯流程圖

詳細業務邏輯流程圖

“小豬”作為預訂民宿(及非標住宿品類房源)的平臺,在移動端APP方面,基本能夠滿足用戶的包括用戶在線預訂房間、個人房東及商家房源入駐這些基本功能。

就流量導入這方面來說,“小豬”APP的這一版本在發現頁(首頁)相較于5.0之前的版本增加了許多板塊,不再僅僅是從首頁的搜索框中進入房源列表頁,首頁的新增的標簽、推薦欄等板塊為房源帶來了更多的流量入口,但是頁面上的板塊設置位置稍顯紊亂,不夠吸引用戶,相較于競品(如美團旗下的“榛果民宿”APP)的首頁板塊設置,轉化率偏低。

另外在頁面異常(網絡異常)方面,“小豬”APP在最初開啟APP的過程中沒有任何提示,對于用戶體驗來說比較不佳。

若進一步優化這些細節方面,相信“小豬”APP會贏得更多的市場和用戶的使用。

注:文檔中所引用的彩色APP截圖均來源于“小豬”APP。

本篇PRD是本人根據V5.9版本的“小豬”APP產品倒推的,加之參考了網站上的許多倒推APP的PRD所寫,作為一個運營決心轉行產品的小白,這篇PRD一定會有很多疏漏不完善的地方,懇請大家協助指出我在功能頁面邏輯和交互描述等方面的不合理之處,我將不斷學習加以改正,謝謝大家!

 

本文由 @蝦滑 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言討論~!
  1. 四、用戶操作主流程 里面 歡迎頁進入下一步的流程有點疑問,判斷用戶是否登錄和進入首頁分別是什么情況,流程沒有里面說明清楚,并且登錄成功過后沒有下一步的流程指引

    回復
    1. 小豬的APP在打開的時候,在真正進入到APP操作首頁前,首先會有一個歡迎頁面過渡,如果是第一次打開+沒登錄過,這個時候會彈出提示登錄的界面,用戶是可以跳過登錄直接進入首頁的。第二個情況就是用戶可以直接不登錄+關閉APP的,然后關閉后 他第二次打開APP(依舊是未登錄的狀態),APP顯示完歡迎頁面后就不會自動彈出提示登錄界面,而是直接跳轉到APP操作首頁去啦。
      所以1、用戶在第一次打開并登陸;2、用戶在第一次打開APP未登錄并且跳過登錄;3、用戶第一次打開看到提示登錄直接關閉APP,然后二次啟動APP。這三個步驟都是能夠進入到APP的操作首頁去的。。。1和2、3的區別只不過是在APP的底部tab導航會多兩個+在用戶后續操作直到下單的那一步才會再有所不同。
      所以在流程圖那兒我就按照實際情況這樣寫了 :grin:

      回復
  2. 邏輯那里太多表皮,這也沒辦法,畢竟這涉及到熟悉這一行的業務。熟悉了才能描述出真實的

    回復
  3. 民宿租房這個業務的業務邏輯都沒,把一張皮怎么畫的內容寫出來有什么用?APP又不是有張皮就能動起來

    回復
    1. 多謝指點,業務邏輯在文末總結補充了。
      重新審視了一遍文檔,確實是較為浮于表面的把現有的“皮”給描述了一遍,僅僅是單獨把功能鍵說了一遍,卻并沒有很好的把整體邏輯捋清串起來寫出來。
      以后投稿一定會注重全篇文章的核心邏輯的。

      回復
  4. 666

    回復
  5. 厲害了

    回復
    1. 謝謝謝謝?

      回復
  6. 你轉產品經理了嗎

    回復
    1. 回復
  7. 收藏了,慢慢學習。請問把幾張圖放在一起是怎么操作的?

    回復
    1. 軟件拼接一下?

      回復
    2. 用的是什么軟件

      回復
    3. 就是把圖放進Word文檔里,統一截圖圖片高度寬度??并排一起截了個圖而已。axure的圖就更簡單了,直接在作圖的時候并排放在一個界面里,保存導出為圖片就好啦

      回復
  8. 不容易阿,寫這么多要很強的耐心,我也沒耐心看完

    回復
    1. ??哈哈

      回復
  9. 寫得賊細,點贊

    回復
    1. 謝謝謝謝?

      回復
  10. 大佬,小豬產品都沒有你做得細啊

    回復
    1. 大佬言重了

      回復
  11. 大佬,梳理這么一個APP倒推PRD大概得花多久時間?我也想嘗試下。

    回復
    1. :grin: 不是大佬hhh不敢當…這個文檔我大概寫了10天,主要是作圖比較費時間了,基本是一邊寫一邊學怎么用axure xmind visio所以就工期比較長 :arrow: 如果你都會這些軟件的話,對你要分析的APP也比較熟,5天7天應該是夠用了

      回復
    2. 小白都已經做到這么細致了,寫了幾年的需求的我感覺好羞愧呀。

      回復
北京赛车投注