產(chǎn)品需求文檔（PRD）亮元，是一個(gè)產(chǎn)品項(xiàng)目由“概念化”階段進(jìn)入到“圖紙化”階段的最主要的一個(gè)文檔畔塔，其作用是“對(duì)市場(chǎng)需求文檔（MRD）中的內(nèi)容進(jìn)行指標(biāo)化和技術(shù)化”徊件，文檔的質(zhì)量好壞直接影響到研發(fā)部門是否能夠明確產(chǎn)品的功能與性能扁位。
轉(zhuǎn)載：http://www.woshipm.com/rp/853599.html

image

下面筆者將以C端用戶的身份通過(guò)使用铣减、體驗(yàn)和分析等方式倒推“餓了么”App，生成它的產(chǎn)品需求文檔静稻。然而警没，由于“餓了么”產(chǎn)品功能框架實(shí)在龐大，信息流分支眾多且界面繁雜振湾，筆者將這份文檔的撰寫重心放在“餓了么”最主要的流量入口處——首頁(yè)（外賣頁(yè)）杀迹，其余界面會(huì)在以后逐一補(bǔ)充。

文檔目錄：

一押搪、文檔綜述

1.1版本修訂記錄

1.2PRD輸出環(huán)境

1.3產(chǎn)品介紹

二树酪、產(chǎn)品結(jié)構(gòu)

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

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

三、全局說(shuō)明

3.1功能權(quán)限

3.2鍵盤說(shuō)明

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

3.4頁(yè)面異常

3.5頁(yè)面間切換交互方式

3.6更多操作

四大州、用戶操作主流程(外賣頁(yè))

五续语、頁(yè)面邏輯(用戶訂購(gòu)商品主邏輯)

六、頁(yè)面詳細(xì)功能說(shuō)明

6.1啟動(dòng)頁(yè)

6.2登陸/注冊(cè)頁(yè)

6.3首頁(yè)（外賣頁(yè)）

6.4商家頁(yè)面

6.5訂單的支付與評(píng)價(jià)頁(yè)面

七厦画、測(cè)試異常頁(yè)面及突發(fā)狀況

7.1網(wǎng)絡(luò)異常

7.2登錄異常

7.3數(shù)據(jù)丟失

八疮茄、總結(jié)

一、文檔綜述

1.1 版本修訂記錄

image

1.2 PRD輸出環(huán)境

image

1.3 產(chǎn)品介紹

“餓了么”于2009年4月上線根暑，是一款在線外賣訂餐服務(wù)平臺(tái)力试。為中國(guó)廣泛地區(qū)的用戶提供豐富多樣、簡(jiǎn)單快捷的在線訂餐服務(wù)购裙；為不同類型的餐飲商戶提供基于互聯(lián)網(wǎng)技術(shù)的一體化運(yùn)營(yíng)解決方案懂版。

“餓了么”移動(dòng)端App，滿足用戶在手機(jī)端使用產(chǎn)品時(shí)的基本功能主要包括用戶在線訂購(gòu)?fù)赓u躏率、商家入駐、配送服務(wù)民鼓、城市服務(wù)代理等薇芝。

二、產(chǎn)品結(jié)構(gòu)

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

image

（右擊丰嘉，在新標(biāo)簽頁(yè)中打開即可查看大圖）

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

image

“餓了么”App的信息架構(gòu)異常復(fù)雜夯到，這對(duì)于平時(shí)基本只會(huì)用到點(diǎn)餐訂外賣的我來(lái)說(shuō)是沒有想到的。一個(gè)主要針對(duì)在線訂餐服務(wù)的產(chǎn)品承載了如此多的內(nèi)容饮亏，并產(chǎn)生了如此多的流量入口耍贾，可留存率容易降低且流量加工能力需要很強(qiáng)。

三路幸、全局說(shuō)明

3.1 功能權(quán)限

（1）分為登陸狀態(tài)和未登陸狀態(tài)

（2）登錄狀態(tài)可進(jìn)行App內(nèi)所有操作

（3）未登錄狀態(tài)下

• 僅可以瀏覽頁(yè)面荐开，如商家信息、商品信息等简肴；
• 無(wú)法進(jìn)行商品預(yù)訂晃听、訂單結(jié)算和商家收藏；
• 無(wú)法進(jìn)入金幣商城、推薦有獎(jiǎng)能扒、周邊優(yōu)惠佣渴、免費(fèi)流量以及官方活動(dòng)等界面；
• 無(wú)法查詢訂單和早餐預(yù)訂等初斑。

3.2 鍵盤說(shuō)明

（1）點(diǎn)擊（手機(jī)號(hào)與驗(yàn)證碼）輸入框時(shí)頁(yè)面底部彈出數(shù)字鍵盤辛润；

（2）點(diǎn)擊其他輸入框頁(yè)面底部彈出字母全鍵盤。

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

（1）頂部和底部彈窗

image

（2）Toast见秤、Dialog砂竖、Alert彈窗

image

3.4 頁(yè)面異常

image

3.5 頁(yè)面間切換交互方式

在當(dāng)前頁(yè)面左邊緣處用右劃手勢(shì)快速返回之前頁(yè)面。

image

3.6更多操作

image

四秦叛、用戶操作主流程（外賣頁(yè)）

image

從用戶操作的主流程可以看出晦溪，“餓了么”App并不像其他一些App特別注重用戶的注冊(cè)引導(dǎo)性，只有在用戶需要修改/添加“收貨地址”和“提交訂單”時(shí)才會(huì)判斷用戶是否已登錄挣跋，這和“餓了么”的主要業(yè)務(wù)和功能需求有關(guān)三圆，用戶在未登錄的狀態(tài)下依然可以先查看商品的內(nèi)容信息，并在對(duì)個(gè)人喜好或者偏愛的商品下訂單作出決定時(shí)避咆，再適時(shí)提醒用戶是否登錄舟肉，這看似遲緩的引導(dǎo)反而在一定的程度上增強(qiáng)了用戶的粘性。

五查库、頁(yè)面邏輯（用戶訂購(gòu)商品主邏輯）

image

image

六路媚、頁(yè)面詳細(xì)功能說(shuō)明

6.1 啟動(dòng)頁(yè)

啟動(dòng)頁(yè)前置條件為是否已連接網(wǎng)絡(luò)，分為以下兩種情況：

1樊销、已連接網(wǎng)絡(luò)

image

頁(yè)面邏輯：

• 在已連接網(wǎng)絡(luò)情況下整慎，啟動(dòng)餓了么App后，進(jìn)入引導(dǎo)頁(yè)围苫；
• 引導(dǎo)頁(yè)等待1秒后進(jìn)入廣告頁(yè)裤园；
• 對(duì)廣告頁(yè)不進(jìn)行任何操作等待3秒，或點(diǎn)擊頁(yè)面右上方“跳過(guò)”按鈕剂府，進(jìn)入App首頁(yè)（外賣頁(yè)）拧揽；
• 點(diǎn)擊廣告頁(yè)面圖片，彈出廣告內(nèi)容腺占。

