CASE STUDY

打造旅遊 eSIM 新服務體驗

負責角色

UX Designer

合作對象

UI 設計師 ×1、工程師 ×4、PM ×1、Marketing ×2

負責項目

產品流程規劃、商業策略、介面設計、易用性驗證

專案背景

TEL-U 是一款海外旅遊通訊 App。公司希望導入 eSIM 新服務,同時保留既有實體 SIM 產品,逐步將 eSIM 發展為主要方案。

核心挑戰

如何在主推 eSIM 的同時保留實體 SIM,重新規劃兩種服務的定位與入口,並在既有系統限制下串起跨平台的購買與啟用流程。

上線成果

會員新增

+ 50%

收益成長

+120%

實體卡轉 eSIM

+ 40%

下載數成長

+ 80%

01

需求探索與競品分析

eSIM 與實體 SIM 的使用條件

eSIM 與實體 SIM 的使用差異

初步發現,eSIM 仍有裝置支援限制,主要支援 iPhone XR 以上機型,Android 裝置則相對有限。

eSIM 導入策略

根據市場與行銷團隊提供的資料,當時多數使用者對 eSIM 這項新服務仍不熟悉,加上部分裝置尚未支援,因此首版不直接取代既有實體 SIM,而是採「主推 eSIM、保留實體 SIM」的雙軌策略,逐步引導使用者採用 eSIM。

根據前期研究與行銷團隊提供的資料,台灣市場仍處於 eSIM 與實體 SIM 並行的階段。因此,產品策略並非立即取代實體 SIM,而是逐步提高 eSIM 轉換率,同時保留實體 SIM 方案,滿足不同裝置與使用者需求。


設計上的核心目標,是在同一套購買流程中清楚區分兩種服務,並引導適合的使用者選擇 eSIM。

主推服務

推動 eSIM 使用🔥

產品策略

透過產品引導,讓既有實體 SIM 使用者逐步轉向 eSIM,減少實體卡製作與寄送成本,也讓使用者能更快完成購買與使用。

保留服務

保留實體 SIM 卡

產品策略

考量部分裝置尚未支援 eSIM,仍需保留原有方案,避免既有使用者無法繼續使用服務。

從競品理解 eSIM 的使用流程

為了理解 eSIM 服務的入口、安裝與啟用方式,我研究了多個相關產品,並挑選 Mint Mobile 與 Yesim 兩個較具參考價值的案例進一步分析。

MINT Mobile

用清楚的主次入口降低選擇成本

以明確的 CTA 層級優先引導 eSIM,讓我開始思考 TEL-U 如何透過入口層級推動新服務。

Yesim

安裝教學與跨系統引導

透過逐步教學銜接 App 與系統設定,讓我注意到 eSIM 體驗不只停在購買,跨系統啟用也需要被設計。

競品分析結論

服務入口

將 eSIM 作為主要入口,降低實體 SIM 的優先級;這種主次分明的入口設計,值得作為 TEL-U 推動 eSIM 轉換的參考。

操作引導

圖文教學與步驟提示,是降低 eSIM 啟用門檻的關鍵。

啟用方式

常見為掃描 QR Code、手動輸入啟用碼與 In-app Activation。

02

從流程構想到首版決策

原始流程構想

綜合競品的流程與教學方式後,我先整理出 eSIM 從購買、安裝到啟用的完整流程,描繪第一版概念。
綜合競品的流程與教學方式後,
我先整理出 eSIM 從購買、安裝到系統啟用的完整流程,作為初步設計的基礎。

1

1

購買 eSIM 方案

購買 eSIM 方案

2

2

安裝 eSIM 服務

安裝 eSIM 服務

3

3

前往系統啟用 eSIM

前往系統啟用 eSIM

4

4

成功啟用 eSIM

成功啟用 eSIM

原本簡單的啟用流程,被產品導入條件打斷

原本簡單的啟用流程,被產品導入條件打斷

初步規劃時,我預期使用者購買後,能直接從 App 內進入 eSIM 安裝流程。但當時 In-app eSIM Activation 的相關協議與導入尚未完成,首版因此無法採用。使用者只能透過 QR Code 或手動輸入啟用資訊,再前往系統設定完成安裝。

跨系統流程成了我最頭痛的問題 😲

由於首版仍需透過 QR Code 或手動輸入完成 eSIM 安裝,使用者需要在 App 與手機系統設定之間切換。因此,流程引導與圖文教學將成為體驗中的重要環節,幫助使用者理解每個步驟、知道下一步該做什麼,並順利完成 eSIM 啟用。

聚焦首版的三個核心問題

綜合前期研究、產品策略與技術限制,我將首版需求收斂為三個直接影響使用者選擇與啟用體驗的核心問題。
綜合前期研究、產品策略與技術限制,我將首版需求收斂為三個直接影響使用者選擇與啟用體驗的核心問題。

03

從產品策略到設計執行

