財務工作對數(shù)據(jù)篩選的準確性和效率要求極高，且每個財務人員都有自己獨特的操作習慣和關注點。本文分享了作者在優(yōu)化財務篩選功能時的實踐經(jīng)驗，希望能幫到大家。

在日常的設計任務之中，要面對各種各樣角色的需求，其中各種角色的交互操作的自定義是常見場景，這次分享一下關于財務篩選的交互優(yōu)化，希望能對大家有幫助。

01 業(yè)務背景

針對差旅業(yè)務業(yè)務中，每個月的月末財務都會來進行對賬頻率較低，但之前的財務部門因為表格篩選機制缺失問題，財務操作不變導致了業(yè)務部門滿意度并不高，影響到了主管的考核。

什么是財務對賬

在會計電算化環(huán)境下，系統(tǒng)提供自動對賬功能，即系統(tǒng)根據(jù)用戶設置的對賬條件進行逐筆檢查，對達到對賬標準的記錄進行勾對，未勾對的即為未達賬項。系統(tǒng)進行自動對賬的條件一般包括業(yè)務發(fā)生的日期、結算式、結算票號、發(fā)生金額相同等。其中，發(fā)生金額相同是賬的基本條件，對于其他條件，用戶可以根據(jù)需要自定義選擇。

–來自于百度搜索

02 設計難點

用戶為財務，需要設置固定、重復、規(guī)律的篩選條件來進行表格內容的篩選。優(yōu)化前不僅僅層級較深且路徑整合操作不便。但是每個財務都有自己關注的參數(shù)，以及對于不同類型的單據(jù)有自己的篩選操作，其中涉及到的選項有 30+的選項，交互設計難度也很大。

03 設計優(yōu)化

打造財務千人千面篩選需求

在篩選功能上，業(yè)務擴展后財務篩選需求多樣，開放了高級篩選，能滿足千人千面的篩選要求。以前是單個或多個簡單條件篩選，現(xiàn)在可設置多維度條件和列合集，次月啟用后，財務人員一鍵點擊標簽就能篩選數(shù)據(jù)，大大提高了篩選效率。

管理高級需求更加輕量

對于高級篩選的管理，之前方案一會用彈窗，打斷操作流程。優(yōu)化為方案二，采用浮層進行低頻次操作的輕量化設計，簡化界面。明確區(qū)分增刪改操作，各自獨立路徑，優(yōu)化流程，提升了操作的便捷性。

分組展示自動列

在表格展示方面，之前字段過多，用戶查看效率低。采用了分組展示自定義列的方式，通過錨點導航的交互設計，將信息分類。比如費用明細概覽中，可按機票、火車等分類，用戶能快速定位查找，高效選取多列表格，操作的準確性和效率都得到提升。

優(yōu)化操作按鈕

在按鈕交互上，根據(jù)用戶使用習慣，之前費用明細表格的操作按鈕在右上角，現(xiàn)在調整到左下角 checkbox 下方，符合大多數(shù)人的操作手勢，減少操作路徑，提升了動作效率，讓財務人員在批量修改、導出等操作時更加流暢。這些優(yōu)化都是為了讓財務人員在對賬和審批工作中能更輕松高效地完成任務 。

04 遇到的問題

設計中

初步設計場景，與產(chǎn)品在設計理念以及對于需求的理解不同。產(chǎn)品做了是整合思路，而我出來的是“增刪改”路徑拆分。之后拉財務同學進行方案的溝通，把 2 個方案的優(yōu)勢和劣勢進行講述，讓財務同學進行選擇，最終選擇了我的方案。后面灰度以及試運營期間，也進行了埋點。

落地中

由于這個篩選需要需要涉及到 30+選項的操作，還是涉及到每個選項至少4 個選項進行篩選，導致了開發(fā)做判斷的成本很高。因此開發(fā)成了 2 期，第 1 期主要是開發(fā)高頻的內容，第 2 期時間充分了再進行全量開放。

05 思考

自定義優(yōu)化只是設計工作中的一個小點，但是對于財務人員來講確實一個很復雜的點，作為設計紀要大膽也要能細心的解決用戶操作的問題。