2****淤袜、未連接網(wǎng)絡(luò)

image

在未連接網(wǎng)絡(luò)情況下，啟動(dòng)App后直接進(jìn)入網(wǎng)絡(luò)異常提示頁(yè)面衰伯，并提示用戶重新加載铡羡。

思考：此處餓了么App并沒有使用其他彈窗來(lái)引導(dǎo)用戶如何檢查或設(shè)置網(wǎng)絡(luò)及網(wǎng)絡(luò)路徑，僅有的網(wǎng)絡(luò)異常提示和重新加載按鈕個(gè)人感覺從體驗(yàn)上不能有效的幫助用戶解決網(wǎng)絡(luò)問(wèn)題嚎研。

6.2 登陸/注冊(cè)頁(yè)

“餓了么”App的登陸方式采用手機(jī)號(hào)碼與驗(yàn)證碼蓖墅、密碼登錄及第三方登錄（調(diào)用第三方授權(quán)接口登陸）相結(jié)合的方式库倘，最大的便捷之處是省去了注冊(cè)的流程，用戶個(gè)人手機(jī)號(hào)碼即賬戶名论矾，而通過(guò)手機(jī)號(hào)碼和驗(yàn)證碼驗(yàn)證登錄及第三方登陸的過(guò)程就替代了相對(duì)繁瑣的注冊(cè)流程教翩。用戶在登陸以后可以再設(shè)置個(gè)人登錄密碼，同時(shí)熟悉用戶的個(gè)人頁(yè)面贪壳。

1****饱亿、登陸/注冊(cè)頁(yè)面

image

頁(yè)面邏輯內(nèi)容：

• 用戶輸入手機(jī)號(hào)碼，點(diǎn)擊“獲取驗(yàn)證碼”按鈕闰靴，“獲取驗(yàn)證碼”按鈕內(nèi)容變?yōu)椤耙寻l(fā)送”彪笼，并倒計(jì)時(shí)30秒，30秒后“已發(fā)送”按鈕內(nèi)容變?yōu)椤爸匦芦@取”蚂且；
• 用戶收到驗(yàn)證碼并在5分鐘內(nèi)輸入即可登陸配猫，超過(guò)5分鐘驗(yàn)證碼失效需要重新獲取杏死；
• 若用戶在30秒內(nèi)未收到手機(jī)驗(yàn)證碼泵肄，點(diǎn)擊“重新獲取”按鈕嘗試重新獲取驗(yàn)證碼；
• 老用戶可使用手機(jī)號(hào)碼和登錄密碼進(jìn)行登陸淑翼；
• 用戶亦可點(diǎn)擊第三方登錄下的四個(gè)按鈕腐巢，調(diào)出其授權(quán)接口進(jìn)行登陸操作。

頁(yè)面交互說(shuō)明：

• 用戶點(diǎn)擊手機(jī)號(hào)及驗(yàn)證文本框玄括，數(shù)字鍵盤從底部彈出冯丙；
• 用戶點(diǎn)擊獲取驗(yàn)證碼按鈕，按鈕顏色變?yōu)榛疑饩谋咀優(yōu)椤耙寻l(fā)送”并伴有30秒倒計(jì)時(shí)胃惜，30秒過(guò)后按鈕文本變?yōu)椤爸匦芦@取”；
• 用戶點(diǎn)擊右上角“密碼登錄”哪雕，密碼登錄頁(yè)面從頁(yè)面右側(cè)彈出蛹疯，同時(shí)字母全鍵盤從底部彈出，在輸入密碼時(shí)热监，可以點(diǎn)擊右側(cè)圖標(biāo)設(shè)置是否顯示密碼；
• 用戶點(diǎn)擊第三方登陸下的四個(gè)按鈕饮寞，相應(yīng)的第三方授權(quán)頁(yè)面從頁(yè)面右側(cè)彈出孝扛。

2****、登陸/注冊(cè)功能邏輯流程

image

6.3 首頁(yè)（外賣頁(yè)）

由于筆者繪制的App原型圖完全參照個(gè)人手機(jī)屏幕的實(shí)際尺寸即（375px*677px）幽崩，所以這里將首頁(yè)（外賣頁(yè)）分為上苦始、中、下三個(gè)部分慌申，并對(duì)相應(yīng)的功能和操作進(jìn)行逐一說(shuō)明陌选。

6.3.1 外賣頁(yè)-上

image

（1）頁(yè)面名稱：外賣頁(yè)-上

（2）頁(yè)面入口：“餓了么”App首頁(yè)

（3）頁(yè)面結(jié)構(gòu)

1. 用戶位置定位
2. 用戶位置天氣
3. 商家理郑、商品搜索框
4. 食品標(biāo)簽欄
5. 商品分類標(biāo)簽區(qū)，共十五類
6. 活動(dòng)/廣告Banner咨油，七例活動(dòng)/廣告頁(yè)輪播
7. 商品分類專題區(qū)您炉，共五類
8. 購(gòu)物車，對(duì)添加進(jìn)購(gòu)物車的商品集中結(jié)算役电、刪除等赚爵。

（4）邏輯內(nèi)容詳細(xì)說(shuō)明

**① **用戶位置定位：系統(tǒng)默認(rèn)情況GPS自動(dòng)定位并顯示用戶所在位置，點(diǎn)擊后頁(yè)面轉(zhuǎn)至選擇收貨地址頁(yè)面法瑟。

頁(yè)面邏輯內(nèi)容：

在選擇收貨地址頁(yè)面冀膝，用戶點(diǎn)擊“請(qǐng)輸入地址”文本框輸入新地址、或點(diǎn)擊頁(yè)面中已保存的其他收貨地址霎挟、抑或點(diǎn)擊頁(yè)面右上方的新增地址并且編輯確定后窝剖，選擇收貨地址頁(yè)面轉(zhuǎn)回至外賣頁(yè)，用戶位置定位變更為當(dāng)前已修改的新地址酥夭。

image

頁(yè)面交互說(shuō)明：

• “外賣”頁(yè)面下點(diǎn)擊用戶位置定位赐纱，選擇收貨地址頁(yè)面從底部彈出；
• “選擇收貨地址”頁(yè)面下點(diǎn)擊“請(qǐng)輸入地址”文本框采郎，字母全鍵盤從底部彈出千所，當(dāng)前地址、收貨地址和附近地址等頁(yè)面內(nèi)容隱藏蒜埋；
• “選擇收貨地址”頁(yè)面下點(diǎn)擊新增地址淫痰，新增地址頁(yè)面從右側(cè)彈出，點(diǎn)擊相應(yīng)文本框輸入內(nèi)容時(shí)字母全鍵盤會(huì)從底部彈出整份，點(diǎn)擊地址文本框待错，右側(cè)彈出確認(rèn)收貨地址頁(yè)面；
• 文本框在輸入文本后烈评，原文本框提示內(nèi)容消失火俄。

