分享關于餓了么的需求文檔

作者:世界沒有我不行(轉載已取得作者授權)

目錄
一、文檔綜述 1.1文檔屬性 1.2產品簡介 1.3產品用戶及畫像 1.4用戶需求及產品目標 二、產品結構 2.1產品功能機構圖 2.2產品信息結構圖 三、全局說明 3.1登錄頁面 3.2鍵盤說明 3.3網絡錯誤 四、產品流程圖 4.1登陸流程 4.2外賣訂單流程 五、產品頁面邏輯圖 六、頁面詳細說明 6.1首頁-上頁面
6.1.1用戶定位
6.1.2搜索框
6.1.3活動Banner
6.1.4分類子標簽欄
6.1.5全部分類
6.1.6特殊活動-超級會員Banner
6.1.7購物車
6.2首頁-下頁面
6.2.1搜索框
6.2.2排序功能欄
6.2.3商家區(qū)域
6.2.4購物車icon
6.3商家頁面
6.3.1搜索商品框
6.3.2商家公告
6.3.3查看商家信息
6.3.4查看商家評價
6.3.5查看及選購菜品
6.3.6底部結算欄
6.4訂單頁面
6.4.1確認訂單
6.4.2等待送達
6.4.3訂單送達
6.4.4評價訂單
七、總結
一、文檔綜述
1.1 文檔屬性

1.2 產品簡介
產品背景:上海拉扎斯信息科技旗下產品
產品類型:在線外賣訂餐服務平臺。主營在線外賣、新零售、即時配送等業(yè)務。
產品slogan:好而不貴,有滋有味。
產品介紹:一款主營在線外賣、新零售、即時配送和餐飲供應鏈等業(yè)務的在線外賣訂餐服務平臺。用戶可以通過訂購外賣、購買零售商品等,滿足多樣的生活需求;商家可以通過入駐平臺,進行以餐飲業(yè)為代表的運營。
產品定位:為中國廣泛地區(qū)的用戶提供豐富多樣、簡單快捷的在線訂餐服務,為不同類型的餐飲商戶提供基于互聯網技術的一體化運營。方案,并且逐漸向本地生活服務平臺方向擴展。
1.3 產品用戶及畫像


小A,一名喜歡美食的編輯,平日里喜歡嘗試不同的美食,但是卻沒有太多時間外出探店。 小B,居家工作者,工作和作息時間不規(guī)律,喜歡睡懶覺,不愛外出就食。 小C,無收入的女大學生,宿舍因為消防安全不能自己做飯,而所在學校的食堂較少,口味不好;上完課有時不想出門就餐,想窩在宿舍一邊吃飯一邊刷視頻,放松心情,增加滿足感。 小D,白領人士,有時候會吃久了工作食堂的菜色,單純想換換口味;而且附近的便利店食物營養(yǎng)搭配不好,高油高鹽,光顧客人較多,常常額外增加自己的就餐時間。 小E:職場新人,不會做飯,偶爾工作結束后,回家自己懶得開火做飯,壓力太大,想吃點高熱量的發(fā)泄一下。 ……等等
1.4 用戶需求及產品目標

二、產品結構
2.1 產品功能結構圖

2.2 產品信息結構圖

三、全局說明
3.1 登錄頁面
登錄狀態(tài)下可進行所有操作。
未登錄狀態(tài)下進入APP,僅可以瀏覽頁面,如商家信息、商品信息、活動信息。無法選購商品、查詢訂單、查看購物車及進入個人主頁、推薦有獎等互動頁面。需進行上述操作,需要跳轉到登錄界面。


登錄頁面下,呈現手機淘寶登錄按鈕,下方呈現其他登錄方式提示按鈕
點擊后,跳轉到對應第三方授權界面
授權完成后,完成登錄,跳轉到首頁
登錄頁面下,點擊手機號登錄,跳轉到手機號登錄頁面;
手機號登錄頁面,默認呈現手機號輸入框、驗證碼輸入框、獲取驗證碼按鈕;
手機號默認+86,輸入最大為11位,大于11位輸入內容不顯示,小于11位獲取驗證碼按鈕及同意協議并登錄按鈕禁用;當輸入非數字內容時,輸入框不顯示輸入內容;
點擊獲取驗證碼后,系統會自動發(fā)送驗證碼短信給輸入的手機號。驗證碼按鈕變?yōu)?0s倒計時,且處于禁用狀態(tài);
驗證碼正確,完成登錄,轉入首頁。
登錄頁面下,點擊手機號登錄,跳轉到手機號登錄頁面,再點擊右上角密碼登錄鏈接按鈕可進入本頁面。
密碼登錄頁面,默認呈現手機號/用戶名輸入框、密碼輸入框、登錄按鈕及忘記密碼鏈接按鈕。
手機號/用戶名輸入框及密碼輸入框可輸入數字、大小寫英文字母、各類符號。
忘記密碼時,可點擊“忘記密碼”跳轉到修改登錄密碼流程提示頁面。(頁面作提示使用手機號驗證碼登錄,無任何其他鏈接及功能)
3.2 鍵盤說明
3.3 網絡錯誤

