為即將登機的人設計
eSIM App 的使用者常常是在機場、在飯店大廳、在快沒有網路的地方打開它。這個情境決定了所有設計:資訊要短、步驟要少、每個代碼都要能一鍵複製、教學要有影片因為沒人想讀說明書。這篇整理我為這個旅遊 eSIM 產品做的購買、付款、啟用、身分驗證與客服流程,以及支撐整套產品的 UI Guideline。畫面為低解析度,品牌字樣已模糊。

購買、付款、啟用
購買目錄一個方案一張卡,數據量、效期、價格三個數字撐起決策。付款分平台處理:iOS 與 Android 各有付款方式排序,信用卡與 PayPal 兩條路徑,成功、儲值成功與失敗各有自己的結尾頁,失敗頁直接給出下一步。啟用是 eSIM 最容易卡住的一關:QR 安裝為主,手動輸入為備援,SM-DP 位址與啟用碼全部一鍵複製,每個步驟配一支短影片。


登入、護照掃描與身分驗證
有些市場要求實名,所以註冊流程裡有一個決策點:掃描證件或手動輸入。掃描走第三方元件,掃完一定回到確認頁讓使用者檢查辨識結果;護照另有專屬流程,可以依證件類型重掃。最重要的設計原則是備援:任何掃描都能跳過改成手動輸入,驗證元件失效時,註冊不能跟著死。



背後的 UI Guideline
整套產品由一份活的 UI Guideline 支撐:元件、流程、每個尺寸的狀態、切圖與行銷素材都在同一張畫布上,每格標記完成狀態。客服流程也在其中,聯絡我們支援相機與檔案附件,因為旅途中最常見的回報就是一張截圖。Guideline 的價值在跨時區協作時最明顯:工程師照著規格做,不需要等我醒來回答問題。