②用戶位置天氣，系統(tǒng)根據(jù)用戶所在位置實(shí)時(shí)的展示當(dāng)前位置的天氣情況讲冠。

③商家瓜客、商品搜索框：點(diǎn)擊搜索框后頁(yè)面跳轉(zhuǎn)至商家、商品搜索頁(yè)面竿开。

頁(yè)面邏輯內(nèi)容：

• 搜索頁(yè)面結(jié)構(gòu)分為文本搜索框谱仪、歷史搜索及熱門搜索三部分內(nèi)容；
• 用戶輸入商家否彩、商品名稱等內(nèi)容進(jìn)行搜索（支持內(nèi)容模糊搜索）疯攒，搜索完成后頁(yè)面轉(zhuǎn)至搜索的商家、商品推薦頁(yè)列荔；
• 系統(tǒng)對(duì)已搜索過(guò)的內(nèi)容自動(dòng)標(biāo)簽化添加到歷史搜索內(nèi)容（歷史搜索規(guī)則描述：按搜索的時(shí)間倒序排列敬尺，排列方式從左至右枚尼、從上至下排列，可展示四排內(nèi)容砂吞，可點(diǎn)擊垃圾桶圖標(biāo)清除所有歷史搜索內(nèi)容署恍，也可長(zhǎng)按相應(yīng)的搜索標(biāo)簽進(jìn)行刪除，標(biāo)簽字?jǐn)?shù)長(zhǎng)度限制為十字符呜舒，超出部分用“…”代替锭汛。）；
• 熱門搜索內(nèi)容是系統(tǒng)為用戶推薦的商家袭蝗、商品及活動(dòng)標(biāo)簽唤殴，點(diǎn)擊相應(yīng)標(biāo)簽，進(jìn)入相應(yīng)商家到腥、商品及活動(dòng)推薦頁(yè)朵逝。

image

• 商家、商品推薦頁(yè)面結(jié)構(gòu)為搜索框乡范、篩選排序欄配名、與搜索內(nèi)容相關(guān)的標(biāo)簽欄和推薦商家列表；
• 在商家晋辆、商品推薦頁(yè)面上渠脉，與搜索內(nèi)容相關(guān)的文本都被加粗加亮顯示，如“漢堡”瓶佳；
• 篩選排序欄分為綜合排序下拉列表芋膘、按銷量最高排序、按距離最近排序及篩選霸饲；綜合排序下拉列表包括好評(píng)優(yōu)先为朋、起送價(jià)最低、配送最快等選項(xiàng)厚脉；篩選則按照配送方式（蜂鳥專送）习寸、優(yōu)惠活動(dòng)（新用戶、特價(jià)商品傻工、下單立減霞溪、贈(zèng)品優(yōu)惠、下單返券中捆、進(jìn)店領(lǐng)券）威鹿、人均消費(fèi)（20以下、20-40轨香、40以上）等三方面進(jìn)行篩選排序；
• 標(biāo)簽欄是可與搜索內(nèi)容相關(guān)的可組合內(nèi)容幼东，如“漢堡”+“蜂鳥專送”臂容、“漢堡”+“炸雞”科雳，通過(guò)點(diǎn)擊各個(gè)標(biāo)簽，商家列表將把包含搜索內(nèi)容+標(biāo)簽內(nèi)容的商家羅列出來(lái)脓杉；
• 在商家列表內(nèi)點(diǎn)擊相應(yīng)商家區(qū)域進(jìn)入相應(yīng)商家頁(yè)面糟秘。

頁(yè)面交互說(shuō)明：

• “外賣”頁(yè)面下點(diǎn)擊商家、商品搜索框球散，商家尿赚、商品搜索頁(yè)面淡入，外賣頁(yè)淡出蕉堰，字母全鍵盤從底部彈出凌净；
• 在輸入文本后，文本框提示內(nèi)容 消失屋讶；
• 通過(guò)搜索商家和商品內(nèi)容冰寻、點(diǎn)擊歷史搜索標(biāo)簽及熱門搜索標(biāo)簽，商家皿渗、商品及活動(dòng)推薦頁(yè)面從右側(cè)彈出斩芭；
• 點(diǎn)擊綜合排序或篩選，從“篩選排序欄”處彈出下拉列表乐疆，原商家划乖、商品推薦頁(yè)面變暗；再次點(diǎn)擊綜合排序和篩選挤土，下拉列表收回琴庵，商家、商品推薦頁(yè)面恢復(fù)耕挨；
• 標(biāo)簽欄可點(diǎn)擊選擇细卧，也可以通過(guò)左右滑動(dòng)的手勢(shì)查看后面的標(biāo)簽，并點(diǎn)擊不同的標(biāo)簽內(nèi)容筒占；
• 單次點(diǎn)擊不同的標(biāo)簽贪庙，商家列表刷新且加入不同的標(biāo)簽內(nèi)容，重復(fù)點(diǎn)擊同一標(biāo)簽翰苫，刪除之前添加的標(biāo)簽內(nèi)容止邮；
• 商家列表可上下滑動(dòng)，顯示更多信息奏窑，滑動(dòng)時(shí)上导披、下部均有邊界，上部為阻尼拖拽埃唯，下部會(huì)在邊界處更新內(nèi)容撩匕。

④食品標(biāo)簽欄：點(diǎn)擊相應(yīng)的食品標(biāo)簽進(jìn)入相應(yīng)的食品內(nèi)容搜索頁(yè)面（與“商家、商品搜索框搜索到的商家墨叛、商品推薦頁(yè)一致”）止毕，同時(shí)向下拉動(dòng)“外賣”頁(yè)面可以更新食品標(biāo)簽欄的內(nèi)容模蜡，食品標(biāo)簽欄最多展示七個(gè)食品標(biāo)簽。

⑤商品分類標(biāo)簽區(qū)：共十五類扁凛，點(diǎn)擊相應(yīng)的商品分類標(biāo)簽忍疾，進(jìn)入相應(yīng)的商品推薦頁(yè)面。由于標(biāo)簽區(qū)十五類商品分類的頁(yè)面結(jié)構(gòu)和內(nèi)容極其相似谨朝，筆者暫時(shí)優(yōu)先選擇對(duì)“美食”類標(biāo)簽做分析和說(shuō)明卤妒，其余十四類會(huì)在以后逐一補(bǔ)充。

頁(yè)面邏輯內(nèi)容：

• “美食”頁(yè)面結(jié)構(gòu)分為標(biāo)題欄（包括美食標(biāo)題字币、商家和商品搜索按鈕和返回按鈕）则披，美食標(biāo)簽欄，美食標(biāo)簽區(qū)和與美食標(biāo)簽相對(duì)應(yīng)的商家推薦列表四部分纬朝。
• 點(diǎn)擊標(biāo)題欄中的搜索按鈕轉(zhuǎn)至商家收叶、商品搜索頁(yè)；
• 點(diǎn)擊美食標(biāo)簽或在頁(yè)面內(nèi)左右滑動(dòng)“美食”頁(yè)面共苛，美食標(biāo)簽區(qū)和商家推薦列表的內(nèi)容相應(yīng)刷新并改變判没；
• 點(diǎn)擊美食標(biāo)簽欄的下拉按鈕，展開商品分類標(biāo)簽區(qū)列表隅茎；
• 點(diǎn)擊美食標(biāo)簽區(qū)進(jìn)入美食標(biāo)簽區(qū)頁(yè)面澄峰，如“熱賣套餐”頁(yè)面；
• 商家推薦列表包括篩選排序欄和商家列表辟犀，點(diǎn)擊商家區(qū)域會(huì)進(jìn)入相應(yīng)的商家頁(yè)面俏竞。

