專案名稱

旅遊 App|eSIM 啟用流程設計

2023/01 - 2023/04

2023/01 - 2023/04

負責角色

UX Designer

合作對象

合作對象

合作對象

合作對象

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

負責項目

負責項目

負責項目

負責項目

規劃介面流程、競品分析、易用性測試

專案背景

TEL-U 是一款為海外旅遊與商務出差打造的通訊 App,整合實體 SIM、eSIM、門號通話與行動數據加值,一支手機即可完成設定與管理。隨著海外旅遊回溫,公司同步導入 eSIM 線上開通機制,使用者可在 App 內購買並啟用 eSIM,免插卡即可連網,大幅提升出國上網的便利性。

目標與挑戰

因應產品拓展海外市場的目標,產品導入新的 eSIM 功能,並聚焦於快速啟用流程與使用體驗。重新整合新舊商業模式,使用流程將大幅度的調整,除了面臨技術限制外,也需面臨短期的時程壓力。

成果及影響

eSIM 功能推出後顯著改善用戶轉換與營收成效,會員轉換率達 50%,收益提升至 120%,帶動整體下載量成長 50%。

eSIM 功能推出後顯著改善用戶轉換與營收成效,會員轉換率達 50%,收益提升至 120%,帶動整體下載量成長 50%。

整個 eSIM 設計流程拆解為以下幾個階段

01 前期初步研究

先來比較實體 SIM 卡與 eSIM !

eSIM 簡單來說就是一種虛擬 SIM 卡,讓手機裝置 "免插實體卡" 即可使用行動網路

eSIM 簡單來說就是一種虛擬 SIM 卡,讓手機裝置 "免插實體卡" 即可使用行動網路

eSIM 簡單來說就是一種虛擬 SIM 卡,讓手機裝置 "免插實體卡" 即可使用行動網路

網路使用方式

TEL-U 用戶九成以上集中在台灣,旅遊時仍以插卡實體 SIM 為主要上網方式。為初步了解使用者對 eSIM 的認知與使用狀況,我們進行了非正式的探索性訪談,涵蓋日常通勤者、海外旅遊族群與一般手機用戶。結果顯示,多數受訪者對 eSIM 的了解有限,甚至有部分人是首次聽聞此服務,反映出台灣市場對 eSIM 尚處於早期階段,具備推廣與教育的潛力。

觀察洞見

有出國經驗者對 eSIM 功能的理解與接受度顯著較高,推論其主要動機來自對跨境上網的即時性與便利性的需求,此族群展現出明確的使用情境與較高的轉換意願,適合作為產品早期推廣與教育策略的核心對象。

有出國經驗者對 eSIM 功能的理解與接受度顯著較高,推論其主要動機來自對跨境上網的即時性與便利性的需求,此族群展現出明確的使用情境與較高的轉換意願,適合作為產品早期推廣與教育策略的核心對象。

制定商業目標

根據前期研究與行銷團隊提供資料,我們發現台灣市場正處於 eSIM 與實體 SIM 服務並行的過渡階段。
在公司積極推動 eSIM 上線的策略下,如何有效整合 eSIM 與實體 SIM 卡於同一介面,並引導用戶順利轉換,成為現階段的核心設計挑戰。
因此,本專案的商業目標為——提升 eSIM 用戶為主,並保留實體 SIM 卡使用族群,以確保新舊服務交替期間能平穩過渡。

根據前期研究與行銷團隊提供資料,我們發現台灣市場正處於 eSIM 與實體 SIM 服務並行的過渡階段。
在公司積極推動 eSIM 上線的策略下,如何有效整合 eSIM 與實體 SIM 卡於同一介面,並引導用戶順利轉換,成為現階段的核心設計挑戰。因此,本專案的商業目標為——提升 eSIM 用戶為主,並保留實體 SIM 卡使用族群,以確保新舊服務交替期間能平穩過渡。

主要方向

提升 eSIM 用戶為主

產品策略

產品策略

相較於傳統 SIM 卡,eSIM 免去攜帶與更換實體卡的麻煩,降低遺失與損壞風險。對企業而言,則可省下製卡、物流與管理成本,並提供更具彈性的資費方案與流量配置,提升市場競爭力。

次要決策

保留實體 SIM 卡

