LAUNCHED

中信網銀:提升分期流程完成率

尋找並驗證完成率下降的可能因素,並重新規劃資訊層級

Industry

金融業

Service

分期付款

Team Setup

UI+PM

Role

UI+易用性測試

Year

2026

Overview

Problem Statement

中信團隊觀察帳單分期的編輯與結果頁,發現在總流量上升的情況下,成功率相比去年同期下降7.9% 。中信團隊初步推測是因為「利率太高,且在資訊層級上十分明顯」,導致用戶從編輯頁面退出。

Goal

客戶希望從UI下手,以最小的改動成本轉移用戶在利率上的注意,提升完成率。

What I did
  1. 進一步挖掘低完成率的原因

  2. 重新調整UI的資訊權重,以達到商業目標

  3. 測試無易用性問題


Research

易用性分析(前測) : 用戶的注意力如何分配?現有流程中是否有卡點?

根據客戶已經提出既有的設計假設,我進一步延伸做了全面的檢查來驗證需求。
以三位受測者進行易用性測試,發現:

  • 有經驗者傾向「直接尋找利率資訊」,再去估算總支付金額

  • 無經驗者傾向「詳細閱讀、反覆比較各方案的金額利率

  • 較高齡的使用者,一開始以為方案卡片是「無法互動的文字資訊」,滑動到最底部看到CTA並嘗試後才順利選擇 ; 較年輕的使用者能夠立刻辨識方案卡片可點擊。

Hypothesis

  1. 利率太高且顯眼,嚇到用戶,導致他們退出(既有假設)

  1. 較高齡的用戶可能以為頁面只是純文字資訊,不可互動,導致他們退出(新增假設)


Develop

針對方案卡片元件,我嘗試了不同的群組策略與閱讀順序,希望降低利率權重的同時,符合用戶「反覆比較」的閱讀習慣。

針對如何提升可互動的暗示,我參考了多家競品的作法,嘗試在卡片和CTA上做出更明顯的提示。


Result

改變閱讀重點,引導視覺先從「期數 > 首期 > 利率」

透過新增底色色塊,並簡化利率、首期應付金額,讓期數在第一眼被hightlight。
另外也從表格式的閱讀,改為更有主次區隔的排版。

增加點擊提示性

fixed 下方CTA,並且讓方案卡片預設有一張是selected狀態,幫助使用者快速理解此頁需要操作。

Feedback

為了確保使用者在新版本能夠順暢操作,我也在團隊內進行了快速的測試。

  • 是否能正確理解卡片資訊 -> ✅

  • 是否能正確理解卡片可互動選擇 -> ✅

  • 是否能率先注意到期數與首期應付金額 -> ✅

  • 是否相較原版本更願意進入下一步 -> ⚠️ 還是取決於內容

新版本能在第一眼讓用戶先專注在各張卡片的期數與金額;
而舊版本會讓用戶第一眼就進入表格式的比較。
並且用戶在新版本能更清楚的理解編輯頁的可互動性。



More to come !

You can find me here

Logo
Logo

Create a free website with Framer, the website builder loved by startups, designers and agencies.