image

image

頁(yè)面交互說(shuō)明：

• “外賣”頁(yè)面下點(diǎn)擊商品分類標(biāo)簽區(qū)標(biāo)簽，如“美食”堂竟，“美食”頁(yè)面從右側(cè)彈出魂毁；
• “美食”頁(yè)面下點(diǎn)擊搜索按鈕，商家出嘹、商品搜索頁(yè)面淡入席楚，“美食”頁(yè)面淡出，字母全鍵盤從底部彈出税稼；
• “美食”頁(yè)面下點(diǎn)擊美食標(biāo)簽欄下拉按鈕烦秩，“美食”頁(yè)面變暗，從“美食”標(biāo)題欄處向下彈出商品分類標(biāo)簽區(qū)列表郎仆，下拉按鈕方向向上只祠，再次點(diǎn)擊下拉按鈕或者點(diǎn)擊空白區(qū)域，商品分類標(biāo)簽區(qū)列表收回扰肌，“美食”頁(yè)面恢復(fù)抛寝，下拉按鈕方向恢復(fù)默認(rèn)；
• 在“美食”頁(yè)面非邊緣區(qū)域左右滑動(dòng)，美食標(biāo)簽跟隨頁(yè)面滑動(dòng)墩剖，效果與點(diǎn)擊標(biāo)簽相同猴凹，美食標(biāo)簽區(qū)和商家推薦列表內(nèi)容相應(yīng)更新并改變；
• 商家列表可上下滑動(dòng)岭皂，顯示更多信息，滑動(dòng)時(shí)上部有邊界沼头，下部會(huì)不斷更新爷绘。

⑥活動(dòng)/廣告Banner：七例活動(dòng)/廣告頁(yè)輪播，點(diǎn)擊后頁(yè)面轉(zhuǎn)到相應(yīng)活動(dòng)/廣告頁(yè)面进倍；

頁(yè)面交互說(shuō)明：點(diǎn)擊活動(dòng)/廣告Banner區(qū)域土至，活動(dòng)/廣告頁(yè)面從右側(cè)彈出。

⑦商品分類專題區(qū)：共五類猾昆，包括“限量搶購(gòu)”陶因、“熱賣套餐”、“吃貨狂歡節(jié)”以及兩個(gè)根據(jù)每天和時(shí)段細(xì)分的不同分類專題垂蜗，點(diǎn)擊后進(jìn)入相應(yīng)分類專題頁(yè)面楷扬，同樣由于商品分類專題區(qū)的五類專題從頁(yè)面結(jié)構(gòu)和內(nèi)容上極其相似，筆者優(yōu)先選擇其中的“限量搶購(gòu)”專題進(jìn)行分析和說(shuō)明贴见，剩余的四類在以后逐一補(bǔ)充烘苹。

頁(yè)面邏輯內(nèi)容：

• 限時(shí)搶購(gòu)頁(yè)面的頁(yè)面結(jié)構(gòu)分為標(biāo)題欄、標(biāo)簽欄和商品推薦列表片部，其中標(biāo)簽欄包含早餐镣衡、下午茶、正餐档悠、夜宵和水果零食五個(gè)細(xì)分廊鸥，不同的標(biāo)簽對(duì)應(yīng)著相應(yīng)的商品推薦列表；
• 用戶可以根據(jù)餐時(shí)及自身的需要選擇相應(yīng)的細(xì)分標(biāo)簽辖所，并在細(xì)分標(biāo)簽下的商品推薦列表中挑選商品惰说；
• 在商品推薦列表中點(diǎn)擊商品所在區(qū)域，頁(yè)面轉(zhuǎn)至該商品所在的商家頁(yè)面奴烙，同時(shí)點(diǎn)擊的商品會(huì)自動(dòng)加入已選商品列表等待用戶結(jié)算助被。

image

頁(yè)面交互說(shuō)明：

• 在“限時(shí)搶購(gòu)”頁(yè)面下，點(diǎn)擊不同的標(biāo)簽切诀，標(biāo)簽的底紋顏色會(huì)發(fā)生相應(yīng)的變化揩环，如早餐（綠色漸變）、下午茶（橙色漸變）幅虑、正餐（藍(lán)色漸變）丰滑、夜宵（深藍(lán)色漸變）、水果零食（紫色漸變）；
• 商品列表可上下滑動(dòng)褒墨，顯示更多信息炫刷，滑動(dòng)時(shí)上、下部均有邊界郁妈，上部為阻尼拖拽浑玛，下部會(huì)在邊界處更新內(nèi)容；
• 在商品推薦列表中點(diǎn)擊商品所在區(qū)域噩咪，商品所屬的商家界面會(huì)從“限時(shí)搶購(gòu)”頁(yè)面右側(cè)彈出顾彰。

⑧

購(gòu)物車：用戶可以對(duì)添加進(jìn)購(gòu)物車的商品進(jìn)行結(jié)算、刪除等胃碾。

頁(yè)面邏輯內(nèi)容：

• “購(gòu)物車”頁(yè)面主要分為兩部分涨享，等待結(jié)算的商品訂單、起送價(jià)不足的商品訂單（商品價(jià)格低于商家配送的金額標(biāo)準(zhǔn)）和失效商家（商品所屬商家休息）仆百；
• 用戶在對(duì)商品未進(jìn)行結(jié)算之前厕隧，所有曾點(diǎn)擊添加過(guò)的商品都會(huì)進(jìn)入“購(gòu)物車”等待結(jié)算；
• 在“購(gòu)物車”中可能會(huì)有多種商品等待結(jié)算俄周，用戶可以刪除不需要的商品亦可以對(duì)相應(yīng)的商品進(jìn)行結(jié)算支付吁讨；
• 在結(jié)算支付過(guò)程中可以選擇更改收貨地址，使用紅包或代金券等栈源；

image

頁(yè)面交互說(shuō)明：

