嗨，我是 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 流程與無障礙設計。

新的動態頁

動態頁是 Carousell 使用率最高的畫面之一，80% 的每日活躍使用者會在這裡查看帳號與訂單狀態。然而，重要的訂單更新被埋沒在行銷橫幅與促銷訊息之下，使用者也不清楚下一步該做什麼。我重新設計了這個頁面，協助使用者處理真正重要的事項，並完成更多訂單。

現況盤點

我分析了六個月內各區塊的點擊占比，並檢視資訊架構，發現三個明顯的問題：

行銷內容占據版面，卻缺乏點擊。 橫幅、公司消息與促銷的點擊率很低，卻占了畫面的一大部分。
缺乏清楚的層級。 每個區塊看起來同樣重要，沒有任何元素引導視線。
重要更新不易找到。 使用者實際需要的帳號與商品更新，被擠到頁面下方。

動態頁各區塊的點擊占比（六個月）. 行銷橫幅: 2.4%, Carousell 消息與已儲存的搜尋: 12.5%, 行銷訊息: 2.8%, 帳號與商品動態: 82%, 其他: 0.3%.

參考其他產品

我研究了其他產品處理通知的方式，有三種做法反覆出現：分類、視覺層級，以及已讀與未讀標記。

轉折點

我將這些做法發展成概念設計，但概念越來越多，團隊討論也反覆拉鋸，始終沒有明確的方向。競品只能說明其他產品的做法，無法告訴我們使用者真正需要什麼。因此我停止發展新概念，改為提議進行使用者訪談。

不斷增加的早期概念

使用者訪談

我訪談了 5 位使用者，涵蓋四個主要族群：買家、賣家、兼具兩種身分的使用者，以及專業賣家。每場訪談分為兩個部分：卡片分類與概念測試。

受訪者操作舊版動態頁

遠端訪談

卡片分類。 受訪者將真實的通知分成他們認為合理的群組，並在過程中說出自己的想法。有兩種分類方式反覆出現：依主題（購買、販售、促銷）與依緊急程度。

卡片分類結果，依主題與緊急程度分組

概念測試。 接著，受訪者試用了三個概念：A 將通知收在分類 icon 之下，B 採用單一列表並在上方加入篩選，C 則結合分類 icon 與單一列表。B 最符合使用者分類通知的方式，操作起來也最順暢。

概念 A、B 與 C

根據研究結果，我依照使用者對通知的認知訂定了幾項原則，包括他們如何分類、如何看待各類通知，以及通常會忽略哪些通知。這些原則奠定了之後的設計方向。

最終設計

舊版動態頁以行銷內容為主；新的「更新」頁則將需要處理的事項放在最前面，並提供待辦、動態、客服與促銷的篩選。拖曳中間的分隔線即可比較改版前後。

新版更新頁

舊版動態頁

更多細節

緊急事項置頂。. 通知依主題與緊急程度分組，緊急事項會顯示倒數計時與明確的按鈕。
每筆訂單一條時間軸。. 同一筆訂單的更新會整合為可展開的項目，避免遺漏，列表也不會過長。
合併次要通知。. 同類且較不重要的更新，例如商品被按讚，會合併為一則。
行銷內容通知化。. 橫幅改為通知樣式，更容易快速瀏覽，活動內容也同樣能被看見。

與行銷團隊取得共識

在高流量頁面調整行銷版位，是整個專案風險最高的部分，因為這些版位屬於行銷團隊。我沒有與他們爭論意見，而是提出舊橫幅六個月的點擊數據。為了確保新形式不是降級，通知樣式的版位支援圖片、文字或影片，讓活動依然能有多元的呈現方式。行銷團隊同意了這項調整，我們也共同舉辦工作坊，決定活動通知的運作方式。

響應式網頁設計

網頁版原本沒有動態頁。我設計了響應式版本，讓使用者在任何裝置上都能看到相同的更新。

桌機網頁版的更新頁（含快速預覽面板）與手機網頁版

讓所有人達成共識

這次改版牽涉許多團隊，因此我在技術部門的全員大會上，向包含 C-level 主管在內的整個技術部門說明設計，並回答大家的提問。

技術部門全員大會的簡報

成果

訂單更新點擊率: +20%
訂單完成率: +11%

回顧

先有證據，再進行探索。我在了解自己的使用者之前，花了太多時間在源自競品研究的概念上。競品能提供靈感，卻無法作為依據。五場訪談，就在幾天內解決了團隊討論數週的問題。

同一個畫面也需要服務許多不同的使用者。對偶爾購物的買家有幫助的版面，可能會拖慢擁有數十筆訂單的賣家。及早點出這些取捨，並回顧過去的研究，讓我們避免重做已經驗證過的想法。