為上百萬的FoodPanda用戶設(shè)計一個改進(jìn)食品發(fā)現(xiàn)的信息架構(gòu)
項目概述
Ola?cabs于2017年12月收購了FoodPanda在印度的業(yè)務(wù)。收購的目的是幫助Ola?cabs向食品外賣領(lǐng)域擴(kuò)張，這是Ola長期以來一直感興趣的一個行業(yè)，該公司過去曾做過Ola?Cafe這樣的實驗。
FoodPanda?India在印度100多個城市擁有超過1.2萬家餐廳合作伙伴，這讓Ola憑借一些非?？煽康馁Y質(zhì)進(jìn)入了一個本已競爭激烈的市場。
這個團(tuán)隊
收購?fù)瓿珊?，團(tuán)隊被召集在一起，幫助建立下一代FoodPanda。我得到了設(shè)計食物發(fā)現(xiàn)問題解決方案的機(jī)會，直接與一些非常優(yōu)秀的設(shè)計師合作，比如Sunit?Singh和Prashant?Jain。
我們稱這個項目為Unlock，它讓我在Sunit的指導(dǎo)下，與一個產(chǎn)品和工程團(tuán)隊一起工作。
我們的首要任務(wù)是了解當(dāng)前FoodPanda應(yīng)用程序在哪些方面未能滿足用戶和業(yè)務(wù)需求。
用戶對舊的UX有什么問題
1.?太多的選擇
決定點什么食物是日常生活中最困難的決定之一!選擇是無限的，特別是在班加羅爾(Indiranagar)或孟買(Colaba)相對較大的微觀市場，那里有超過300家餐廳可以在午餐和晚餐的高峰期提供服務(wù)。
在這樣一個過度飽和的微觀市場中，舊的應(yīng)用程序
過于脫節(jié)，無法讓用戶更好地體驗更深層次的美食發(fā)現(xiàn)。
2.?選擇太少了
老款應(yīng)用嚴(yán)重依賴于橫向卡片收集來展示餐廳的選擇，但在規(guī)模較小的微觀市場上，這款應(yīng)用表現(xiàn)不佳，因為其廣度不足以提供良好的點菜體驗。
在印度的二線和三線城市，有時供應(yīng)晚餐高峰時段的餐館不超過50家。
3.一刀切
由于技術(shù)上的限制，舊的設(shè)計無法滿足快速增長的印度企業(yè)的需求。我們決定采用一種適合所有人的設(shè)計，但這種設(shè)計在各個角落開始出現(xiàn)問題。
4.?食物的一維發(fā)現(xiàn)
當(dāng)用戶被外賣餐館的數(shù)量所淹沒時，縮小他/她的選擇需要更多的思考——預(yù)算還是揮霍?送貨最快還是不急?什么菜——中國菜、北印度菜、南印度菜、大陸菜、意大利面?
一旦用戶進(jìn)入首選菜單(中文)，就不太容易探索和比較其他菜系(可能是泰國菜)的供應(yīng)。
5.?寬度是未知的
盡管FoodPanda非常注重交易，但對于一個不尋求交易的用戶來說，選擇的廣度(餐廳總數(shù))是未知的，從而導(dǎo)致該用戶的選擇減少。
業(yè)務(wù)需求
1.?無法展示多樣化的供應(yīng)鏈
因為我們的主頁很大程度上依賴于橫向的卡片收集，所以很難在平臺上展示餐廳選擇的多樣性，即不同的菜系或餐廳提供的服務(wù)等等。除此之外，這些卡片的收集并沒有提供更深入的發(fā)現(xiàn)體驗，而只是在每個收集的卡片下面都有一些餐館，這只是冰山一角。
我們的研究顯示47%的用戶點擊了集合中的前幾個選項，而只有35%的用戶點擊了“查看全部”。
2.?為合作伙伴創(chuàng)造價值
由于采用了一種適合所有人的方式，麥當(dāng)勞越來越難以在不將主頁擠得像一個交易應(yīng)用程序的情況下為餐廳合作伙伴提供價值。我們需要更多的營銷元素，而不是將廣告條空間塞進(jìn)無盡的幻燈片中。
3.需要試驗來創(chuàng)造更多的收入機(jī)會
作為飽和和過度競爭的食品遞送行業(yè)的參與者，需要不斷嘗試，為自己和合作伙伴創(chuàng)造更多的收入流。這是FoodPanda舊設(shè)計中的一個大漏洞，需要糾正，以確?？缮炜s性。
關(guān)鍵可交付成果
了解了我們的基本現(xiàn)實和設(shè)計團(tuán)隊的目標(biāo)后，我的一些關(guān)鍵交付成果是:
設(shè)備采用新的信息架構(gòu)
創(chuàng)建可伸縮的導(dǎo)航
定期與所有項目干系人保持同步，以跟蹤項目進(jìn)展、分享見解或進(jìn)行正確的課程
在Ola同時設(shè)置的設(shè)計系統(tǒng)中工作
最后，向所有涉眾展示新的設(shè)計
設(shè)計過程
我們從一個簡單的格言開始
我們?nèi)绾巫層脩舾菀渍业绞澄?，一旦他們進(jìn)來?
點餐本身就是一項任務(wù)。滾動到最深處，但仍然不知道吃什么，這很痛苦!或者更糟糕的是，無法簡單地重新訂購以前的訂單。
我們的首要任務(wù)是重新思考完整的信息架構(gòu)，并改進(jìn)漏斗式食品發(fā)現(xiàn)技術(shù)。
項目解鎖團(tuán)隊每周同步跟蹤設(shè)計進(jìn)度，分享過去7天的見解或反饋。在這些及時同步的基礎(chǔ)上進(jìn)行了下一次迭代。除此之外，我和設(shè)????????????????????計經(jīng)理定期進(jìn)行設(shè)計簽到，以確保我們走在正確的道路上。
識別問題陳述
在最初的幾個星期里，我研究并理解了從娛樂到電子商務(wù)和音樂等各個領(lǐng)域的內(nèi)容應(yīng)用程序的信息架構(gòu)，這樣我們就可以開始尋找一些基本問題的答案:
如何在意圖的基礎(chǔ)上，通過靈活的導(dǎo)航，推動用戶進(jìn)行選擇，從而解決食品發(fā)現(xiàn)的問題?
我們?nèi)绾谓⒁粋€信息架構(gòu)，能夠立即吸引并減少決策的焦慮?
競爭與比較分析
我對蘋果應(yīng)用商店(Apple?App?Store)、Netflix、Spotify、亞馬遜(Amazon)、Instagram和AirBnB等內(nèi)容豐富的應(yīng)用程序，以及其他地區(qū)的訂餐應(yīng)用程序進(jìn)行了比較研究，以找出有助于這些應(yīng)用程序易于使用的模式。
我們了解到的是，大多數(shù)內(nèi)容豐富的應(yīng)用程序都將它們的全部產(chǎn)品縮減到少數(shù)幾個頂級超類別。這些是內(nèi)容發(fā)現(xiàn)的主要接觸點，它們打開了內(nèi)容發(fā)現(xiàn)背后更深層次的體驗。
拿走#1?-找到食物的頂級類別
為了做到這一點，我們首先需要了解人們是如何點菜的。
我們?nèi)绾螌κ澄镞M(jìn)行分類?
用戶點餐的決定受到兩個簡單的標(biāo)準(zhǔn)的影響:
時間
你在一天的什么時間點餐——早餐、午餐、小吃還是晚餐?
情緒
你今天想吃點什么?
讓我們假設(shè)一個用戶在一個星期天早上點早餐。從英式早餐到美式早餐，南印度式早餐，帕拉塔式早餐，或者是像Vada?Pav這樣的地方早餐，這些選擇數(shù)不勝數(shù)。
或者在晚餐時，用戶可以想要任何東西，從Biryani、North?Indian或Parathas，到像泰國或印度尼西亞這樣的小眾市場。
另外一個影響點餐時間和心情的因素是你的地理位置。對于印度班加羅爾的用戶來說，時間和心情會受到周圍餐廳多樣性的影響，而印多爾的用戶可能沒有這么多選擇。
地區(qū)
你從哪里訂貨?
影響食物訂購的三個因素是時間、心情和地理區(qū)域。
綜合我們的研究結(jié)果
我們現(xiàn)在明白了，我們需要找到食品訂購心理的頂級接觸點。時間、情緒和地理區(qū)域影響決策。
因此，我們可以開始設(shè)計一種可伸縮的導(dǎo)航系統(tǒng)，既能更好地發(fā)現(xiàn)食物，又能對時間敏感、個性化、適合地區(qū)。
了解我們的用戶
雖然用戶角色是在更廣泛的研究之后才被揭示出來的，但是我們做了一些用戶調(diào)查來了解印度用戶的點餐模式。我們可以定義4種在線訂購食物的用戶類型。我們還必須找到一種方法來優(yōu)先考慮這些需求，同時允許更快更好地發(fā)現(xiàn)食物。
用戶
用戶確切地知道他們想要什么，并且10次中有7次會重新訂購。
普里亞筋疲力盡地回到家后，既沒有時間也沒有耐心弄清楚吃什么。她有3-4種可供選擇的食物，她可以從當(dāng)?shù)亓餍械摹霸茝N房”(cloud?kitchen)的“新鮮菜單”(FreshMenu)中選擇。
用戶B
有價格意識并需要快速接收訂單的用戶。
Rishabh每天都在他豪華的初創(chuàng)公司辦公室訂午餐，但通常都很忙，在會議間隙會有一小段時間吃午飯。他想要快速點餐，討厭在食物上花太多錢。
用戶C
具有廣泛偏好的用戶，如菜肴或特定菜肴。
史里雅在點菜的時候總是很困惑，畢竟選擇的余地是無窮無盡的。但她至少知道自己是想吃中國菜還是印度菜，從而減少了自己的食欲。
用戶維
渴望嘗試新事物的用戶。
Supriya和Vinay是班加羅爾的一對新婚夫婦，周日通常是他們寒冷的一天。這就意味著，你可以花更多的閑暇時間試著想出今天點什么菜，這樣雙方都能滿意。
內(nèi)容的不同部分
主要的橫幅
它們是主要的銷售單元，經(jīng)常被用來推廣餐館或FoodPanda活動。
盤導(dǎo)入
“菜品導(dǎo)入”是指從每個餐廳挑選出的菜品列表，這些菜品都可以快速結(jié)賬。用戶流最適合單餐。
例如“美味漢堡@?99”或“兩人開齋餐@?159”。
餐廳導(dǎo)入
這些是由機(jī)器生成或編輯策劃的餐廳集合。
例如，“頂級品牌”、“渴望傳奇”、“再次下單”和“閃電快遞”。
收集導(dǎo)入
集合導(dǎo)入是在相同主題下聚集在一起的餐廳，主題可能是機(jī)器生成的，也可能是編輯策劃的。另一種看待它的方式是，收集的導(dǎo)入物只不過是餐廳導(dǎo)入物組合在一起。
一些例子是華麗的英語早餐?下299,與50%的餐館”,“素食者只”、“帕拉只”。
餐廳列表
所有在那個地方服務(wù)的餐館的詳盡名單。
這些收集是由一個單一的標(biāo)準(zhǔn)，如預(yù)算，交付時間或評級?；蛘呤侵黝}收集，如周五晚上的訂單或在特定地理位置的午餐訂單。餐廳列表也總是搜索和排序/篩選兼容。
解決方案
通過個性化、時效性和地域性的可伸縮導(dǎo)航，解決食物的發(fā)現(xiàn)問題
一個剖視圖
完全分解我們的信息架構(gòu)，我們有我們的構(gòu)建塊，即，
組件
組件是不同類型的內(nèi)容，可以放在一起創(chuàng)建n次體驗。
組件是模塊化的元素，允許用戶沉浸式的食物發(fā)現(xiàn)體驗。
模板
模板是由特定規(guī)則管理的框架，每個規(guī)則都提供獨特的食物發(fā)現(xiàn)體驗。
主導(dǎo)航
用戶可以通過主導(dǎo)航在不同的模板之間導(dǎo)航。
總之，可以說，
組件組成模板。模板是由主導(dǎo)航綁定在一起的獨特類別體驗。
介紹一種發(fā)現(xiàn)食物的新方法
我們新的主導(dǎo)航是由“超級菜系”組成的——頂級菜系，如亞洲菜、意大利菜、北印度菜，通過它們在每個微觀市場的受歡迎程度和訂單量來識別。
這些超級菜系會根據(jù)時間和地理位置的不同而變化(并且會“學(xué)會”將訂單歷史考慮在內(nèi))。
這樣做的目的是，當(dāng)用戶完成了學(xué)習(xí)并成功地將上下文綁定在選項卡和時間之間時，就取消標(biāo)題欄中的稱呼。
主導(dǎo)航中的每個標(biāo)簽都是一種完全不同的食物體驗，與用戶的時間和地點完全不同，而且對于每個微市場都是不同的。
這里有幾條關(guān)于超級烹飪的指導(dǎo)原則:
超級料理可以大到有自己的子菜——例如，泛亞洲可以有泰國菜、馬來菜等。
一個超級烹飪應(yīng)該有至少10家餐館服務(wù)在一個位置上的主要導(dǎo)航
主要導(dǎo)航不僅僅局限于超級烹飪。它也可以是季節(jié)性的，節(jié)日的或只是真的很流行!
首先看看一個可伸縮的食品發(fā)現(xiàn)體驗-揭示項目解鎖的結(jié)果!
接下來是什么?
構(gòu)建應(yīng)用程序的其余部分
隨著主導(dǎo)航功能的完善，我們將完成FoodPanda應(yīng)用程序的其余部分(在分階段的sprint中)的構(gòu)建。我們對用戶進(jìn)行了訪問，并觀察了點菜的過程，以便對用戶最重要的東西進(jìn)行優(yōu)先排序。我們深入研究了印度一些最大的微型市場的訂購頻率。所有這些共同的知識推動了新的FoodPanda應(yīng)用程序的設(shè)計和用戶體驗。
遷移到Ola的通用設(shè)計系統(tǒng)
當(dāng)我們忙于構(gòu)建新的FoodPanda?3.0時，Ola的設(shè)計團(tuán)隊正在為Ola世界中的所有應(yīng)用程序(金錢、游戲、FoodPanda)創(chuàng)建一種新的設(shè)計語言。
除了在新的設(shè)計語言中構(gòu)建新的信息架構(gòu)之外，我們在9月份還進(jìn)行了一次快速沖刺，在Olacabs應(yīng)用程序中啟動FoodPanda——這一練習(xí)幫助我們在實現(xiàn)新的UX更改的同時快速改進(jìn)了舊的UX。
測試和迭代
我們的下一個任務(wù)是積極地測試我們的新設(shè)計和用戶流，并快速迭代。最初的用戶測試支持新的主導(dǎo)航，現(xiàn)在我們需要集中精力進(jìn)行廣泛的用戶訪談和焦點組測試。
改善騎手體驗
重新設(shè)計rider應(yīng)用程序的計劃正在進(jìn)行中。在正確的時間優(yōu)先選擇正確的信息將是我們最大的挑戰(zhàn)，當(dāng)改善騎手的食品提取和交付的經(jīng)驗。
確認(rèn)
來自整個Ola團(tuán)隊的支持
FoodPanda首席產(chǎn)品官Rajat?Shikhar
Nikhil?Jain，產(chǎn)品副總監(jiān)
Jay?Visavadia，高級產(chǎn)品設(shè)計師
Atul?Kaushal，產(chǎn)品設(shè)計師
Iram?Javed，產(chǎn)品設(shè)計師
每一步指導(dǎo)
Prashant?Jain，設(shè)計總監(jiān)
Sunit?Singh，設(shè)計副總裁
UXFoodpandaCase?StudyAppsFood交付
原文來自：https://medium.com/designbytanya/designing-a-better-food-discovery-user-experience-while-building-the-new-foodpanda-app-9b13270236e