• 用戶在“外賣頁(yè)”未有任何操作2秒時(shí)挡爵，購(gòu)物車按鈕從頁(yè)面底部右側(cè)彈出，當(dāng)進(jìn)行滑動(dòng)頁(yè)面或者任何操作時(shí)甚垦，購(gòu)物車按鈕彈回右側(cè)茶鹃；
• 用戶點(diǎn)擊購(gòu)物車按鈕，“購(gòu)物車”頁(yè)面從頁(yè)面右側(cè)彈出艰亮；
• 用戶在“購(gòu)物車”頁(yè)面點(diǎn)擊垃圾桶圖標(biāo)闭翩，彈出Toast提示是否確認(rèn)刪除該商家的所有商品；
• 用戶在“購(gòu)物車”頁(yè)面點(diǎn)擊“去結(jié)算”按鈕迄埃，支付頁(yè)面從右側(cè)彈出疗韵，且在“支付”頁(yè)面下點(diǎn)擊當(dāng)前收貨地址，可修改并重新選擇收貨地址侄非，選擇收貨地址頁(yè)面從右側(cè)彈出蕉汪；
• 在“支付”頁(yè)面點(diǎn)擊“免密支付”，“下單成功”頁(yè)面從右側(cè)彈出逞怨。

6.3.2 外賣頁(yè)-中

image

（1）頁(yè)面名稱：外賣頁(yè)-中

（2）頁(yè)面入口：“餓了么”App首頁(yè)

（3）頁(yè)面結(jié)構(gòu)

1. 商家者疤、商品搜索框
2. 商品分類專題區(qū)，共五類
3. 官方推薦精品商家
4. 品質(zhì)優(yōu)選區(qū),大牌精選商家
5. 購(gòu)物車
6. 推薦商家列表

（4）邏輯內(nèi)容詳細(xì)說(shuō)明

由于上述頁(yè)面結(jié)構(gòu)中①叠赦、②驹马、⑤部分在“外賣頁(yè)-上”中已作出過(guò)說(shuō)明，不再贅述，接下來(lái)對(duì)③糯累、④算利、⑥部分進(jìn)行說(shuō)明。

③官方推薦精品商家：每天系統(tǒng)都會(huì)對(duì)該區(qū)內(nèi)容作出更新調(diào)整泳姐，用戶點(diǎn)擊官方推薦精品商家區(qū)域后頁(yè)面轉(zhuǎn)至精品商家頁(yè)面效拭。

頁(yè)面邏輯內(nèi)容：

• 官方推薦精品商家區(qū)域類似一個(gè)廣告鏈接，用戶點(diǎn)擊過(guò)后轉(zhuǎn)至商家頁(yè)面胖秒；
• 結(jié)構(gòu)布局主要由商家主打商品圖片允耿、特價(jià)商品信息和促銷活動(dòng)信息構(gòu)成。

image

頁(yè)面交互說(shuō)明：

• 在“外賣”頁(yè)下點(diǎn)擊官方推薦精品商家區(qū)域扒怖，商家頁(yè)面從“外賣頁(yè)”右側(cè)彈出空入。

④品質(zhì)優(yōu)選區(qū)沙兰，大牌商家：用戶點(diǎn)擊該區(qū)域頁(yè)面轉(zhuǎn)至品質(zhì)優(yōu)選頁(yè)面粤铭。

頁(yè)面邏輯內(nèi)容：

• “外賣”頁(yè)下的品質(zhì)優(yōu)選區(qū)域由標(biāo)題（品質(zhì)優(yōu)選）和商家推薦表組成罚缕，商家推薦表由單行四列的商家（商家圖片+商家名稱+“大牌精選”標(biāo)注）構(gòu)成窗悯，商家名稱最多顯示五個(gè)字符羽历，如名稱超過(guò)五個(gè)字符讲弄，第五個(gè)字符由“…”代替扎拣，如“深圳麥當(dāng)…（深圳麥當(dāng)勞）”熔号；
• 品質(zhì)優(yōu)選頁(yè)面結(jié)構(gòu)由標(biāo)題欄（即品質(zhì)優(yōu)選）和推薦商家列表組成稽鞭；
• 推薦商家列表內(nèi)羅列的商家都是規(guī)模較大的品牌商家，每個(gè)商家下方都放置“大牌精選”的標(biāo)注引镊；
• 在商家列表中點(diǎn)擊商家區(qū)域進(jìn)入相應(yīng)的商家頁(yè)面朦蕴；
• 由于沒有篩選排序欄，在品質(zhì)優(yōu)選頁(yè)面無(wú)法對(duì)商家列表進(jìn)行排序弟头，因而其排列規(guī)則筆者暫時(shí)還無(wú)從知曉吩抓。

image

頁(yè)面交互說(shuō)明：

• 在“外賣”頁(yè)下點(diǎn)擊品質(zhì)優(yōu)選區(qū)域，品質(zhì)優(yōu)選頁(yè)面從“外賣”頁(yè)右側(cè)彈出赴恨；
• 在“品質(zhì)優(yōu)選”頁(yè)下點(diǎn)擊推薦商家列表內(nèi)的相應(yīng)商家區(qū)域疹娶，商家頁(yè)面從“品質(zhì)優(yōu)選”頁(yè)右側(cè)彈出；
• 商家列表可上下滑動(dòng)伦连，顯示更多信息雨饺，滑動(dòng)時(shí)上、下部均有邊界惑淳，上部為阻尼拖拽额港，下部會(huì)在邊界處更新內(nèi)容。

⑥推薦商家列表：由于推薦商家列表的主要內(nèi)容在“外賣頁(yè)-下”中汛聚，所以其說(shuō)明也放在“外賣頁(yè)-下”中進(jìn)行锹安。

6.3.3 外賣頁(yè)-下

image

（1）頁(yè)面名稱：外賣頁(yè)-下

（2）頁(yè)面入口：“餓了么”App首頁(yè)

（3）頁(yè)面結(jié)構(gòu)

1. 商家、商品搜索框
2. 商家推薦列表
3. 購(gòu)物車

（4）邏輯內(nèi)容詳細(xì)說(shuō)明

由于上述頁(yè)面結(jié)構(gòu)中①、③部分在“外賣頁(yè)-上”中已作出過(guò)說(shuō)明叹哭，不再贅述忍宋，接下來(lái)對(duì)②部分進(jìn)行主要說(shuō)明。

②商家推薦列表风罩，羅列了餓了么App內(nèi)所有的商家糠排，包括普通商家、品牌商家和新入駐商家超升，用戶點(diǎn)擊相應(yīng)的商家區(qū)域便進(jìn)入到相應(yīng)的商家頁(yè)面入宦，并在商家頁(yè)面下挑選商品進(jìn)行預(yù)訂和結(jié)算。

頁(yè)面邏輯內(nèi)容：

• 商家推薦列表中的商家信息由商家圖片室琢、名稱乾闰、星級(jí)評(píng)分、月售訂單數(shù)盈滴、起送價(jià)格涯肩、配送方式、配送費(fèi)巢钓、配送時(shí)間病苗、商家距離、商家促銷活動(dòng)以及商家保障等構(gòu)成症汹；·
• 每一個(gè)商家的促銷活動(dòng)信息最多顯示兩條硫朦，可通過(guò)點(diǎn)擊促銷活動(dòng)下拉菜單查看所有的促銷活動(dòng)；
• 點(diǎn)擊相應(yīng)的商家區(qū)域轉(zhuǎn)至相應(yīng)的商家頁(yè)面背镇；
• 商家推薦列表中沒有篩選排序欄咬展，因而商家列表的牌序規(guī)則筆者暫時(shí)無(wú)從知曉。

