Case Study Banner

Subway 無法跟上現代人需求

Subway 在2010年成為全世界最多連鎖店的三明治品牌。隨著數位時代興起及顧客飲食習慣的改變,「新鮮」和「健康」已經不是顧客唯一關心的部分。在產品的體驗上,Subway 的線上產品發展步調緩慢,當其他速食品牌早就步入「數位時代」,透過線上銷售極大地補充了線下銷售的低迷時,Subway 目前還是很仰賴線下店面銷售。

我的角色 :

獨立作業UX/UI設計師

專案時長:

4 個月(2022/2~2022/6)

專案責任 :

行動裝置原型設計 , 易用性測試

Tools :

Figma, Notion , Slack , Google meet , Maze

流程

本案研究的易用性測試包括易用性測試、迭代後原型和學習與挑戰單擊此處查看研究&設計,其中包括探索、洞察、定義問題、發想和原型。

1

探索

2

洞察

3

問題定義

4

發想

5

原型

研究&設計

6

易用性測試

7

迭代後原型

8

學習與挑戰

易用性測試

Title Icon

易用性測試

易用性測試

Maze 遠距測試

我選擇使用 Maze 進行遠距測試,Maze 具有數據分析,而遠距能有效幫助我記錄測試者的屏幕和他們的表情。我找了 5 位受訪者進行 2 次易用性測試,進行服務本身的價值驗證與版本迭代,並以 SUS 量表了解操作時所碰到的問題與想法。

測試者條件

  1. 重視健康與美味度
  2. 年齡 15~29 歲的女性
  3. 有購買 Subway 經驗

第 1 次測試任務與目標

  1. 進入 app 註冊會員
    👉🏼是否會過於繁複?
  2. 餐點推薦服務
    👉🏼是否能幫助找到想要餐點?
  3. 客製化餐點介面
    👉🏼是否易於理解選項與查看已挑選內容?
  4. 送出訂單並完成取餐
    👉🏼是否便於理解與快速查看內容並完成動作?

在測試開始之前,我與一同學習 UI/UX 的朋友展示原型流程以獲取一些反饋。多數發現皆為介面上的調整,例如:菜單左側的餐點分類應改變樣式,避免誤會提供的功能與反饋。
內部展示後,我找了 5 位測試者一起測試原型,其中 2 位在測試時無法錄製視訊狀況。一共進行 2 次易用性測試,進行服務本身的價值驗證與版本迭代,並以 SUS 量表了解操作時所碰到的問題與想法。

第 1 次易用性測試

|結果與回饋

數據與滿意度

流程屏幕數量

36

瀏覽頁面

Maze生成-可用性評分 (SUS)

55

評級 D-可用性較低

測試者填寫-可用性評分 (SUS)

60

評級 D-可用性較低

點餐流程滿意度

67

我同意購物過程非常順利

原型迭代

用戶見解如何影響設計或下一個版本

根據測試獲取的回饋,了解到有效項目與改善項目,根據可用性問題的嚴重性等級進行了一些更改,以下為前後對比介面。

門市選擇

菜單畫面

點餐畫面

訂單詳情

第 2 次易用性測試

|是否有改善先前問題

與第 1 次相同任務,進行查看是否有改善先前問題,並以數據進行確認。第 2 版本除了重新設計介面外,也重新設計了部分點餐流程的順序,測試是否會有更加流暢的點餐經驗。

數據與滿意度

流程屏幕數量

34

瀏覽頁面

Maze生成-可用性評分 (SUS)

75

評級 B-可用性適中

測試者填寫-可用性評分 (SUS)

84.5

評級 A+-可用性高

點餐流程滿意度

77

我同意購物過程非常順利

測試結果

|數據與滿意度比較

我們可以看到,在第一次迭代和第二次迭代之間,數據與滿意度兩者都有所提高。

數據與滿意度比較

流程屏幕數量

-2

減少瀏覽頁面

Maze生成-可用性評分 (SUS)

+20

可用性提高

測試者填寫-可用性評分 (SUS)

+24.5

可用性提高

點餐流程滿意度

+10

我同意購物過程非常順利

Title Icon

迭代後原型

原型展示

|線上點餐流程

嘗試使用Subway點餐系統的 3 個版本,註冊、找到想要的餐點搭配並結帳取餐。你更喜歡哪一版本呢?

用戶測試之前

第一次迭代後

第二次迭代後

Title Icon

學習與挑戰

回顧

|我所學到的

我從專案中了解到,儘管進行研究分析需要時間,但在為用戶設計服務時,讓產品能與用戶產生共鳴才最重要的一步。此外,在開始初步研究之前,提出明確的假設和目標將給出明確的方向並節省大量額外的工作。

整個設計過程


牢記主要角色 Mia

他需要什麼?會如何操作?何時操作?通過這種方式,我可以真正設計出能夠引起用戶共鳴的產品

可用性測試


迭代情境與測試方式

給予一個情境,讓測試者更能了解操作原因,而不僅僅是給出指令。另外,我根據測試人員的反饋更改了第二次迭代說明的措辭與測試開始介面,已更加帶入情境和降低影響測試結果的變素

解決方案


更多功能的見解和研究

我添加了“快速添加餐點”功能與"餐點調整"頁面做為與現有競爭對手競爭方式,但我現在覺得這是並未做到足夠的競爭力,需要更多的見解和研究

最後,由於這是我的第一個 UI/UX 項目,我嘗試使用盡可能多的工具與分析方式。但回過頭來看,其中一些可能沒有必要且可以在更加精確。

|未來考慮

這次專注於幫助新用戶挑選餐點與快速點餐,未深入考量忠實用戶與員工所會需要的功能。Subway 的下一次迭代將專注於設計、測試和改進歷史紀錄功能,從以下假設開始:

下一步

第 1 階段


新用戶必要功能

已完成項目

第 2 階段


忠實用戶必要功能

待完成項目

第 3 階段

員工必要的功能
(eg.接收訂單方式)

待完成項目