一、文檔屬性

二、變更日志

三、需求說明

為滿足學(xué)生需求及更好的體驗，根據(jù)網(wǎng)站PC與自適應(yīng)的功能樣式，制作一款簡易型方便學(xué)生使用的公寓APP。

大體描述見以下部分設(shè)計圖及文檔說明。

四、組織結(jié)構(gòu)說明

五、注冊登錄流程說明

六、部分原型設(shè)計說明

首頁

需求說明：

1. 點擊搜索跳轉(zhuǎn)新頁面，搜索欄下方有推薦的熱門城市，熱門大學(xué)，熱門公寓（輸入搜索相關(guān)內(nèi)容，查找到關(guān)鍵詞所匹配的城市，公寓及大學(xué)）
2. 搜索框底下有轉(zhuǎn)租，學(xué)校宿舍兩個tab，點擊進入相關(guān)頁面
3. Tab下方為活動輪播banner圖，點擊某一圖片后進入該活動的詳情頁
4. 熱門房源為推薦的一些熱門房源，點擊某圖后進入該房源詳情頁
5. 轉(zhuǎn)租banner圖展現(xiàn)轉(zhuǎn)租的信息，點擊后進入轉(zhuǎn)租房源詳情頁
6. 熱門城市banner，點擊某個城市進入該城市下的房源列表
7. 底部幾個tab可相互切換相關(guān)的頁面
8. 每個banner底下的按鈕點擊后進入相關(guān)的頁面

搜索頁及搜索結(jié)果頁

• 進入搜索頁面推薦熱門城市，房源，大學(xué)
• 輸入關(guān)鍵詞后確認后配對相關(guān)的城市，房源及大學(xué)

注冊/登錄頁

需求說明：

（1）注冊

備注說明：

1. 必填項：國家/地區(qū)，手機號，驗證碼，密碼，郵箱號，姓名
2. 非必填：微信號
3. 點擊獲取驗證碼，120s倒計時
4. 眼睛圖標顯示明文密文
5. 填完信息后點擊注冊，成功注冊
6. 點擊“已有賬號？請登錄”進入登錄頁面

（2）登錄

備注說明：

1. 賬號登錄：用戶名，郵箱，手機號登錄
2. 手機號登錄為已經(jīng)注冊過的手機號
3. 點擊忘記密碼進入找回密碼頁面
4. 點擊獲取驗證碼，120s倒計時
5. 填完信息點擊“登錄”，進入個人中心
6. 點擊“注冊”跳轉(zhuǎn)注冊頁面
7. 點擊“忘記密碼”進入找回密碼頁

找回密碼頁

需求說明：

• 郵箱找回密碼，填寫郵箱號，驗證碼，新密碼
• 手機找回密碼，填寫手機號，驗證碼，新密碼
• “獲取驗證碼”，倒計時并發(fā)送短信
• 填寫完信息，點擊“確認”，密碼找回修改成功

轉(zhuǎn)租頁

需求說明：

（1）發(fā)布轉(zhuǎn)租

• “房源城市”選擇所在地的城市
• “最近大學(xué)”選擇所在地附近的某所大學(xué)
• “起租日期”為開始預(yù)租的日期
• “退房日期”為結(jié)束退房的日期
• “PostCode”為所在地的郵編
• “房源地址”為所在地詳細地址，可根據(jù)地圖定位來識別
• “價格”為出租的周價格
• “內(nèi)容”為房源的簡介及周邊介紹
• “+”代表圖片上傳，可上傳6-10張圖
• 打鉤代表同意“轉(zhuǎn)租須知”，點擊可查看條款須知
• 點擊“提交”，發(fā)布成功，待管理員審核后可在前臺展示

（2）轉(zhuǎn)租詳情

• 轉(zhuǎn)租詳情頁展示發(fā)布頁所填寫的內(nèi)容
• 點擊“桃心”可進行收藏
• 頁面展示發(fā)布人姓名，頭像，生成的房源編號，價格，起始日期，周期，房源介紹，圖片展示，地址展示，發(fā)布時間
• 點擊“承租須知”后跳轉(zhuǎn)文案頁
• 點擊“我要租”，登錄狀態(tài)下進入下單成功頁