image

頁(yè)面交互說(shuō)明：

• 在“外賣”頁(yè)的商家推薦列表下點(diǎn)擊商家區(qū)域芽世，商家頁(yè)面從“外賣”頁(yè)右側(cè)彈出挚赊；
• 推薦商家列表可上下滑動(dòng)，顯示更多信息济瓢，滑動(dòng)時(shí)上荠割、下部均有邊界，上部為阻尼拖拽旺矾，下部會(huì)在邊界處更新商家列表內(nèi)容蔑鹦。

6.3.4 外賣頁(yè)小結(jié)

縱觀整個(gè)外賣頁(yè)的功能與結(jié)構(gòu)，大體可以分為三大類功能模塊即“搜索模塊（搜索框）”箕宙、“分類模塊（分類標(biāo)簽/分類專題）”與“推薦模塊（推薦列表）”等嚎朽。“餓了么”App用這三大模塊功能對(duì)不同用戶的不同需求提供相應(yīng)的解決方案柬帕，然而看似三種甚至更多的用戶需求入口哟忍，最終都會(huì)集中到同一出口即“具體的商家頁(yè)面”狡门，進(jìn)而結(jié)算商品訂單直至最終的交易完成，功能邏輯如下锅很。

image

由此可見其馏，“商家頁(yè)面”是“外賣”頁(yè)中最為主要且唯一的流量出口頁(yè)面，也正因如此爆安，“餓了么”App才會(huì)選擇在這里來(lái)引導(dǎo)用戶登陸/注冊(cè)叛复，而不是在App初次打開的首頁(yè)面便引導(dǎo)用戶。那么接下來(lái)筆者就對(duì)從商家頁(yè)面直至最后的交易完成整個(gè)流程進(jìn)行逐一說(shuō)明扔仓。

6.4 商家頁(yè)面

筆者通過(guò)自身的體驗(yàn)褐奥，隨機(jī)選擇一個(gè)商家為例（漢克斯炸雞漢堡）。

image

（1）頁(yè)面名稱：商家頁(yè)面

（2）頁(yè)面結(jié)構(gòu)：

1. 商家頁(yè)面更多操作
2. 商家標(biāo)題欄
3. 商家促銷活動(dòng)欄
4. 商品/評(píng)價(jià)欄
5. 商品結(jié)算欄

（3）邏輯內(nèi)容詳細(xì)說(shuō)明

**① **商家頁(yè)面更多操作

包含多人訂餐翘簇、進(jìn)入購(gòu)物車以及更多操作按鈕（“…”）撬码。其中更多操作按鈕在點(diǎn)擊后彈出下拉列表菜單，菜單內(nèi)容包括店內(nèi)搜索版保、多人訂餐耍群、分享商家、商家詳情頁(yè)和收藏商家等功能找筝，點(diǎn)擊相應(yīng)子菜單進(jìn)入相應(yīng)的功能頁(yè)面。

image

**② **商家標(biāo)題欄

顯示商家名稱慷吊、商家公告等信息袖裕，點(diǎn)擊此區(qū)域頁(yè)面轉(zhuǎn)至商家詳情頁(yè)。商家詳情頁(yè)展示商家名稱溉瓶、評(píng)分急鳄、月售訂單量、商家公告堰酿、商家圖片疾宏、商家配送信息、商家促銷活動(dòng)與服務(wù)触创、商家評(píng)價(jià)坎藐、商家信息（商家品類、商家電話哼绑、地址岩馍、營(yíng)業(yè)時(shí)間）及商家營(yíng)業(yè)資質(zhì)等內(nèi)容。用戶可以在商家詳情頁(yè)內(nèi)查看該商家評(píng)價(jià)內(nèi)容抖韩，聯(lián)系商家（商家電話）蛀恩，查看商家的營(yíng)業(yè)資質(zhì)或舉報(bào)商家等。

image

**③ **商家促銷欄

展示商家的促銷信息茂浮，單次點(diǎn)擊右側(cè)的“7個(gè)活動(dòng)”區(qū)域（下拉列表）展開双谆，再次點(diǎn)擊下拉列表收回壳咕，默認(rèn)情況只展示一條促銷活動(dòng)，在促銷欄展開時(shí)顽馋，商品/評(píng)論欄及下方的商品內(nèi)容自動(dòng)下移谓厘，同時(shí)促銷活動(dòng)的角標(biāo)垂直翻轉(zhuǎn)。

image

**④ **商品/評(píng)價(jià)欄

展示商品類型（如熱銷趣避、優(yōu)惠庞呕、新品上市等）及相應(yīng)類型商品列表和用戶對(duì)商家商品的評(píng)價(jià)內(nèi)容。默認(rèn)情況下為“商品”頁(yè)面程帕，展示的是商品類型內(nèi)容住练，且“商品”字段下方注有下劃線，“商品字段”和“下劃線”顏色一致愁拭，當(dāng)用戶點(diǎn)擊評(píng)價(jià)或者在頁(yè)面中左劃手勢(shì)操作時(shí)讲逛，“商品頁(yè)面”轉(zhuǎn)至評(píng)價(jià)頁(yè)面（從右側(cè)彈出）且“商品”字段下方下劃線動(dòng)態(tài)滑落至“評(píng)價(jià)”字段下方，再次點(diǎn)擊“商品”或在頁(yè)面中右劃手勢(shì)操作返回商品頁(yè)面岭埠。

商品頁(yè)面包含內(nèi)容：商品類型標(biāo)簽盏混、代金券領(lǐng)取和商品列表。點(diǎn)擊代金券處“去領(lǐng)取”按鈕即領(lǐng)取了商家的代金券惜论，在商品列表中對(duì)相應(yīng)商品點(diǎn)擊“+”按鈕许赃，即將商品添加到結(jié)算欄中，同時(shí)該商品所屬的商品類型標(biāo)簽及結(jié)算欄圖標(biāo)的右上角相應(yīng)增加角標(biāo)如“1”馆类、“2”等混聊，具體角標(biāo)數(shù)字視添加的商品數(shù)量而定。

評(píng)價(jià)頁(yè)面包含商家的綜合評(píng)分信息與用戶評(píng)價(jià)內(nèi)容兩部分乾巧。在綜合評(píng)分信息欄中用戶可以看到商家的服務(wù)態(tài)度句喜、商品評(píng)分及商品的送達(dá)時(shí)間，數(shù)據(jù)都來(lái)自于用戶的匯總評(píng)價(jià)沟于。用戶評(píng)價(jià)內(nèi)容分三欄咳胃，上方為查看評(píng)價(jià)內(nèi)容的標(biāo)簽欄（全部、滿意旷太、不滿意展懈、有圖、味道好供璧、送貨慢等）标沪，標(biāo)簽中的數(shù)字代表該標(biāo)簽下的評(píng)價(jià)總數(shù)量，中間為提醒用戶是否選擇查看有內(nèi)容的評(píng)論嗜傅，下方則是具體用戶的評(píng)價(jià)內(nèi)容及評(píng)價(jià)時(shí)間金句。“餓了么”的評(píng)價(jià)系統(tǒng)均采用匿名評(píng)價(jià)的方式吕嘀，評(píng)價(jià)內(nèi)容包括用戶對(duì)商家服務(wù)违寞、商品贞瞒、送達(dá)時(shí)間以及具體的評(píng)價(jià)內(nèi)容等四方面。

