主要挑戰

1. 改善「付款給錯誤店家」的操作失誤
2. 減少「誤刷付款金額」的操作失誤

成果

優化後的付款操作流程與介面

角色

UI Designer

• 需求與問題釐清、UI、UX、測試

效益

上線後，消費者刷錯金額、刷錯店家要求刷退的數量分別從每月平均 10、50 筆皆降到每月平均 5 筆以內。

增加產品信任度

白吃貓支付在台灣較晚進入第三方支付、行動支付的市場，且付款方式採取使用者掃描條碼或點擊店家後自行輸入付款金額。在初期開闢市場時，客服持續接收到「刷錯金額需要退刷」或「刷錯店家需要退刷」的來訊。

為了減少消費者誤刷而不再使用 app、同時減少客服、技術部門處理退刷的額外作業負擔，於是決定優化整個付款介面與流程。

• 不像 LINE Pay、街口支付、Pi 錢包可以生成 QR Code，是使用手動輸入金額。
• 由於上點，造成付款時容易操作錯誤，刷錯金額。

釐清問題

為什麼會刷錯店家？為什麼會輸入錯金額？

透過與客服一來一往的問答、以及客服的相關處理紀錄，發覺：

1. 刷錯店家的多數是因為過往選取店家付款的習慣（點選首頁出現的第一間店家）、搜尋時點選錯誤的店家造成。
2. 刷錯金額的通常都是刷成六位數、且都是亂數（e.g. 561031）此種特殊字元。

雜亂的視覺層級與流程