3.4 頁面交互



四、產品流程圖
4.1 登陸流程

4.2 外賣訂單流程

五、產品頁面邏輯圖

六、頁面詳細說明
6.1 首頁-上頁面

用戶定位
搜索框
活動Banner
分類子標簽欄
全部分類
特殊活動-超級會員Banner
購物車
進入選擇收貨地址頁面后,點擊搜索框進入搜索收貨地址-前頁面,下方顯示用戶歷史搜索記錄,可進行刪除。
點擊城市名稱時,可進入搜索定位城市名稱頁面,從上到下顯示用戶當前定位城市名、歷史訪問城市、熱門城市及所有城市名。
搜索定位城市名稱頁面右側有城市首字母指示欄,點擊相應的首字母,可直接跳轉到相應城市集。
搜索收貨地址-前頁面搜索框輸入文字后,自動展開所搜尋到的符合的地址名稱,并從上到下按照距離由小到大排列,并顯示具體距離。

點擊選擇收貨地址頁面城市名稱時,搜索定位城市名稱頁面從底部彈出,同時搜索框上移。
點擊選擇收貨地址頁面搜索框時,搜索收貨地址-前頁面從右側彈出,同時自動選中該頁面搜索框,底部彈出字母全鍵盤。
在搜索收貨地址-前頁面搜索框輸入文字時,搜索框自動向下彈出符合的地址。

點擊首頁-上搜索框后,搜索商家頁面下方彈出,搜索框變小并上升到搜索商家頁面搜索框位置后停止。
點擊搜索商家頁面搜索框后,搜索框自動向下彈出符合的商家名稱。
點擊商家名稱,商家主頁頁面從右側彈出。
進入分類子標簽(以“美食”為例)頁面后,美食標簽頁面可通過搜索,再次進入搜索商家頁面。
搜索商家頁面進入商家主頁的邏輯與上述相同。
美食標簽頁面下,可通過瀏覽美食分類下的商家,點擊進入商家主頁。
美食分類下的商家默認按照綜合排序方式排序,點擊展開其他排序方式,如:好評優(yōu)先、起送價最低、配送最快等。
距離、銷量點擊后,商家自動按照距離從小到大、銷量從大到小排序。
篩選點擊后,展開具體篩選條件,包括:優(yōu)惠活動、商家服務、以及人均價格。

子標簽頁面點擊搜索后,整體頁面顏色變淡,搜索商家從下方彈出并逐漸覆蓋。
搜索商家頁面進入商家主頁的交互方式與上述相同。
子標簽頁面點擊商家后,整體。
標簽進入不同子標簽欄分類,與頁面右側的各個子標簽欄分類一一對應。
點擊各個分類的“去頻道”鏈接按鈕,可跳轉到對應的子標簽頁面。
點擊右側具體分類下的子標簽,可跳轉到對應的子標簽頁面,并且自動選中該子標簽頁面的對應分類(如:點擊“簡餐便當”子標簽,則跳轉到自標簽頁面后,“簡餐便當”的分類自動被選中)。

點擊全部分類頁面中左側的不同標簽,該標簽顏色加深,字體加大。右側子標簽欄分類從下到上滑動到對應的分類。
點擊全部分類頁面的“去頻道”鏈接按鈕后,子標簽頁面右側彈出,頂部標簽分類欄先加載,下方具體信息為空白,顯示緩沖標志,緩沖結束后顯示具體商家。
點擊購物車頁面的去結算按鈕,可進入確認訂單頁面。
點擊購物車頁面的刪除,在彈出反饋提示并經過用戶確認后,可刪除商品。
點擊購物車頁面的清空,在彈出反饋提示并經過用戶確認后,可清空購物車。

點擊首頁-上頁面的購物車icon后,查看購物車頁面從右側滑動彈出;
點擊購物車頁面的刪除后,彈出Dialog詢問是否確認刪除該商家的所有商品,同時購物車頁面整體變暗;
點擊購物車頁面的清空后,彈出Dialog詢問是否確認清空購物車,同時購物車頁面整體變暗;
購物車icon懸浮在整個頁面上,不隨頁面的移動而移動,用戶可通過拖動icon改變其位置。
6.2 首頁-下頁面