（3）轉(zhuǎn)租訂單

• 點擊“我要租”，登錄狀態(tài)下進入下單成功頁
• 顯示下單成功文案
• 房源信息展示房源編號，單價，可供租期，

公寓列表頁

需求說明：

1. 當前城市，當前大學(xué)默認為“London倫敦和全部大學(xué)”
2. 點擊“漢堡”樣式進入篩選頁
3. 房源分為VIP和非VIP，可以進行收藏，地址為手動錄入的信息，價格展現(xiàn)最低的
4. 房態(tài)有尚有空房，房源緊張，滿房
5. 點擊每個房源，進入其對應(yīng)的詳情頁

普通公寓詳情頁

需求說明：

1. 大圖banner輪播展現(xiàn)，右上角可以進行收藏
2. 地圖定位實現(xiàn)地圖功能
3. 預(yù)訂頁面展現(xiàn)如圖所示內(nèi)容，點擊免費占位，（非登錄狀態(tài)需先彈出登錄框登錄后）進入占位頁面，勾選租期，接機服務(wù)，床上用品。確認后提示成功訂單頁面，個人信息錄入后臺（服務(wù)非必選）
4. 房屋簡介可展開更多，收縮模式
5. 公寓設(shè)施展示設(shè)施
6. 附近學(xué)校展現(xiàn)相關(guān)的院校

（1）免費占位

• 租期選擇用戶自己適宜的
• 服務(wù)可選填
• 點擊確認進入下單成功頁
• 免費占位后進入訂單頁，訂單頁展現(xiàn)相關(guān)房源的基本信息，待后臺顧問去聯(lián)系用戶

（2）城市列表頁

需求說明：

• banner顯示熱門城市圖，點擊進入其城市對應(yīng)的公寓列表
• 全部英國城市展示所有城市，點擊不同的城市進入所對應(yīng)城市下的公寓列表

找室友頁

需求說明：

1. 找室友根據(jù)故事文案來吸引同學(xué)的加入，點擊“申請加入”按鈕提交個人的一些信息
2. 頁面設(shè)計如圖所示

找室友，申請加入：

• 大學(xué)篩選英國地區(qū)的學(xué)校
• 性別篩選男or女
• 國家/地區(qū)選擇中國，英國，美國
• 手機號輸入自己手機號碼
• 驗證碼獲取短信驗證碼
• 姓名填寫自己姓名
• 微信號填寫自己微信
• 星座篩選12星座
• 喜好填寫自己的愛好
• 標簽選擇自己所屬標簽，可多選

優(yōu)惠詳情頁

需求說明：

1. 展示每次后臺推送的活動
2. 文案為編輯所設(shè)定

個人中心頁

需求說明：

• 點擊“頭像”可以進行頭像圖片的更換
• 點擊“用戶名”可以進行一次修改用戶名
• 點擊“房源訂單”進入房源訂單頁面
• 點擊“預(yù)租訂單”進入預(yù)租訂單頁面
• 點擊“個人資料”進入個人資料頁面
• 點擊“賬號管理”進入賬號管理頁面
• 點擊“我的收藏”進入我的收藏頁面
• 點擊“關(guān)于公司”進入關(guān)于公司頁面
• 點擊“用戶協(xié)議”進入用戶協(xié)議頁面

設(shè)置：

• 關(guān)于我們，聯(lián)系我們跳轉(zhuǎn)新頁面，文案展示詳情
• 清除緩存，可以清理緩存
• 版本號為當前的發(fā)布版本

七、流程規(guī)范

第一階段：需求策劃

在需求探討階段產(chǎn)品經(jīng)理對內(nèi)進行需求分析，業(yè)務(wù)梳理，對外進行數(shù)據(jù)收集，用戶調(diào)研等。

討論版本需求重點是什么，要做成什么，做什么功能，怎么做，頁面交互樣式如何，邏輯實現(xiàn)，競品分析，迭代等？通過反復(fù)調(diào)研、討論、輸出交互方案。

