個人金融友善服務

針對無障礙族群個人金融專區,提供存匯帳務、金融資訊等核心功能,整體設計以提高辨別度、可視性、操作易用性目標,並且色彩對比度、字級規範符合無障礙標準,HTML標籤運用及架構順序符合視障報讀順序。

  • 時程:2021/3-2021/5
  • 介面設計:Sketch
  • 切版網頁:HTML、CSS
  • 成員:兩位前端工程師、一位UIUX、一位PM
  • 使用者需求訪談
  • 定義guideline
  • 製作Mockup視覺稿
  • 切版轉換為HTML交付前端

整體色調

  • 主色沿用相同色碼
  • 次要色符合無障礙對比分數
  • 調整符合無障礙「AA」及「AAA 」
整體色調

整體字級

  • 標體文字:20-24字級
  • 內文文字:16字級、行高24
  • 表單文字:16-18字級
  • 表格文字:14-16字級
  • 按鈕文字:18-20字級
整體字級

功能導覽及登入頁

  • 新增圖示加強辨別
  • 字級加大,增加可視性
  • 按鈕高度增高,更容易點擊
功能導覽及登入頁

台幣轉帳

  • 「$」無法報讀,台幣顯示TWD
  • 資訊以表格呈現,橫向報讀,讓使用者清楚了解
台幣轉帳

交易明細查詢

  • 不使用正負號呈現資訊,報讀辨識不友善,建議明確資訊如「支出」、「存入」
交易明細查詢

利匯率查詢

  • 橫向報讀無法對應欄位「買匯、賣匯」,建議單一匯率顯示
  • 日期顯示格式:yyyy年mm月dd日 HH時ii分ss秒,讓語音報讀傳達明確資訊
交易明細查詢

量身打造您的專屬網站

DESIGN A WEBSITE UNIQUELY

FOR YOU