產品策略

產品策略

鑒於市場上仍有部分裝置尚未支援 eSIM,為兼顧用戶需求,現階段仍將保留實體 SIM 卡服務,以確保服務覆蓋與使用彈性。

02 需求探索

競品分析

在初步釐清使用者對 eSIM 的需求後,為深入理解 eSIM 使用流程與操作方式,我針對三款具 eSIM 服務 App——Mint Mobile、Yesim、AIRSIM 進行比較分析。分析面向包含:安裝流程、CTA 操作引導、資訊結構與教學輔助,歸納產品的使用體驗優劣,並作為後續設計策略的參考依據。

設計啟發

🟢 Mint Mobile 的流程簡潔性作為參考,設計應聚焦在「縮短完成路徑」與「每步皆有明確目的」。

🟠 Yesim 的圖文教學雖步驟較多,但在教學內容上相當完整,可作為我們後續導入圖示的參考來源。

🔵 AIRSIM 雖有直觀的體驗,但從商業流程與技術的角度來看會與我們的產品較為不同。

🟢 Mint Mobile 的流程簡潔性作為參考,設計應聚焦在「縮短完成路徑」與「每步皆有明確目的」。

🟠 Yesim 的圖文教學雖步驟較多,但在教學內容上相當完整,可作為我們後續導入圖示的參考來源。

🔵 AIRSIM 雖有直觀的體驗,但從商業流程與技術的角度來看會與我們的產品較為不同。

🟢 Mint Mobile 的流程簡潔性作為參考,設計應聚焦在「縮短完成路徑」與「每步皆有明確目的」。

🟠 Yesim 的圖文教學雖步驟較多,但在教學內容上相當完整,可作為我們後續導入圖示的參考來源。

🔵 AIRSIM 雖有直觀的體驗,但從商業流程與技術的角度來看會與我們的產品較為不同。

初步概念發想

在使用多款 eSIM App 後,我歸納並整理出完整的 eSIM 啟用流程

使用過競品後,歸納出 eSIM 啟用流程為:

使用過競品後,歸納出 eSIM 啟用流程為

1

購買 eSIM 方案

購買 eSIM 方案

購買 eSIM 方案

購買 eSIM 方案

2

安裝 eSIM 服務

安裝 eSIM 服務

安裝 eSIM 服務

3

購買後引導至系統啟用 eSIM

購買後引導至系統啟用 eSIM

購買後引導至系統啟用 eSIM

購買後引導至系統啟用 eSIM

4

成功啟用 eSIM

成功啟用 eSIM

成功啟用 eSIM

成功啟用 eSIM

在開始設計前,我事先整理出一份簡化流程圖,幫助我釐清各步驟的使用情境與重點操作,但還是發生了意外之料的事情 😧…

在開始設計前,我事先整理出一份簡化流程圖,幫助我釐清各步驟的使用情境與重點操作,但還是發生了意外之料的事情 😧…

在開始設計前,我事先整理出一份簡化流程圖,幫助我釐清各步驟的使用情境與重點操作,但還是發生了意外之料的事情 😧…

突發事件:eSIM 技術調整通知

突發事件:eSIM 技術調整通知

在我大致確認流程後,突然收到技術調整通知 !
限制影響:由於商業合作限制,第一版 eSIM 僅支援掃描 QR Code 與輸入啟用碼啟用

在我大致確認流程後,突然收到技術調整通知 !
限制影響:由於商業合作限制,第一版 eSIM 僅支援掃描 QR Code 與輸入啟用碼啟用

在我大致確認流程後,突然收到技術調整通知 !
限制影響:由於商業合作限制,第一版 eSIM 僅支援掃描 QR Code 與輸入啟用碼啟用

在我大致確認流程後,突然收到技術調整通知 !
限制影響:由於商業合作限制,第一版 eSIM 僅支援掃描 QR Code 與輸入啟用碼啟用

發現痛點!

雖然透過「掃描 QR Code」或「輸入啟用碼」同樣可完成 eSIM 安裝,但用戶需離開 App、前往裝置設定頁面操作,整體流程略顯繁瑣
因此,我認為設計清晰的引導與教學,將會是此次 eSIM 體驗優化的關鍵重點之一。

