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

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

01 業(yè)務(wù)背景

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

什么是財務(wù)對賬

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

–來自于百度搜索

02 設(shè)計難點

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

03 設(shè)計優(yōu)化

打造財務(wù)千人千面篩選需求

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

管理高級需求更加輕量

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

分組展示自動列

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

優(yōu)化操作按鈕

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

04 遇到的問題

設(shè)計中

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

落地中

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

05 思考

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