專注於金融機構UI設計支援的Ajike Inc.(總部:東京都;Members Group,以下簡稱「Ajike」),宣布正式開放針對金融機構及其合作夥伴的UI設計支援服務「FINUI」的資料公開與預約展示申請。
本服務旨在解決金融機構數位負責人長期面臨的困擾,例如「必須從零開始討論轉帳畫面」、「更換供應商時UI設計理念隨之重置」等問題。它提供「金融UI範式」,讓銀行所需的關鍵畫面能以完成品的狀態被取得。
什麼是「FINUI」? 本服務將Ajike在支持眾多金融數位服務UI設計中所累積的「設計範式」集結而成,作為金融UI設計的參考資源,讓金融機構能以完成狀態取得轉帳、開戶、驗證等業務所需的畫面。
與一般主要由視覺零件組成的UI套件不同,FINUI同時提供實用的畫面範本及其設計意圖。透過調整顏色與文案,無需每次從零開始設計,即可作為討論的起點。此外,每個畫面都標註了設計意圖(解釋「為何如此設計」)以及相關法規與WCAG的考量。
提供物由Figma檔案與Storybook(實作代碼)兩部分構成。這些資源分為設計系統(Design Tokens)、元件、範本(Patterns)、模板(Templates)四個層級,不僅可在Figma中檢視,還能作為可運作的代碼使用。
三大構成要素 1. 設計系統(Design Tokens):可根據品牌調整顏色、字體、間距、圓角等變數群。 2. 元件(Components):按鈕、輸入表單、金額顯示、驗證碼等金融UI中常見的零件。 3. 使用場景模板(Usage Scenario Templates):針對「匯款至他行、首次轉帳」、「開戶」等業務流程,以步驟為單位組裝成的畫面群。
FINUI提供的並非針對特定金融機構客製化的成品,而是Ajike累積的金融UI設計範式與思維。針對各家金融機構品牌進行的客製化與實作推展,將在與Ajike的專案過程中進行。
預期帶來的改變 金融機構的數位負責人與承辦人員常面臨以下挑戰:每當審視轉帳畫面時都需從零開始討論;供應商更換時,UI設計理念難以傳承;或者即便感覺有問題,也難以具體說明改進理由。
這些問題的背景在於,金融UI缺乏可供參考的「範式」,各項專業知識往往被封閉在個別專案中。FINUI將這些經驗梳理為實際的畫面範本與設計意圖,成為討論與決策的參考起點。
透過活用FINUI,預期能在以下方面帶來改變: - 減少「從零開始」的討論:以完成的畫面範本為基準,從具體畫面展開討論。 - 建立與供應商及利害關係人的共通語言:透過參照實際畫面,減少認知誤差,更容易共享改進或新增開發的方向。 - 簡化改進理由的說明:結合設計意圖、相關法規與WCAG指引,能更清晰解釋為何需要進行調整。
FINUI的三大特色 1. 按使用場景整理的參考設計:針對「首次匯款至他行」、「開戶(eKYC)」等業務場景,以步驟單位進行整理。 2. 透過Figma與Storybook提供的實作代碼:可作為開發初期的敲門磚,並為與SIer及供應商的討論奠定共通語言的基礎。 3. 法規、WCAG思維與跨裝置整理:針對每個使用場景整理了相關法規與合規考量。
FACT BOX · 重點整理
- 來源:PR TIMES
- 分類:新品
- 產品、服務:FINUI