image

**⑤ **商品結(jié)算欄

用于用戶對(duì)已挑選的商品進(jìn)行結(jié)算并且與購(gòu)物車相關(guān)聯(lián)趁曼。用戶在商品列表中對(duì)滿意的商品點(diǎn)擊“+”按鈕時(shí)军浆，會(huì)有模擬商品從“+”按鈕處以拋物線形式動(dòng)態(tài)掉落至結(jié)算欄圖標(biāo)處，同時(shí)“+”按鈕向左彈出“-”按鈕挡闰，此時(shí)用戶點(diǎn)擊“+”乒融、“-”按鈕，即相應(yīng)增減結(jié)算欄中的商品數(shù)量摄悯。用戶點(diǎn)擊商品結(jié)算欄區(qū)域會(huì)從結(jié)算欄處向上彈出結(jié)算列表赞季，用戶可以對(duì)已選的商品進(jìn)行增減數(shù)量及清空等操作，在結(jié)算列表彈出的時(shí)候奢驯，商家頁(yè)面同時(shí)變暗申钩。點(diǎn)擊“去結(jié)算”按鈕后，頁(yè)面轉(zhuǎn)至訂單預(yù)支付頁(yè)面瘪阁。

image

6.5 訂單的支付與評(píng)價(jià)頁(yè)面

在訂單預(yù)支付頁(yè)面撒遣，用戶可以查看并修改個(gè)人的收貨地址，同時(shí)查看訂單預(yù)計(jì)送達(dá)時(shí)間和訂單詳情（包括商家管跺、商品內(nèi)容）义黎。根據(jù)用戶的口味偏好及用餐人數(shù)，用戶可以設(shè)置備注填寫個(gè)人口味及餐具數(shù)量豁跑。在用戶支付訂單之前轩缤，還可以查看是否有紅包和代金券可用，并選擇相應(yīng)的在線支付方式及是否需要商家開具發(fā)票贩绕。目前餓了么支持四種在線支付方式，包括支付寶免密支付壶愤、花唄淑倾、銀行卡網(wǎng)銀支付、QQ錢包支付等征椒。筆者常用的支付方式是支付寶免密支付娇哆，這種支付方式快捷便利，在確定了收貨地址勃救、訂單內(nèi)容與商品金額后碍讨，點(diǎn)擊“免密支付”按鈕頁(yè)面隨即轉(zhuǎn)至下單成功頁(yè)面，然后點(diǎn)擊“完成”按鈕就可以靜靜地等待商品送貨上門了蒙秒，同時(shí)在下單成功頁(yè)面用戶還可以在頁(yè)面下方查看和自己口味勃黍、興趣相當(dāng)?shù)钠渌脩舳伎戳四男┥唐罚淞四男┥碳摇?/p>

image

在用戶下單支付后晕讲，系統(tǒng)會(huì)給用戶派發(fā)分享紅包及優(yōu)惠代金券禮包覆获，紅包可以轉(zhuǎn)發(fā)分享給好友马澈，類似微信紅包，隨機(jī)領(lǐng)取相應(yīng)的紅包金額弄息，而代金券禮包則是用戶自己領(lǐng)取痊班，也是隨機(jī)金額。同時(shí)在等待訂單的過(guò)程中摹量，用戶會(huì)接到“商家接單”及“配送員出發(fā)配送”的實(shí)時(shí)提醒涤伐，彈窗從頁(yè)面頂部彈出。此外用戶在訂單完成頁(yè)面點(diǎn)擊右上角的完成按鈕之后缨称，頁(yè)面轉(zhuǎn)至等待送達(dá)的頁(yè)面凝果。

image

在等待送達(dá)頁(yè)面用戶可通過(guò)上下劃手勢(shì)操作查看訂單預(yù)送達(dá)時(shí)間（由動(dòng)態(tài)環(huán)形進(jìn)度條顯示，隨著時(shí)間的推移具钥，環(huán)形進(jìn)度條逐漸減短）豆村，訂單信息（包括配送信息和訂單信息）等內(nèi)容；用戶可根據(jù)自身需要進(jìn)行“取消訂單骂删、聯(lián)系賣家掌动、催促賣家盡快發(fā)貨（催單）”等操作，在頁(yè)面的最下方也可以瀏覽其他商品信息宁玫。而當(dāng)用戶存在任何與訂單相關(guān)的問(wèn)題時(shí)都可以點(diǎn)擊頁(yè)面右上方的耳麥圖標(biāo)粗恢，與“餓了么”App客服聯(lián)系。

當(dāng)用戶收到商品后可點(diǎn)擊確認(rèn)送達(dá)按鈕欧瘪，或不進(jìn)行操作眷射，由賣家提交商品已送至用戶收貨地址處。此時(shí)頁(yè)面轉(zhuǎn)至訂單完成頁(yè)面佛掖，用戶可申請(qǐng)售后或者評(píng)價(jià)訂單妖碉。

image

評(píng)價(jià)頁(yè)面分為三部分：商品評(píng)價(jià)、商家服務(wù)評(píng)價(jià)及配送服務(wù)評(píng)價(jià)芥被。三部分評(píng)價(jià)內(nèi)容除了商品評(píng)價(jià)內(nèi)可添加商品圖片外基本相同欧宜，都包括表情、標(biāo)簽和文字內(nèi)容拴魄。其中表情分為三類即代表“不滿意冗茸、基本滿意和很滿意”，默認(rèn)表情為第二種基本滿意匹中；標(biāo)簽基本涵蓋了用戶對(duì)評(píng)價(jià)對(duì)象表示基本滿意的各項(xiàng)內(nèi)容夏漱；如果用戶有對(duì)商家和商品有任何的看法和建議可以在文本框內(nèi)輸入文字內(nèi)容進(jìn)行評(píng)價(jià)，文字內(nèi)容不能涉及敏感詞庫(kù)并要超過(guò)五個(gè)字符顶捷，否則提交評(píng)價(jià)失敗且會(huì)有彈窗提示用戶挂绰。

當(dāng)用戶在商品評(píng)價(jià)時(shí)輸入了文字內(nèi)容或選擇了商品評(píng)價(jià)標(biāo)簽，在提交評(píng)價(jià)后會(huì)得到10金幣服赎，金幣用于“餓了么”App內(nèi)另一個(gè)頁(yè)面功能（金幣商城）扮授，在這里筆者暫不作說(shuō)明芳室。