綜合前面的產品策略與導入條件,我將設計收斂為三個關鍵決策,並依使用者從進入服務、選擇方案到完成啟用的操作路徑展開。

01

1|eSIM 為主要入口,並保留實體 SIM

入口策略

1|eSIM 為主要入口,並保留實體 SIM

主推 eSIM,同時保留實體 SIM

1|eSIM 為主要入口,並保留實體 SIM

主推新服務,同時保留既有服務路徑

重新安排入口優先級

原本導覽頁以既有的實體 SIM 綁定為主要入口。導入 eSIM 後,我重新調整入口層級,將 「購買 eSIM 方案」設為主要 CTA,同時保留 「綁定實體 SIM 卡」 作為次要入口。這樣既能提高新服務的曝光,也不會中斷既有實體 SIM 使用者的操作路徑。

即使裝置不支援 eSIM,仍保留支援資訊入口,讓使用者理解服務與可支援裝置

檢視完整 Intro Flow

02

1|eSIM 為主要入口,並保留實體 SIM

方案導購策略

1|eSIM 為主要入口,並保留實體 SIM

依裝置支援狀態顯示可選方案

1|eSIM 為主要入口,並保留實體 SIM

A|依裝置條件調整首頁推薦

1|eSIM 為主要入口,並保留實體 SIM

調整首頁導購入口

首頁會依裝置是否支援 eSIM 動態調整推薦內容。支援 eSIM 時優先呈現 eSIM;不支援時則改為實體 SIM,讓使用者從首頁就看到較適合自己的服務入口。

B|依裝置條件控制可選方案

1|eSIM 為主要入口,並保留實體 SIM

eSIM 與實體 SIM 需要共存在同一個方案頁中,同時又要考量不同裝置的支援條件。因此我先處理兩種服務的呈現方式,再進一步決定不同裝置可看到的方案內容。

比較三種呈現方式,最後採用頁籤

我比較了三種呈現方式,最後採用頁籤。相較下拉篩選與懸浮按鈕,頁籤能更清楚區分 eSIM 與實體 SIM,同時維持在同一套方案架構中。

將裝置判斷延伸到方案顯示

確定以頁籤區分兩種服務後,我將裝置支援狀態延伸到方案頁:支援 eSIM 時顯示 eSIM 與實體 SIM;不支援時則隱藏 eSIM,只保留可使用的實體 SIM 方案

支援 eSIM 的裝置可瀏覽 eSIM 與實體 SIM 方案,因此保留頁籤切換;不支援 eSIM 的裝置則直接顯示實體 SIM 方案,不額外提供頁籤,減少無效選擇。進入結帳後,頁面也會依方案類型顯示對應資訊,降低使用者選錯方案的風險。

保留適用方案的選擇彈性,同時減少無效選項。

( 支援 eSIM 裝置 ) 購買 eSIM後,「顯示方案頁籤」

( 不支援 eSIM 裝置 ) 購買實體 SIM 卡後,「隱藏方案頁籤」

03

1|eSIM 為主要入口,並保留實體 SIM

eSIM 啟用流程引導

1|eSIM 為主要入口,並保留實體 SIM

降低使用者跨系統安裝門檻

1|eSIM 為主要入口,並保留實體 SIM

A|拆解跨系統啟用流程

1|eSIM 為主要入口,並保留實體 SIM

首版需透過 QR Code 或手動輸入啟用資訊,使用者必須離開 TEL-U App 前往系統設定完成安裝。既然無法改變底層安裝方式,我便先拆解跨系統流程,確認使用者每一步需要的資訊與操作。

首版需透過 QR Code 或手動輸入啟用資訊,使用者必須離開 TEL-U App 前往系統設定完成安裝。既然無法改變底層安裝方式,我便先拆解跨系統流程,確認使用者每一步需要的資訊與操作。

B|讓跨系統啟用有清楚的下一步

1|eSIM 為主要入口,並保留實體 SIM

我將 QR Code 與手動輸入啟用資訊集中在同一個啟用頁,作為進入系統設定前的操作起點;再把跨 App 與系統設定的流程拆成清楚步驟,透過圖文教學、平台區分與狀態提示,協助第一次使用 eSIM 的使用者完成啟用。

我將 QR Code 與手動輸入啟用資訊集中在同一個啟用頁,作為進入系統設定前的操作起點;再把跨 App 與系統設定的流程拆成清楚步驟,透過圖文教學、平台區分與狀態提示,協助第一次使用 eSIM 的使用者完成啟用。

C|用任務測試驗證啟用流程

1|eSIM 為主要入口,並保留實體 SIM

完成 eSIM 啟用流程後,我邀請 3 位跨部門同事進行任務式易用性測試,觀察使用者是否能理解操作順序,並順利從 App 銜接至系統設定完成啟用。

完成 eSIM 啟用流程後,我邀請 3 位跨部門同事進行任務式易用性測試,觀察使用者是否能理解操作順序,並順利從 App 銜接至系統設定完成啟用。

Participants

