ATM UI/UX 改版

讓每一位客戶都能輕鬆操作

傳統 ATM 介面以「功能」為單位排列，文字密集、層級深、對比不足，對於高齡與色弱客戶而言操作門檻偏高。隨著主管機關推動金融友善服務，銀行需要在不增加客戶學習成本的前提下，重新檢視 ATM 的資訊架構與互動流程。

從同業與行員第一線出發

參考同業 ATM 交易介面與流程規劃，評估本行分行據點與客戶屬性、交易習慣，並結合色弱、高齡等金融友善服務需求，找出最常使用的交易路徑與痛點。

• 盤點各分行據點客群結構與高頻交易類型，聚焦最常使用的提款、轉帳、繳費流程。
• 研究色弱與高齡客戶的可讀性需求：字級、對比、按鈕大小與操作節奏。
• 邀請行員實際操作並進行問卷調查，蒐集第一線觀察到的客戶困難點。

資料盤點 → 流程圖 → 持續測試

從本行資料蒐集開始，確認每一頁功能，繪製出完整的功能介面流程圖並進行流程優化；過程中持續測試，並邀請行員進行問卷調查與實際操作，反覆修正。

為避免客戶在交易過程中操作中斷或誤解，特別在每一項交易加入過場動畫引導，並新增 ATM 廣告欄位，讓設備同時兼具服務與行銷推廣功能。

清楚、友善、安心的新介面

• 金融友善配色與字級：提高對比、放大關鍵文字與按鈕，兼顧色弱與高齡客戶的可讀性。
• 任務導向的版面：以最常用交易為主視覺，快速提款金額一鍵選擇，降低操作步驟。
• 過場動畫引導：每筆交易加入過場提示，減少操作中斷與誤解，提升安心感。
• ATM 廣告欄位：新增可置換的行銷版位，推廣本行業務與活動。

更友善，也更具品牌一致性

改版後的 ATM 介面以金融友善為核心，讓不同客群都能更輕鬆完成交易，同時透過過場動畫與廣告欄位強化操作引導與本行數位品牌形象。

專案畫面

點擊圖片可放大檢視。

心得

• 「金融友善」不是加大字級而已，而是重新思考資訊層級與操作節奏。
• 第一線行員的觀察，是補足量化資料最重要的設計依據。
• 過場動畫等微互動，能有效降低高齡客戶的焦慮與操作中斷。