雖然透過「掃描 QR Code」或「輸入啟用碼」同樣可完成 eSIM 安裝,但用戶需離開 App、前往裝置設定頁面操作,整體流程略顯繁瑣
因此,我認為設計清晰的引導與教學,將會是此次 eSIM 體驗優化的關鍵重點之一。

03 定義目標

把 eSIM 啟用流程與所有需求最終釐清後,我歸納出三個核心問題並列出影響的介面,進入設計流程前也思考一些解決策略

把 eSIM 啟用流程與所有需求最終釐清後,我歸納出三個核心問題並列出影響的介面,進入設計流程前也思考一些解決策略

04 介面設計

設計展示將以使用者從 0 開始到完整啟用 eSIM,共分為四個部分來呈現,分別是:1.導覽頁、2.首頁、3.網路方案、4. eSIM 啟用流程

設計展示將以使用者從 0 開始到完整啟用 eSIM,共分為四個部分來呈現,分別是:1.導覽頁、2.首頁、3.網路方案、4. eSIM 啟用流程

設計展示將以使用者從 0 開始到完整啟用 eSIM,共分為四個部分來呈現,分別是:1.導覽頁、2.首頁、3.網路方案、4. eSIM 啟用流程

01 導覽頁

原本導覽頁僅提供實體 SIM 卡方案,因此只需引導用戶前往綁卡。調整後新增 eSIM 選項,將「 購買 eSIM 方案 」設為主要操作,實體 SIM 綁卡則為次要選擇。


雖曾擔心不支援 eSIM 的用戶會因無法購買而產生困惑,但最終仍選擇保留此選項,讓用戶一進 App 就能看到我們有提供 eSIM 服務,並引導他們查看支援裝置清單,設想使用者可能擁有另一台支援 eSIM 的手機可使用。

※ 若不支援裝 eSIM 置點擊購買會跳出提示,讓使用者可查看裝置支援清單

※ 若不支援裝 eSIM 置點擊購買會跳出提示,讓使用者可查看裝置支援清單

02 首頁優化

首頁的核心目標為提升購買轉換,因此針對手機裝置進行客製化呈現,依據用戶所選購的方案類型進行客群區分。本次調整重點為「購買區域優化」與「新增商店入口」,以提升整體導購效率。

優化 1

首頁購買引流

為提升使用體驗,首頁購買區域會依據裝置是否支援 eSIM 自動顯示對應方案。若裝置不支援 eSIM,則僅顯示實體 SIM 卡選項,避免用戶產生混淆。

優化 2

新增商店入口

過去因商品皆由首頁直接導向單一商品頁。

隨著服務項目持續擴增,為避免首頁內容過於雜亂,藉此次 eSIM 上線之機,新增「商店」入口,便於用戶瀏覽所有商品,同時強化 TEL-U 的商品架構與展示層級。

03 eSIM / SIM 卡 - 分眾導購設計

在規劃 eSIM 與實體 SIM 卡的選擇流程時,我特別重視不同裝置間的相容性與使用情境的差異。為了確保設計方向符合實際可行性,我會在前期先與開發團隊確認技術限制與系統邏輯。這樣的做法能讓我在後續 UI 設計階段更聚焦於關鍵節點與互動細節,讓整體流程更貼近真實使用狀況。

設計提案

規劃互動樣式

規劃過程中,我提出三個方案與團隊討論,最終選擇「頁籤切換」作為呈現方式,不僅能清楚區分實體 SIM 與 eSIM,也具備直觀易懂的操作體驗。

此設計在技術上較易判斷裝置支援性,並保留流程設計上的彈性空間。

延伸構想

區別支援 eSIM 裝置

聯想到僅有支援 eSIM 的裝置才會顯示兩種方案,所以顯示分類頁籤。


不支援的裝置僅能選擇實體 SIM 卡,因此在設計上無需額外標示頁籤,保留原有畫面即可。

聯想到僅有支援 eSIM 的裝置才會顯示兩種方案,所以顯示分類頁籤。不支援的裝置僅能選擇實體 SIM 卡,因此在設計上無需額外標示頁籤,保留原有畫面即可。

產品策略

商品引流購買

預設狀態時,我們期望能更直觀的引導用戶購買合適的產品,所以方案預設頁與首頁的策略一致,以判斷是否支援 eSIM 裝置為顯示依據。