• 確認需求可行性：產(chǎn)品在輸出交互方案后找相應(yīng)的開發(fā)及UI討論需求方案是否可行，通過達成一致后與需求方確定具體的需求方案。
• 需求宣講：產(chǎn)品經(jīng)理將交互方案和實現(xiàn)邏輯完善及需求文檔整合后，拉上項目所有成員及需求方宣講。大家通過商討，確定各個功能實現(xiàn)的難易程度，功能重點性，需求的有效性，后續(xù)的迭代延用等。

第二階段：需求研發(fā)

項目啟動：需求宣講后，開發(fā)人員根據(jù)產(chǎn)品需求文檔或者原型設(shè)計進行需求評審，評估出研發(fā)周期、提測時間、正式發(fā)

布時間點：產(chǎn)品根據(jù)評審結(jié)果發(fā)送項目啟動郵件及QQ消息告知需求方時間節(jié)點。（研發(fā)階段理論上需求方就討論方案不得進行大的改動，如果必須要改進或增加內(nèi)容，需要再次評估后延長工期來改進）

研發(fā)階段：需求研發(fā)過程中，產(chǎn)品及時跟進研發(fā)進度，保持與開發(fā)溝通確保需求被正確理解，及時解決研發(fā)過程中發(fā)現(xiàn)的新問題。如：臨時遇到一些頁面交互效果，可否替代其他交互方案來替代原有方案。一些實現(xiàn)不了的功能是否有其他替代方案等

提測階段：開發(fā)完成后，產(chǎn)品驗收相關(guān)的項目；測試根據(jù)需求文檔及會議討論測試需求功能、邏輯、交互、頁面等，提bug、優(yōu)化給開發(fā)。等待工程師回顧bug，內(nèi)網(wǎng)環(huán)境測試通過后，待產(chǎn)品上線后測試仍需測試線上環(huán)境的有效性。

第三階段：版本發(fā)布

交付運營：版本發(fā)布前可以給運營說明產(chǎn)品的各個功能的使用及頁面交互，以便其更好的推廣使用。

發(fā)布：開發(fā)將正式包上傳各大安卓市場或ios -appstore提審。（預(yù)先準備好相關(guān)的審查資料）

升級：新版本確認無問題后，進行版本的更新功能添加。（自帶更新及設(shè)置推薦更新等）

運營報告：運營人員在新版本發(fā)布后，及時檢查產(chǎn)品的實用性，推廣新版本的APP，讓用戶知曉APP已經(jīng)上線。進行相關(guān)調(diào)研收集用戶反饋，進行數(shù)據(jù)統(tǒng)計、數(shù)據(jù)分析；評估新版本功能和用戶體驗，以便后續(xù)迭代開發(fā)的有效性。

階段性工作：后續(xù)通過用戶的反饋，需求方的反饋收集及競品類網(wǎng)站的分析，制定后續(xù)的迭代計劃方案，適時的通過調(diào)查問卷，用戶調(diào)研等方式更好的理解用戶，為產(chǎn)品優(yōu)化做充分的準備！

八、備注

地圖功能可以用mapbox來進行研究，點擊地圖坐標顯示房源周邊的設(shè)施環(huán)境

參考接口文檔：https://www.mapbox.com/api-documentation/#retrieve-places-near-a-location

九、注意事項

1、產(chǎn)品開發(fā)的核心在于用戶的體驗及使用度，要站在用戶的角度去考慮，接觸一款新的APP，首先需要簡單易用，能快速的找到用戶的痛點，很容易讓用戶第一次使用就找到新奇感，有吸引其使用的視覺體驗及操作便捷之處。逐步的捆綁用戶，留存老用戶的同時，不斷迭代優(yōu)化，吸引新用戶，通過用戶的反饋及競品的分析等途徑，逐漸完善后續(xù)的開發(fā)設(shè)計。

2、開發(fā)之前與需求方的溝通及技術(shù)對接十分重要，需要確定及保留相關(guān)的設(shè)計流程，溝通記錄等，以免產(chǎn)品上線之后不必要的改動及扯皮。

（題圖由作者提供）

作者：Leon（微信號公眾號：產(chǎn)品Leon），一年工作經(jīng)驗的產(chǎn)品新人，希望大家多多指教！

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