現金儲值
現金儲值
現金儲值
沒有銀行帳戶,也能輕鬆儲值!
沒有銀行帳戶,也能輕鬆儲值!




專案背景
專案背景
過去發現自動儲值以及銀行儲值表現超出預期,說明用戶有意儲值的需求很大,也有看到許多用戶提除希望開放現金儲值方式,滿足無銀行帳戶或信用卡的儲值情境。然而考量業務策略仍以「銀行轉帳儲值」為主要推廣方式,設計上需引導大多數用戶優先使用銀行儲值,同時也要讓有需求的用戶能順利完成超商儲值操作。
過去發現自動儲值以及銀行儲值表現超出預期,說明用戶有意儲值的需求很大,也有看到許多用戶提除希望開放現金儲值方式,滿足無銀行帳戶或信用卡的儲值情境。然而考量業務策略仍以「銀行轉帳儲值」為主要推廣方式,設計上需引導大多數用戶優先使用銀行儲值,同時也要讓有需求的用戶能順利完成超商儲值操作。
定義問題
定義問題
如何在「銀行儲值優先導流」的策略下,提供一條對受限用戶可用且低失敗風險的超商現金儲值流程,讓用戶能完成儲值並持續在街口進行交易
如何在「銀行儲值優先導流」的策略下,提供一條對受限用戶可用且低失敗風險的超商現金儲值流程,讓用戶能完成儲值並持續在街口進行交易
限制&挑戰
限制&挑戰
儲值條碼有掃描的時間限制與一次性產出邏輯,需設計能清楚提醒與協助用戶成功完成交易
儲值條碼有掃描的時間限制與一次性產出邏輯,需設計能清楚提醒與協助用戶成功完成交易
能否有現金儲值,謝謝!
能否有現金儲值,謝謝!

無卡族許願可以超商儲值
無卡族許願可以超商儲值
定義設計目標
定義設計目標
用戶需求
用戶需求
How might we
How might we
用現金儲值降低門檻,帶動首次儲值與交易,並順勢引導綁定銀行帳戶,提升留存與自動儲值轉換
用現金儲值降低門檻,帶動首次儲值與交易,並順勢引導綁定銀行帳戶,提升留存與自動儲值轉換
商業目標
商業目標
How might we
How might we
在產出條碼前清楚提示一次性與時效規則,降低儲值失敗與使用困惑
在產出條碼前清楚提示一次性與時效規則,降低儲值失敗與使用困惑
設計過程
設計過程
儲值方式選擇
儲值方式選擇
設計目標
設計目標
有銀行帳戶的人:
有銀行帳戶的人:
在使用銀行儲值的情境下探索新儲值方式
在使用銀行儲值的情境下探索新儲值方式
無銀行帳戶的人:
無銀行帳戶的人:
引導這群人最終也能綁定銀行帳戶
引導這群人最終也能綁定銀行帳戶
設計解法
設計解法
Tab 並列銀行/現金儲值,降低切換成本、提升曝光
Tab 並列銀行/現金儲值,降低切換成本、提升曝光
依用戶資格預設顯示可用方案,避免走到不適用流程
依用戶資格預設顯示可用方案,避免走到不適用流程
分頁內提供對應引導,讓需要時能快速切換並完成儲值
分頁內提供對應引導,讓需要時能快速切換並完成儲值


概念測試
概念測試
為驗證現金儲值流程是否符合使用者的理解與操作直覺,我設計任務導向的情境測試,觀察使用者在關鍵節點的實際行為與理解差異,並針對下列三項進行驗證:
為驗證現金儲值流程是否符合使用者的理解與操作直覺,我設計任務導向的情境測試,觀察使用者在關鍵節點的實際行為與理解差異,並針對下列三項進行驗證:
1
儲值上限感知
儲值上限感知
確認受訪者是否理解最高可儲值金額與額度限制
確認受訪者是否理解最高可儲值金額與額度限制
2
風險提示設計
風險提示設計
比較兩種提示方式對「條碼時效性」的理解效果,找出更能降低儲值失敗風險的設計樣式
比較兩種提示方式對「條碼時效性」的理解效果,找出更能降低儲值失敗風險的設計樣式
3
條碼頁面操作
條碼頁面操作
檢視使用者是否能正確理解條碼頁的金額與操作資訊
檢視使用者是否能正確理解條碼頁的金額與操作資訊
風險提示 - 版本 A
風險提示 - 版本 A

風險提示 - 版本 B
風險提示 - 版本 B

測試洞察
測試洞察
上限條件難理解,導致頻繁輸入錯誤
上限條件難理解,導致頻繁輸入錯誤
多數受試者不理解上限條件,出錯後也不理解原因,因此調整了上限說明與錯誤文案讓用戶知道明確知道「下一步應該怎麼做」
多數受試者不理解上限條件,出錯後也不理解原因,因此調整了上限說明與錯誤文案讓用戶知道明確知道「下一步應該怎麼做」
風險提示設計
風險提示設計
版本 B 讓 90% 受試者即時理解條碼時效以及後續操作步驟,並認為「現在產出/稍後產出」的彈性設計可降低誤產出與後悔風險。
版本 B 讓 90% 受試者即時理解條碼時效以及後續操作步驟,並認為「現在產出/稍後產出」的彈性設計可降低誤產出與後悔風險。
條碼頁面的關鍵金額資訊清楚
條碼頁面的關鍵金額資訊清楚
大部分受試者能正確辨識需付款金額、入帳金額並完成出示條碼操作,順利完成儲值流程
大部分受試者能正確辨識需付款金額、入帳金額並完成出示條碼操作,順利完成儲值流程
學習&反思
學習&反思
把複雜流程和邏輯「可視覺化」
把複雜流程和邏輯「可視覺化」
在與 PM、工程師協作時,我將 wireframe 與 user flow 進一步整理成可落地的流程圖與邏輯說明,讓各方對條件、例外與狀態有一致理解,進而降低溝通成本與開發來回
在與 PM、工程師協作時,我將 wireframe 與 user flow 進一步整理成可落地的流程圖與邏輯說明,讓各方對條件、例外與狀態有一致理解,進而降低溝通成本與開發來回
把營運限制納入體驗設計
把營運限制納入體驗設計
面對一次性條碼與時效等高風險限制,我將風險提示與防呆設計納入關鍵決策,降低誤操作與失敗成本,讓受限用戶也能完成儲值,並提升交易成功率與產品信任感
面對一次性條碼與時效等高風險限制,我將風險提示與防呆設計納入關鍵決策,降低誤操作與失敗成本,讓受限用戶也能完成儲值,並提升交易成功率與產品信任感

( OTHER PROJECTS )
( OTHER PROJECTS )
LET’S
( WORK )
TOGETHER
如果你對我的作品有興趣,
歡迎隨時聯繫我!
LET’S
( WORK )
TOGETHER
如果你對我的作品有興趣,
歡迎隨時聯繫我!
( OTHER PROJECTS )
( OTHER PROJECTS )
( OTHER PROJECTS )
LET’S
( WORK )
TOGETHER
如果你對我的作品有興趣,
歡迎隨時聯繫我!