( 支援 eSIM 裝置 )
引導用戶購買實 eSIM,「買後顯示頁籤」

( 不支援 eSIM 裝置 )
引導用戶購買實體 SIM 卡「購買後隱藏頁籤」

04 eSIM 啟用流程

由於 eSIM 的啟用流程較為複雜,使用者需暫時離開 App,前往裝置系統中透過「掃描 QR Code」或「輸入啟用碼」來完成設定,因此這段流程的設計重點在於清楚的操作引導,以降低中斷帶來的困惑。

易用性測試

為驗證設計方案的合理性,我邀請跨部門同事進行易用性測試。測試情境以「輸入啟用碼」作為 eSIM 的核心啟用方式,並透過情境任務觀察使用行為,找出使用上的痛點與學習曲線,以確保設計能有效支援實際操作需求。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這一段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

測試流程

使用者先到安裝 eSIM 畫面觀看啟用方式與 eSIM 教學後 ( Part A ) ,接著到裝置系統上順利啟用 eSIM ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這一段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

任務目標

確認使用者是否能獨立完成 eSIM 啟用,並驗證設計是否能清楚引導至流程完成。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這一段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

問題假設

預期使用者在購買後觀看教學(Part A)能相對順利完成,但在跳出 App 進行系統層級的 eSIM 啟用(Part B)時,因流程陌生,可能會需要較長時間。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這一段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

預期受訪者啟用 eSIM 的流程

測試結果

測試結果與我預期的流程有所落差,使用者並不是在後續的設定步驟卡關,而是在最初的 eSIM 安裝說明頁就產生了相當多的困惑。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

初步規劃流程後,我讓其他部門的 2 位同事來協助測試該流程的易用性,我認為從購買到觀看教學這一段流程操作會比較容易 ( Part A ) ,但後續到裝置系統上啟用 eSIM 啟用可能花的時間較久 ( Part B )。

受測者的回饋:

測試後的介面優化

上線前我們先針對回饋的細節做調整,優化部分為強化教學按鈕與新增複製按鈕,讓用戶來回操作更加流暢。


( 裝置啟用為手機系統流程,無法調整 )

上線前我們先針對回饋的細節做調整,優化部分為強化教學按鈕與新增複製按鈕,讓用戶來回操作更加流暢。( 裝置啟用為手機系統流程,無法調整 )

購買後觀看 eSIM 教學流程

購買後觀看 eSIM 教學流程

跳開 App 輸入 eSIM 啟用碼

跳開 App 輸入 eSIM 啟用碼

05 產品上線與迭代

eSIM 上線反饋

eSIM 服務上線一個月後,我們從行銷與客服部門收集的回饋得知,在我們官網與 App 提供詳細操作教學後,用戶在裝置啟用 eSIM 的流程上並未出現明顯的操作障礙。首次使用時平均約需一分鐘,但多數使用者在初次體驗後即可快速熟悉並順利完成後續操作。

後續產品優化

eSIM 後續的迭代主要還是以提升 TEL-U 會員為主,所以我們也讓不支援裝置可購買 eSIM 或結合其他平台導入新用戶,eSIM 操作流程後續沒再調整,而是以處理一些用戶問題為主,像有些用戶會到裝置內刪除 eSIM 或 重複啟用 eSIM,所以也新增了明確的勿刪提醒。

eSIM 上線成果

eSIM 上線後,TLE-U 的會員轉換率與營收均有明顯提升,eSIM 用戶則大幅增加,實體 SIM 卡用戶也逐漸減少,完全符合預期的商業轉換目標。

不過,我個人還是覺得透過掃描 QR Code 或輸入碼的啟用流程仍略顯複雜。儘管銷售平台與 App 內已提供詳細教學,初次使用者在操作時仍可能卡關。
因此,我期望未來能推出 eSIM 一鍵啟用功能,進一步簡化流程並顯著提升啟用體驗的流暢度。

eSIM 上線後,TLE-U 的會員轉換率與營收均有明顯提升,eSIM 用戶則大幅增加,實體 SIM 卡用戶也逐漸減少,完全符合預期的商業轉換目標。

