嗨，我是 Yu。我設計產品，讓複雜的事情變得簡單易用。

我重視系統思考，也重視提出對的問題。我習慣用 AI 快速製作原型、及早驗證想法，把複雜的問題轉化為值得信賴的產品。

在東京的 PayPay，我為超過 6,500 萬名使用者設計付款與理財體驗，即使背後的規範相當複雜，使用起來依然輕鬆。在此之前，我在 Carousell 負責台灣與新加坡市場的成長與使用者互動。

工作之餘，我在 AAPD 擔任設計導師，也運用程式與 AI 開發小工具。

作品

PayPay

我主導 PayPay 錢包資金進出的設計，涵蓋儲值、ATM 與信用卡付款。

Carousell

我設計了註冊流程與通知中心，也打造了背後的行銷工具與設計系統。

我開發的工具

合作夥伴的推薦

Ryan 是我在 PayPay 團隊中的關鍵成員，在多個專案中持續交出高品質的設計。他也積極投入 Design Ops，改善 QA 流程與無障礙設計。
Ryan 是我在 AAPD 的夥伴，我們一起教授 Figma 與 UI 設計。他從助教做起，很快便成為講師，展現出優秀的學習能力、對細節的重視，以及清楚的溝通。
Ryan 是備受重視的團隊成員，獨立帶領多個需求不明確、極具挑戰的專案。他透過扎實的研究釐清方向，以耐心且有條理的方式解決問題。
Ryan 是我在 Carousell 的前同事，他總能在使用者需求與商業目標之間取得平衡，做出實用且周到的設計，這一點一直令我佩服。
當設計與開發出現落差時，他會冷靜地與團隊一起找出務實的解法。他對修正 bug 與改善體驗的建議，提升了產品品質，也讓團隊運作更有效率。

Ryan 是我在 PayPay 團隊中的關鍵成員，在多個專案中持續交出高品質的設計。他也積極投入 Design Ops，改善 QA 流程與無障礙設計。

在日本，超過一半的付款仍以現金完成。PayPay 希望 App 成為使用者唯一需要的工具，在 ATM 也不例外。我重新設計了 ATM 流程，讓使用者只用手機就能存提款。這個流程橫跨手機與 ATM 兩個畫面，而兩者的規範截然不同。

使用者卡在哪裡

我先親自到 ATM 測試無卡流程，記錄自己在哪些地方猶豫、哪些說明不夠清楚，以及在手機與 ATM 之間切換時哪裡令人困惑。接著，我與客服團隊將客訴依失敗類型分類，也和資料分析師一起檢視轉換漏斗。這些問題並非隨機發生，而是集中在三個時刻：

開始使用。 設定時需要完成多項確認，步驟卻不夠清楚。40% 的使用者在抵達 ATM 之前就已失敗。
切換畫面。 掃描 QR code 後，App 會顯示一組需在 ATM 輸入的號碼，卻沒有提示使用者轉向 ATM。13% 的使用者在這一步放棄。
無法確認是否成功。 App 無法顯示金額或最新餘額，這種不確定感占了 7% 的客服詢問。

設計原則

這三個問題的根源相同：App 讓使用者承擔了原本應由 App 處理的工作。因此在開始設計前，我先訂下三項原則。

像金融卡一樣簡單。 40% 的使用者在設定階段失敗，這些工作應由 App 承擔，而不是交給使用者。
融入，而非打亂。 使用者已經熟悉這個 App，新的選項應融入既有介面，而不是讓人重新學習。
誠實面對限制。 App 目前還無法顯示金額。與其隱藏這一點，不如確認能確認的部分，並告訴使用者可以在哪裡查詢。

設計

動手設計前，我先研究了其他 App 的無卡 ATM 流程。大多數採用相同的基本步驟：掃描 QR code、取得號碼、輸入號碼。但幾乎沒有一個會提示使用者何時該從手機轉向 ATM。因此，我們需要的不是全新的流程，而是在切換的關鍵時刻提供更好的引導。

我先從設定著手，因為 40% 的使用者在這裡失敗。我將它拆解為清楚的步驟並顯示進度，讓使用者隨時知道自己在哪一步、接下來該做什麼。

下一個畫面是選擇提款或存款，它決定了之後的每一個步驟。我邀請 8 位使用者測試了三個版本。在 ATM 前，身後往往還有人排隊，使用者必須不需細讀就能分辨選項。直式清單搭配 icon 的效果最好，也與 App 其他部分一致；插圖反而只會增加干擾。

接著是切換的時刻，也是我們一開始想解決的問題。App 現在會提示使用者何時轉向 ATM，補上了原本 13% 使用者放棄的缺口；最後一個畫面也會告訴使用者可以在哪裡查看交易明細。點選各個步驟即可查看對應畫面。

ATM 畫面

切換的另一半是 ATM 本身。它的畫面受到廠商與法規的嚴格限制：只能使用少數顏色、固定字級，以及固定的版面區塊。既沒有設計系統可以依循，也沒有手機上的設計模式可以借用，因此只能仰賴資訊層級。使用者在交易途中看向 ATM 時，應該只需要看到餘額、手續費與額度。我也為詐騙警示保留了固定位置，因為當時有詐騙集團誘騙民眾分享自己的 ATM QR code。

Beta 測試的發現

Beta 版開放給 10% 至 20% 的使用者時，出現了我們沒有預料到的行為：使用者先到 ATM，再開啟 App 的通用掃描按鈕，導致 App 無法判斷他們要使用哪項服務。我沒有要求使用者改變習慣，而是與工程師一起設定預設路徑：未綁定 PayPay 銀行帳戶的使用者，會直接進入電子貨幣儲值，不需要額外步驟。我也加入了簡短的教學，讓使用者優先找到新的流程。

成果

服務使用率: +12%
交易成功率: +16%
平均交易時間，使用卡片時為 45 秒: 30 秒

每個數字都對應到使用者原本卡住的地方。設定流程簡化後，原本有 40% 失敗的環節，現在吸引了更多人開始使用。切換時的明確引導與清楚的完成畫面，讓更多交易順利完成。需要自行摸索的部分減少後，在 ATM 使用 App 也比使用卡片更快。

我的收穫

「如果使用者不照流程操作怎麼辦？」這個問題應該在上線前就提出，而不是上線後。兩個畫面代表兩種情境，各自有不同的心理狀態與時間壓力。嚴格的限制反而有所幫助：ATM 畫面上的每個元素都必須有存在的理由。

接下來，我希望在 ATM 確認交易後，App 能顯示金額與交易狀態，讓每一次提款都有明確的結尾，也希望在輸入號碼時加入觸覺回饋。