銀行內部業(yè)務系統(tǒng)功能交互設計研究

國家開發(fā)銀行 高飛

1 背景目的

制定企業(yè)統(tǒng)一的功能交互設計標準，由上至下規(guī)范各層級功能設計方式、展現(xiàn)方式，可達到提升易用性，提高工作效率的目標，同時保證企業(yè)信息化規(guī)范、有序發(fā)展。

2 設計規(guī)范層級

功能交互設計規(guī)范根據標準化精細程度，可分為四個層級。由粗放到精細，可分為企業(yè)級、機構級、應用級和展現(xiàn)級，如圖1所示。

圖1

企業(yè)級指在企業(yè)層面制定信息化規(guī)范，如主色調，機構標識等，但對系統(tǒng)的具體類別進行區(qū)分，不關注各系統(tǒng)功能操作方式、布局，不對各組件、文字制定詳細規(guī)定。

機構級可將系統(tǒng)分為四類，分別是外部業(yè)務系統(tǒng)、內部業(yè)務系統(tǒng)、內部辦公系統(tǒng)、移動端系統(tǒng)，每個種類的系統(tǒng)形成自己的系統(tǒng)群，根據面向用戶不同擁有自己類別的設計規(guī)范，各類系統(tǒng)間規(guī)范可不相同。

應用級主要指對單個信息系統(tǒng)的設計規(guī)范，各信息系統(tǒng)內部的不同模塊間，應在功能交互方式、布局、樣式色調、風格上保持一致。

展現(xiàn)級是在信息系統(tǒng)的具體頁面上，對組件校驗方式、組件樣式、文字字體、文字表述、組件和文字的尺寸等方面進行規(guī)范。

3 交互設計實例

具體到單個系統(tǒng)，交互設計第一步，應保證功能完整性，需梳理系統(tǒng)的完整功能列表。為支撐某項業(yè)務，系統(tǒng)基本功能至少包括業(yè)務查詢、業(yè)務處理、業(yè)務統(tǒng)計三大類，如圖2所示。

在業(yè)務處理中，又可細化為業(yè)務開展、業(yè)務變更/維護等細類。以業(yè)務開展為例，繼續(xù)細化又可分為業(yè)務入口，業(yè)務操作等功能，如圖3所示。

圖2

圖3

第二步，根據業(yè)務特點的不同，落實不同業(yè)務的具體實現(xiàn)方式。以銀行中長期信貸業(yè)務為例，主要需考慮的業(yè)務特性是業(yè)務觸發(fā)方式、業(yè)務操作頻率以及業(yè)務操作范圍。下面分別以貸中、貸后較為典型的兩種業(yè)務入口為例進行說明。

3.1 貸中貸款發(fā)放

貸中業(yè)務如貸款發(fā)放，觸發(fā)方式是客戶根據客戶申請，提交發(fā)放流程，操作頻率是不定期，操作范圍是客戶一個合同的一筆發(fā)放。

該業(yè)務的入口是典型的單次、不定期業(yè)務待辦列表，交互設計與布局示例如下，如圖4所示。

圖4

頁面布局可分為三部分，分別是輸入區(qū)、操作區(qū)和輸出區(qū)。

輸入區(qū)用于輸入查詢條件。除了針對具體業(yè)務的查詢條件(如項目編號等)外，還應考慮對于流程查詢的設計。此處的例子中，有“待辦理”“未提交”“流程中”三個流程查詢條件。如默認選項“待辦理”會展現(xiàn)所有可發(fā)放的合同。“未提交”可選項，用于展現(xiàn)已創(chuàng)建審批流程、但未提交的業(yè)務。“流程中”選項，用于跟蹤流程進度。此外，對于流程結束后的業(yè)務，還應設置查詢歷史信息的功能(未在圖中展示)。

操作區(qū)用于對輸入數據進行操作。如“導出”“重置”“查詢”等按鈕。按鈕的種類和順序應進行統(tǒng)一，不能出現(xiàn)“查詢”按鈕在不同頁面排序位置不同的情況。若進一步細化，還可對“查詢”按鈕設置專門底色，用于突出顯示，有助于提升用戶體驗。

輸出區(qū)用于展現(xiàn)查詢結果。結果數據分頁展示，條數固定。若某條合同不可再繼續(xù)發(fā)放，則不進行展現(xiàn)。本業(yè)務是一次發(fā)起一條數據，因此不用設置多選鈕，而是在最右側列在每條數據上設置“操作”按鈕。

各按鈕若使用其他布局方式亦可，但需要在一定范圍內統(tǒng)一。

3.2 貸后資產質量分類

貸后業(yè)務，如資產質量分類，觸發(fā)方式可能月末固定時點，操作頻率是每個月月末，操作范圍是某客戶經理管轄的所有項目。

該業(yè)務的入口，是典型的一次性批量業(yè)務待辦列表，輸入區(qū)、操作區(qū)與單次操作業(yè)務基本一致，輸出區(qū)有所變化，如圖5所示。

圖5

輸出區(qū)展現(xiàn)所有可操作的數據，若是批量操作，則完成操作的數據不再展現(xiàn)在列表中。數據列表底部，可設置有“全選”“反選”“清空”“批量操作”“全量操作”按鈕(可根據實際情況增減)。“批量操作”只針對選中的數據進行操作，“全量操作”是無論是否對數據進行勾選、無論數據是否展現(xiàn)在本頁中，都對全量數據進行操作。此處的“操作”只是文字示意，指的是具體的“提交”動作。

另外，若批量操作業(yè)務不是頻率內一次性操作，而是區(qū)間段內多次操作，則輸出區(qū)應有所變化，可在待辦列表中增加最近一次操作時間，并能查詢到歷次操作結果。

4 原則總結

不同的觸發(fā)方式、操作頻率、操作范圍對功能的具體實現(xiàn)有直接影響，從而程序設計、代碼開發(fā)的方式，因此需求分析、交互設計至關重要，標準化的交互設計可很大程度增加代碼、數據庫設計的復用，強化系統(tǒng)規(guī)范性的同時提升開發(fā)效率。

4.1 業(yè)務入口基本原則

4.1.1 輸入、輸出區(qū)

(1)輸入區(qū)查詢條件。每行查詢條件個數固定(非強制)，查詢條件順序固定(非強制。如查詢條件有項目編號、項目名稱，則建議都按照先編號、后名稱的順序出現(xiàn))。

(2)輸入區(qū)查詢條件與輸出區(qū)表頭。列表中表頭與查詢條件相同時，文字描述應保持一致(如避免出現(xiàn)一處描述為借款人，一處為客戶的情況)。

(3)輸出區(qū)布局。盡量安排在一個頁面內顯示出所有內容，無需向右滑動滾動條即可查看全部信息。

4.1.2 操作區(qū)

(1)按鈕。按鈕應在錄入信息區(qū)的下側居中排列，順序固定(例如“查詢”按鈕都在最左側)。

(2)盡可能減少鼠標點擊次數和移動距離。

4.2 推廣實施

推廣設計規(guī)范時，應遵循由小到大，從下向上的原則。首先每個系統(tǒng)內部完成規(guī)范統(tǒng)一，可從具體的錄入控件開始，再到交互、布局，之后同類型系統(tǒng)可進行統(tǒng)一。

[1] Jesse James Garrett.用戶體驗要素:以用戶為中心的產品設計[M].范曉燕,譯.北京:機械工業(yè)出版社,2011.

[2] 任婕.騰訊網UED體驗設計之旅[M].北京:電子工業(yè)出版社,2015.