搜索框
排序功能欄
商家區(qū)域
購物車icon
用戶在首頁-下頁面中,商家默認為綜合排序。
點擊綜合排序的展開按鈕,展示所有商家排序方式,包括:綜合排序、好評優(yōu)先、起送價最低、配送最快、人均從低到高、人均從高到低、通用排序。
篩選功能與排序方式功能形式基本相同,具體內容有所區(qū)別。

用戶在首頁-下頁面中,點擊綜合排序的展開按鈕,排序方式選項卡從上到下滑出,同時展開按鈕旋轉180度,整個首頁-下頁面整體變暗。
排序方式選項卡中,被選中的排序方式字體加粗,收回選項卡時,展現在選項卡原“綜合排序”處。
6.3 商家頁面

搜索商品框
商家公告
查看商家信息
查看商家評價
查看及選購菜品
底部結算欄
用戶在商家主頁點擊搜索框后,可進入搜索商品頁面,搜索框下按照搜索量進行熱門搜索推薦。
用戶在搜索商品頁面點擊搜索框輸入菜品后,可搜索出目標商品并顯示相關關鍵詞商品的所有商品,按照相關度從小到大排列。
搜索出相關目標商品后,可直接將商品加入購物車。

用戶在商家主頁點擊搜索框后,搜索框內提示詞縮小,搜索商品頁面從右側彈出,同時自動選頂搜索商品頁面的搜索框,底部彈出字母全鍵盤。
用戶在搜索商品頁面點擊搜索框輸入菜品后,搜索框提示詞消失,下方彈出相關目標商品,同時關鍵詞與其他字體區(qū)分。
用戶在商家主頁點擊公告欄文字,可查看商家詳細優(yōu)惠及公告。
點擊商家公告頁底部,可退回到商家主頁。

用戶在商家主頁點擊公告欄文字,上方商品名稱及頭像欄不變。從上到下彈出公告詳情。同時下方菜品區(qū)透明度逐漸增加并滑入底部消失。
用戶在商家公告頁面,點擊下方的按鍵,公告詳情向上彈回。同時上一頁面的菜品區(qū)從底部彈出并透明度逐漸減弱。
用戶在商家主頁點擊評價標簽,可進入查看評價頁面。評價頁面評分顯示整體評分、味道評分、包裝評分、配送評分。
評價頁面下部分包含所有有內容的評價。默認選中全部評價。其他篩選評價條件為依據用戶打分而分類的好評與差評、依據時間排序的最新評價、依據用戶評價是否帶圖片的有圖評價。

用戶點擊商家主頁中的評價標簽,原主頁下方菜品區(qū)域向左滑動,評價頁面從右側彈出。同時評價字體被選中,樣式加粗加大。
查看評價頁面頁選中篩選篩選條件,下方評價卡變換,同時選中的篩選條件樣式改變,與其他標簽區(qū)分。
此時在查看評價頁面,仍然可以點擊商家公告信息,查看商家公告。交互方式與商家主頁查看公告方式相同。
用戶在商家頁下滑瀏覽,可直接點擊想要選購商品右側的添加鍵,則用戶底部結算欄變化,加入購物車成功。
用戶也可以在商家頁直接點擊想要選購商品的圖片區(qū)域,進入商品詳情頁,點擊該頁面的添加鍵,則用戶底部結算欄變化,加入購物車成功。

用戶在商家主頁直接點擊菜品右側添加鍵后,添加鍵處生成同等大小同樣顏色的實心小圓球,并以拋物線形式落到結算欄的占位符處后消失。菜品添加鍵左側,出現選購商品的數目及減少鍵。
用戶在選購商品數量為1時,點擊減少鍵,則數量及減少鍵消失。
頁面邏輯:
用戶尚未選購商品時,底部結算欄處于禁用狀態(tài)
用戶選購商品但尚未達到起送價后,出現反饋提示所差價格并指引湊單,此時可點擊結算欄查看當前已選購商品。
點擊“去湊單”鏈接按鈕后,可出現當前商家中商品價格接近所差價格的商品。用戶點擊添加鍵,可直接加入購物車。
用戶選購的商品達到起送價后,“去結算”按鈕解除禁用狀態(tài),并跳轉到確認訂單頁面。

用戶點擊“去湊單”鏈接按鈕后,前頁面整體變暗,從底部結算欄彈出商品湊單卡。
在湊單卡點擊菜品右側添加鍵后,與主頁出現數字及減少鍵的交互方式相同。
若在湊單卡添加菜品后達到起送價,則反饋提示消失。
點擊前頁面變暗區(qū)域,商品湊單卡從底部彈回消失,回到前頁面。
6.4 訂單頁面




七、總結



點擊“閱讀原文”
查看更多干貨