不過,我個人還是覺得透過掃描 QR Code 或輸入碼的啟用流程仍略顯複雜。儘管銷售平台與 App 內已提供詳細教學,初次使用者在操作時仍可能卡關。
因此,我期望未來能推出 eSIM 一鍵啟用功能,進一步簡化流程並顯著提升啟用體驗的流暢度。

會員新增

會員新增

+ 50%

+ 50%

+ 50%

收益成長

收益成長

+120%

+ 50%

+ 50%

實體卡轉 eSIM

實體卡轉 eSIM

+ 10%

+ 50%

+ 50%

下載數成長

下載數成長

+ 40%

+ 50%

+ 50%

專案反思

這次流程規劃中,最具挑戰性的部分在於整合 App 的新舊商業模式。要在既有服務架構下導入一項全新的功能,需要重新思考整體使用流程,並在兩者之間取得平衡,對我而言是相當複雜的一道課題。尤其在面對緊湊的時程與技術上的限制時,規劃與執行的難度與壓力也隨之升高。


設計階段中,除了邀請熟悉 eSIM 的用戶進行測試,我也納入了不支援 eSIM 裝置的 iOS 用戶與部分 Android 用戶的回饋,讓我能更全面地思考不同場景下的使用行為與流程安排。這也是我首次深刻體會到,當一個功能牽涉到產品架構的轉變時,設計師必須更深入理解產品本質,並仔細審視每一個環節的設計邏輯。


回顧整個專案,最讓我有成就感的是,在短短二個月內,團隊就成功落地這項高複雜度的功能。我很感謝開發與行銷團隊在過程中給予我極大的設計彈性與支持。eSIM 上線後,不僅強化了產品競爭力,也實際為公司帶來營收成長。期待未來 TEL-U 能持續拓展 eSIM 至更多海外市場,將這項創新服務推向更大舞台。

這次流程規劃中,最具挑戰性的部分在於整合 App 的新舊商業模式。要在既有服務架構下導入一項全新的功能,需要重新思考整體使用流程,並在兩者之間取得平衡,對我而言是相當複雜的一道課題。尤其在面對緊湊的時程與技術上的限制時,規劃與執行的難度與壓力也隨之升高。


設計階段中,除了邀請熟悉 eSIM 的用戶進行測試,我也納入了不支援 eSIM 裝置的 iOS 用戶與部分 Android 用戶的回饋,讓我能更全面地思考不同場景下的使用行為與流程安排。這也是我首次深刻體會到,當一個功能牽涉到產品架構的轉變時,設計師必須更深入理解產品本質,並仔細審視每一個環節的設計邏輯。


回顧整個專案,最讓我有成就感的是,在短短二個月內,團隊就成功落地這項高複雜度的功能。我很感謝開發與行銷團隊在過程中給予我極大的設計彈性與支持。eSIM 上線後,不僅強化了產品競爭力,也實際為公司帶來營收成長。期待未來 TEL-U 能持續拓展 eSIM 至更多海外市場,將這項創新服務推向更大舞台。

這次流程規劃中,最具挑戰性的部分在於整合 App 的新舊商業模式。要在既有服務架構下導入一項全新的功能,需要重新思考整體使用流程,並在兩者之間取得平衡,對我而言是相當複雜的一道課題。尤其在面對緊湊的時程與技術上的限制時,規劃與執行的難度與壓力也隨之升高。


設計階段中,除了邀請熟悉 eSIM 的用戶進行測試,我也納入了不支援 eSIM 裝置的 iOS 用戶與部分 Android 用戶的回饋,讓我能更全面地思考不同場景下的使用行為與流程安排。這也是我首次深刻體會到,當一個功能牽涉到產品架構的轉變時,設計師必須更深入理解產品本質,並仔細審視每一個環節的設計邏輯。


回顧整個專案,最讓我有成就感的是,在短短二個月內,團隊就成功落地這項高複雜度的功能。我很感謝開發與行銷團隊在過程中給予我極大的設計彈性與支持。eSIM 上線後,不僅強化了產品競爭力,也實際為公司帶來營收成長。期待未來 TEL-U 能持續拓展 eSIM 至更多海外市場,將這項創新服務推向更大舞台。

Thanks for watching

Thanks for watching

Thanks for watching

Thanks for watching