2023
UX Case Study
Venue 餐廳移動端線上訂餐系統設計專案
Role
UX designer
Scope
A/B Testing
Tools
Figma / Maze
Time
1個月
背景和目標
Venue 是一家位於康尼斯託加學院杜恩校區深受學生喜愛的加拿大餐廳。然而，隨著校園的繁忙，餐廳需要一種更有效率的方法來為顧客提供美味的菜餚。我們的目標是設計一個功能齊全的線上訂餐系統，以滿足更多美食愛好者的需求。
設計流程
目標用戶
我們的目標使用者是忙碌的校園學生和工作人員。
使用者研究
我門小組進行了採訪和線上調查，以更好地服務我的設計對象並滿足他們的需求。透過分析這些數據，可以明確地了解用戶遇到的各種痛點。
競爭分析
我們分析了兩家知名的品牌餐廳的手機版外帶訂單設計，透過了解它們的特性和功能，希望能夠獲得寶貴的見解。
社區型的家庭餐廳
特點：
-
無需登錄，適合想要快速便捷下單的顧客。
-
行動訂單是提貨前訂購的快捷方式，但顧客必須先使用信用卡或禮品卡付款。
-
客製化美食功能，就近餐廳取餐，無需排隊。
受歡迎的咖啡連鎖店
特點：
-
星巴克行動網路 - 需要登錄，是提前訂購、取貨、店內掃描和付款以及客製化您的最愛的便捷方式。
-
獎勵是內建的，因此用戶可以透過購買免費飲料和食物來賺取星星點數。
-
客製化並容易下訂單，然後從附近的參與商店提貨，無需排隊。
獨特的功能
-
餐點提供客製化選項。
-
付款方式多樣，包括信用卡、現場支付和禮品卡。
-
無需強制使用者登入的便捷訂餐方式。
User Flow
品牌設計
低保真線匡圖
高保真主要頁面
Pototyping
A/B User Testing (Maze)
我們邀請了20+ 用戶參與我們的原型測試，以驗證我們小組提出的設計方案能夠滿足人們對點餐流程的需求。透過觀察我們的用戶，我們可以了解他們對應用程式的問題，例如導航的容易程度或困難程度，或者當他們按下某些按鈕時會發生什麼。
Prototyping A組
1) 主頁佈局：網格-產品
2) 漢堡菜單有一個 [立即訂購] 按鈕
2.2）選單層：對於所有選項，類別固定在頂部
2.3) 點選選項，直接進入購物車
3）購物車頁面有提供推薦餐點功能
Prototyping B 組
1) 主頁佈局：全螢幕部分 - 每日特價（功能有立即訂購按鈕）
1.2) [立即訂購] 按鈕：訂購每日特價（直接進入購物車）
2）選單層：目錄頁>選項頁
3）購物車頁面沒有推薦餐點功能
測試結果
-
總體來說，大部分的人都順利瀏覽和下訂單並返回首頁。然而，一些測試人員沒有完成任務，可能需要新手指南來指導他們如何使用我們的訂單。
-
68% 的測試者認為他們對訂購流程感到滿意。
-
84% 的測試人員發現我們的流程簡單明了。
-
B版本中，首頁點餐任務中，誤點擊率高達43%：10位測試者誤點擊，可能會迷路！使用者無法找到完整的選單按鈕，導致使用者無法找到指定的訂單。
-
在A版和B版的比較中，有10位使用者比較喜歡A版，8位使用者喜歡B版的首頁和選單分類功能。