當(dāng)用戶對(duì)訂單提交評(píng)價(jià)后，頁(yè)面轉(zhuǎn)至評(píng)價(jià)成功界面刹勃。至此堪侯，表示用戶在“餓了么”App內(nèi)的預(yù)訂商品交易流程完成。

image

七荔仁、測(cè)試異常頁(yè)面及突發(fā)狀況

筆者根據(jù)自身對(duì)“餓了么”App的使用體驗(yàn)伍宦，測(cè)試了一些異常頁(yè)面和突發(fā)狀況下App的應(yīng)對(duì)處理方式，大體分為網(wǎng)絡(luò)異常乏梁、登陸異常及數(shù)據(jù)丟失等次洼。

7.1 網(wǎng)絡(luò)異常

image

測(cè)試內(nèi)容：斷開網(wǎng)絡(luò)時(shí)各頁(yè)面的顯示內(nèi)容及聯(lián)網(wǎng)使用過(guò)程中突然的斷網(wǎng)狀態(tài)。

通過(guò)測(cè)試遇骑，筆者發(fā)現(xiàn)“餓了么”App在用戶網(wǎng)絡(luò)斷開連接時(shí)對(duì)首頁(yè)（外賣頁(yè)）及“我的”頁(yè)面做了數(shù)據(jù)的緩存卖毁，而沒有數(shù)據(jù)緩存的頁(yè)面如訂單頁(yè)則是做了網(wǎng)絡(luò)異常的UI界面設(shè)計(jì)，并且界面中包含動(dòng)態(tài)的圖標(biāo)落萎，并提示用戶“網(wǎng)絡(luò)異常亥啦，重新加載”；在用戶使用App過(guò)程中练链，突發(fā)網(wǎng)絡(luò)中斷時(shí)會(huì)相應(yīng)的彈出Toast提醒用戶“似乎已斷開與互聯(lián)網(wǎng)的連接”翔脱。

網(wǎng)絡(luò)異常小結(jié)

網(wǎng)絡(luò)異常突發(fā)狀況下，“餓了么”App會(huì)以三種方式應(yīng)對(duì)處理即：頁(yè)面數(shù)據(jù)緩存媒鼓、設(shè)計(jì)網(wǎng)絡(luò)異常UI界面和彈窗提示届吁。

其中頁(yè)面數(shù)據(jù)緩存方式的頁(yè)面效果比較友好，而由于網(wǎng)絡(luò)異常導(dǎo)致的部分過(guò)期數(shù)據(jù)內(nèi)容會(huì)困擾用戶（如“我的”頁(yè)面中的金幣和紅包）绿鸣，且隨著使用時(shí)長(zhǎng)的增加疚沐，App緩存占用的內(nèi)存會(huì)不斷增加；同時(shí)設(shè)計(jì)網(wǎng)絡(luò)異常UI頁(yè)面和彈窗提示能在一定程度上提高用戶體驗(yàn)潮模，但過(guò)度頻繁的提醒可能會(huì)增加用戶的厭煩感亮蛔。

7.2 登陸異常

image

測(cè)試內(nèi)容：未登錄狀態(tài)下查看各頁(yè)面內(nèi)容及嘗試結(jié)算訂單。

通過(guò)測(cè)試再登，筆者發(fā)現(xiàn)在未登錄狀態(tài)下用戶除了訂單頁(yè)、用戶“我的”頁(yè)及在商家頁(yè)面結(jié)算時(shí)會(huì)提示用戶登陸或直接轉(zhuǎn)至登陸界面晾剖，其他頁(yè)面用戶都可以隨意查看瀏覽锉矢。由此可見，“餓了么”App對(duì)用戶的“登陸/注冊(cè)”引導(dǎo)性很低齿尽，然而考慮之前對(duì)“餓了么”多入口對(duì)應(yīng)單出口的功能邏輯分析沽损，這可能也是“餓了么”App采取的特有引導(dǎo)方式，即將“登陸/注冊(cè)”功能設(shè)置在商家頁(yè)面的結(jié)算出口處循头，針對(duì)不同使用場(chǎng)景及不同需求的用戶绵估，以此來(lái)適當(dāng)增加用戶對(duì)App的粘性炎疆。

登陸異常小結(jié)

登陸異常突發(fā)狀況下，“餓了么”App采取頁(yè)面跳轉(zhuǎn)登陸界面及設(shè)計(jì)登陸異常的UI界面兩種方式国裳。其中需要用戶信息的頁(yè)面會(huì)有相應(yīng)登陸異常的UI提示(如查看訂單頁(yè))形入，需要用戶信息的子頁(yè)面會(huì)直接轉(zhuǎn)至登陸頁(yè)面（如商家頁(yè)面與購(gòu)物車的訂單結(jié)算）。

7.3 數(shù)據(jù)丟失

除了網(wǎng)絡(luò)異常及登陸異常以外缝左，用戶還可能遇到在使用“餓了么”App過(guò)程中接打電話亿遂、手機(jī)突然關(guān)機(jī)、App程序突然崩潰等異常狀況渺杉，這些狀況都會(huì)造成一定程度上的數(shù)據(jù)丟失蛇数。在使用App時(shí)接打電話，“餓了么”程序會(huì)自動(dòng)設(shè)置為后臺(tái)運(yùn)行是越，但若在后臺(tái)運(yùn)行的時(shí)間過(guò)長(zhǎng)耳舅，再次打開程序頁(yè)面會(huì)默認(rèn)轉(zhuǎn)至“歡迎引導(dǎo)頁(yè)”，而在手機(jī)關(guān)機(jī)和App崩潰的情況下倚评，App只能重新打開浦徊，而不能回到之前操作的頁(yè)面。此外“餓了么”App對(duì)支付訂單功能設(shè)置了十五分鐘支付時(shí)效蔓纠，即需要用戶在十五分鐘內(nèi)對(duì)已選定的訂單進(jìn)行結(jié)算付款辑畦，這也在一定程度上能夠解決可能的數(shù)據(jù)丟失造成的支付問(wèn)題。

八腿倚、總結(jié)

由于“餓了么”App框架龐大纯出，流量入口繁雜，筆者在此主要對(duì)首頁(yè)（外賣頁(yè)）部分及相應(yīng)的邏輯功能流程進(jìn)行撰寫說(shuō)明敷燎，其他部分會(huì)在以后逐一補(bǔ)充暂筝。本篇PRD是個(gè)人根據(jù)現(xiàn)有的“餓了么”App產(chǎn)品倒推的，一定會(huì)有很多疏漏之處硬贯，作為一個(gè)決心入行的產(chǎn)品準(zhǔn)新人小白焕襟，懇請(qǐng)您的諒解，此外有些功能邏輯或頁(yè)面邏輯闡述不合理的饭豹，也請(qǐng)您能幫我指出鸵赖，在以后的學(xué)習(xí)中一定會(huì)逐漸修正，本人不勝感激拄衰！

注：文檔中所引用的彩色App截圖來(lái)源于“餓了么”App它褪。