案例研究|Uber Eats 的新功能 “餐廳亮點”
編輯導語:當用戶不想出門、或不想做飯時,便可能選擇利用送餐APP來滿足自己的食欲。那么,在送餐這一日常服務中,產品應該如何提升用戶的使用體驗?本篇文章里,作者結合Uber Eats這款送餐APP進行了分析,一起來看一下。
Uber Eat 新增了 “餐廳亮點” 的功能。新功能的設計目的是為用戶提供一種新的與 App 之間互動的方式,并給餐廳提供一個可以展示更多個性化內容的空間。
查看完整設計概念文檔:
https://www.notion.so/Uber-Eats-Highlights-095cbd61deb64f039adc3cc0769c11c7
一、項目介紹?Project Pitch
1. 送餐行為研究
背景
送餐是一種將食物或雜貨運送到指定位置的服務。提供這項服務的 APP 解決了一系列用戶的需求,包括不會做飯或沒有時間做飯的人,以及想呆在家里吃現成食物的人等等,甚至有人用這款 APP 搭送貨員的車。
Uber 的選項布局
1)問題說明
像 Uber Eats 這樣的送餐 APP 有太多的選項,以至于用戶面對太多選擇會不知所措。
2)問題描述
這些 APP 根據預先確定的類別展示列出的餐廳(從特定配料到一般主題,如每日供應)。這種方式非常好,能最大限度地發揮屏幕空間,提供各種選擇,但也會有刺激買方過度選擇的巨大風險。
3)改進
我計劃重新設計 Uber Eats 的 iOS 端界面,以改變送餐 APP 中買家過度選擇行為的現狀。改進的重點是希望一次只強調一個單一的餐廳,詳細闡述其背后的故事、食物、配料和廚師。
4)必要性
改進的目的是減少買方的過度選擇,這是一種認知障礙,人們在面對太多選擇時難以做出決定。當用戶看到等價的選項,會權衡每個選項的因素,以找到風險最小的選項。這是一個令人心力交瘁的過程,用戶最后往往會選擇更安全的選項。
就送餐 APP 而言,用戶傾向于選擇他們已經嘗試過的選項,而不是選擇小商家。改進后的概念不僅解決了用戶的過度選擇問題,還為小商家提供了增加流量的機會。
5)約束條件
由于課程的限制,我無法進行 A / B 測試,來比較用戶使用原型和使用原設計做決定所需時間的差異。
6)設計計劃
我計劃設計 iOS 端界面的高保真原型。主要特點是全屏描述一個單一的餐廳,包括他們可選擇的食物和食物的制作過程。通過用全屏水平和垂直滾動的方法,來減少用戶的交互行為。
二、競品分析?Competitive Analysis
1. 抖音
TikTok 是一款社交 APP,人們可以拍攝、分享和觀看其他用戶制作的短視頻,通常在一分鐘以內。
- 它主要的目標用戶是喜歡拍和觀看短視頻的青少年和年輕人。
- 內容創建者們會分享生活事件、瑣事、技能等。觀眾在這款 APP 上觀看其他用戶發布的內容來收獲快樂。
- 這款 APP 中有一些有趣的點,比如:簡短易用的短視頻,通過上滑交互切換視頻,以及鼓勵用戶社交互動的評論和分享功能。
- 簡單的交互方式和易于識別的圖標和排版,有效地強化了讓用戶觀看視頻的產品目標。
TikTok 的主頁視覺布局
2. Ulyss
這款 APP 幫助用戶逐步篩選旅游地點,并且會基于用戶的喜好給予推薦。
- APP 的主要目標用戶是優柔寡斷的旅行者,他們需要滿足自己旅行需求的地點推薦。
- 這些旅客可以在這款 APP 上輸入他們的需求和目標,并顯示滿足這些要求的選項。
- 這款 APP 上一些有趣的點包括:直觀的遞進流程,該流程引導用戶通過有限的選擇問題,結合流程末尾的統計摘要,以比較旅行偏好和最符合要求的地點。
- 每一個選擇步驟都包含小的幾何視覺元素,可以簡化選擇,使決策更容易。
Ulyss 的逐步選擇
3. 亞馬遜
亞馬遜作為一個電子商務平臺,為用戶提供買賣產品的服務,它也是我重點分析的競品。
- 他們的主要目標受眾是那些因為沒有時間或不想出門而喜歡在網上買東西的的人群。
- 對于這個特定的目標受眾,在亞馬遜上購物縮短了篩選商品和出門的時間??爝f系統還能將商品送到任何用戶指定的地點,這大大增加了在亞馬遜上購物的便利性。
- 改善亞馬遜網上購物體驗的一些有趣的特性包括:每種產品的詳情描述,以方便用戶了解產品,從而減少用戶在購買時會出現的問題。描述包括圖表、客戶評論和其他買家的常見問題。
- 每個選項都有小的幾何視覺元素,可以簡化選擇,使用戶更容易決策。
- 通過清晰的排版格式以及標題和文本的直觀分層,信息結構被分為多個部分。這樣可以合理的安排內容,方便用戶使用。
亞馬遜 APP 中的商品描述
三、用戶場景User Scenarios
- 當我第一次進入這個 APP 時,我想在導航系統中找一個小商家的列表,這樣我就可以很容易地在大公司中進行排序。
- 當我瀏覽推薦的商家名單時,我希望能給我多推薦一些新開的店,這樣我就可以支持各種各樣的小商家。
- 當我瀏覽推薦的商家名單時,我想了解他們的生產、道德和安全預防措施,這樣我就可以對我花了錢的商家做出明智的決定。
- 當我瀏覽推薦的商家名單時,我想了解他們使用的食物和配料,這樣我就可以嘗試自己在家做。
- 當我瀏覽推薦的商家列表時,我想保存并編輯購物車中的項目,這樣我就可以不必返回主頁直接結賬。
- 當我第一次進入 APP 時,我想輕松地知道餐廳能夠提供什么服務,這樣我就可以很快找到滿足我需求的食物。
- 當我第一次進入 APP 時,我想在主導航上找到 APP 擴展功能,以便快速找到搜索選項。
- 當我瀏覽推薦的商家名單時,我想輕松地進行選項篩選,這樣我就可以直接查看各種食物選擇,而不會不知所措。
- 當我瀏覽推薦的商家名單時,我想知道這家餐廳一般都提供什么類型的食物,這樣如果不是我現在想要的,我就可以很快看下一選項。
- 當我瀏覽推薦的商家列表時,我想對某些選項進行排序和篩選,以便在搜索時排除不需要的選項。
- 當我瀏覽推薦的商家名單時,我希望能看到每道菜的配料,這樣我就可以知道我此刻想吃的食物。
- 當我瀏覽推薦的商家列表時,我希望能夠將人添加到訂單中,比如餐廳和菜單過濾器/搜索,以便使用我熟悉的擴展功能。
- 當我瀏覽推薦的商家名單時,我希望看到的不只是食物選擇的清單,這樣我就知道,除了食物之外,我還可以根據其他因素做出決定。
四、流程圖?Flowcharts
五、低保真原型?Low-Fidelity Prototypes
低保真原型 Figma 鏈接:
https://www.figma.com/proto/wBgzqtnAez9spMo9RVshRh/Advanced-Topics-in-Interactivity?node-id=105%3A6&scaling=scale-down
六、視覺規范?Image Assets
七、高保真原型?High-Fidelity Prototype
高保真原型 Figma 鏈接:
https://www.figma.com/proto/wBgzqtnAez9spMo9RVshRh/Advanced-Topics-in-Interactivity?kind=&node-id=152%3A759
本文翻譯已獲得作者的正式授權(授權截圖如下)。
作者:Katherine Ng
原文:https://ng-design.medium.com/uber-eats-new-feature-restaurant-highlights-79f4e802e0d6
譯者:邵俊森;審核:李澤慧、張聿彤;編輯:孫淑雅
本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Pexels,基于 CC0 協議
主頁直接說明菜品主要種類確實很有用,只有餐廳名字點進去可能發現沒有自己想吃的,浪費了時間
作者把這個案例分析得很透徹,文章導航也很清晰,希望平臺可以多些類似的優質內容,也期待作者創造出更好的文章!
作者提到的確實都是一些挺吸引人的點子,挺有用的!
所謂亮點,其實還是推薦這個玩兒法吧