01Challenge
登入,不該是使用銀行的門檻
行動網銀的第一個體驗就是登入。對中高齡客戶而言,要同時記住身分證字號、使用者代號與密碼並不容易,常因記不住而放棄使用 App。如何在符合金融安全的前提下,提供更快速、好記的登入方式,是這次優化的核心。
「能不能讓客戶不必每次都輸入一長串帳密,也能安全地登入行動網銀?」
02Research
對齊同業並符合金融友善
參考同業現行設計與功能規劃,並對應金融友善需求(中高齡客戶對帳號密碼記不住的痛點),確認快速登入的方向與安全規範。
- 盤點現行登入流程的欄位與步驟,找出最容易卡關的環節。
- 研究指紋/臉部與圖形鎖等快速登入方式的適用情境與安全性。
- 確認「圖形鎖」對中高齡客戶的記憶友善度與操作直覺性。
03Process
需求 → 功能地圖 → 原型
以結構化的流程推進設計:先確認需求,再繪製主功能地圖與操作邏輯流程,接著進入 Wireframe 與互動原型,最後切版交付資訊室。
01需求確認
02主功能地圖
03操作邏輯流程
04Wireframe
05Mockup & Prototype
06切版交付資訊室
04Solution
重整登入頁,導入圖形鎖
- 登入頁重整:清楚分區的欄位與「記住身分證/統一編號」選項,減少重複輸入。
- 多元快速登入:同時提供指紋/臉部與圖形登入入口,依客戶習慣選擇。
- 圖形鎖設計:以 6–14 點可重複的連續圖形取代記憶密碼,並提供「隱藏圖形密碼軌跡」強化安全。
- 金融友善:大字級、清楚說明文字,降低中高齡客戶的學習成本。


05Result
更快、更好記的登入
導入圖形鎖後,客戶不必每次輸入完整帳密即可快速登入,對中高齡客戶尤其友善;結構化的功能地圖與原型,也讓開發與資訊室交付更順暢。
快速圖形鎖一筆登入
好記友善中高齡客戶
安全可隱藏圖形軌跡
06Gallery
專案畫面
07Key Learnings
心得
- 安全與便利不是對立的,圖形鎖證明兩者可以在金融場景中並存。
- 結構化的流程(需求 → 地圖 → 原型)讓跨部門溝通與交付更有效率。
- 替「記不住帳密」的客戶設計,往往也讓所有人的體驗更順手。
01
Back to start
ATM UI/UX 改版Accessibility-first ATM
回到第一個案例 →