3 位跨部門同事

Task

依 App 引導完成 eSIM 啟用

Focus

操作順序、資訊理解、跨系統銜接

預期操作路徑

測試結果

測試結果與原先預期不同。使用者並不是在進入系統設定後才遇到困難,而是在 App 內查看安裝說明時,就已經對操作順序與資訊位置產生困惑。

受測者回饋:

設計調整

由於系統端的安裝流程無法改變,我將優化重點放回 App 內,重新整理教學順序、強化下一步提示,並補上啟用資訊的複製功能,讓使用者在離開 App 前先準備好所需資訊。

最終方案與上線

完成調整後,方案進入正式上線。受限於當時專案時程,本次未再安排第二輪正式易用性測試,因此調整主要依據首輪測試觀察與團隊討論完成。

購買後觀看 eSIM 教學流程

購買後觀看 eSIM 教學流程

跳開 App 輸入 eSIM 啟用碼

跳開 App 輸入 eSIM 啟用碼

04

上線成果與後續迭代

eSIM 上線成果

eSIM 上線兩個月後,會員、收益與下載數皆有成長,實體 SIM 使用者也逐步轉向 eSIM。另一方面,後續回饋也顯示,首次啟用對部分使用者仍有學習門檻。

會員新增

+ 50%

+ 50%

+ 50%

收益成長

+120%

+ 120%

+ 120%

實體卡轉 eSIM

+ 40%

+ 40%

+ 40%

下載數成長

+ 80%

  • 80%

+ 80%

將 eSIM 教學延伸到 App 之外

上線後,我發現首次使用者的學習不只發生在 App 內。由於 eSIM 安裝需跨到系統設定,我主動與行銷團隊對齊,將安裝教學延伸到官網圖文與教學影片,補足產品外的使用者教育。

從不同的網路平台推廣 eSIM 教學影片或整頁式的圖文步驟

依實際使用情境補強產品提示

上線後,團隊持續根據客服回饋補強產品提示。
1. 之前沒想到有代購與團體旅遊等情境,讓團隊重新檢視「裝置不支援=沒有購買需求」的假設。

  1. 有部分使用者會誤刪 eSIM 或重複啟用方案,因此後續補上更明確的提醒與操作說明,降低誤操作。

專案反思

這次最具挑戰性的部分,是在既有商業模式中導入 eSIM。除了重新規劃整體使用流程,也必須兼顧原有的實體 SIM 服務,在兩者之間取得平衡;加上緊湊的時程與技術限制,也提高了規劃與落地的難度。


設計過程中,我從不同裝置與使用情境出發,思考支援與不支援 eSIM 的 iOS、Android 用戶,會如何理解服務入口與後續流程。這也讓我更明確地感受到,當新服務牽動產品架構與商業模式時,設計師不能只處理眼前的介面與流程,而是需要理解產品本身,以及各環節之間的關係。


回顧整個專案,最有成就感的是團隊在兩個月內成功將 eSIM 落地。也很感謝開發與行銷團隊在過程中的協作與支持。上線後,eSIM 不僅擴展了 TEL-U 的服務,也實際帶來會員與營收成長。

這次最具挑戰性的部分,是在既有商業模式中導入 eSIM。除了重新規劃整體使用流程,也必須兼顧原有的實體 SIM 服務,在兩者之間取得平衡;加上緊湊的時程與技術限制,也提高了規劃與落地的難度。


設計過程中,我從不同裝置與使用情境出發,思考支援與不支援 eSIM 的 iOS、Android 用戶,會如何理解服務入口與後續流程。這也讓我更明確地感受到,當新服務牽動產品架構與商業模式時,設計師不能只處理眼前的介面與流程,而是需要理解產品本身,以及各環節之間的關係。


回顧整個專案,最有成就感的是團隊在兩個月內成功將 eSIM 落地。也很感謝開發與行銷團隊在過程中的協作與支持。上線後,eSIM 不僅擴展了 TEL-U 的服務,也實際帶來會員與營收成長。

這次最具挑戰性的部分,是在既有商業模式中導入 eSIM。除了重新規劃整體使用流程,也必須兼顧原有的實體 SIM 服務,在兩者之間取得平衡;加上緊湊的時程與技術限制,也提高了規劃與落地的難度。


設計過程中,我從不同裝置與使用情境出發,思考支援與不支援 eSIM 的 iOS、Android 用戶,會如何理解服務入口與後續流程。這也讓我更明確地感受到,當新服務牽動產品架構與商業模式時,設計師不能只處理眼前的介面與流程,而是需要理解產品本身,以及各環節之間的關係。


回顧整個專案,最有成就感的是團隊在兩個月內成功將 eSIM 落地。也很感謝開發與行銷團隊在過程中的協作與支持。上線後,eSIM 不僅擴展了 TEL-U 的服務,也實際帶來會員與營收成長。

Thanks for reading

Thanks for reading

Thanks for reading 😀

觀看其他專案

觀看其他專案