有關表單篩選功能的思考

編輯導語：B端產品中經常會遇到表格的形式，篩選的存在對于整個表單來說是非常重要的，它可以幫助用戶，在表單茫茫多的數據當中進行快速的定位；本文作者分享了關于表單篩選功能的思考，我們一起來了解一下。

一、背景

在B端產品中，表格是最常出現的內容形式，在個人最近跟的一款交通客流數據的分析系統中，表格也被大量運用到系統中，這是一款匯聚了市級的交通刷卡數據、每天的數據增量達到千萬級別的平臺。

在我跟進的這款產品中，前人因為缺乏相關設計經驗，不了解用戶的業務場景，同時忽視了刷卡數據量龐大及表單字段類型繁多的客觀情況，并未提供表單篩選功能，導致用戶在查找諸如“2019年3月15日14點至15點，在A站的103閘機刷卡標識為刷出的所有數據”等具有相同特征的塊狀信息時，都需要用戶在平臺一條一條地人工篩選。

忽視業務場景的結果，就是粗暴地完成了用戶的初步需求后，讓用戶產生了新的問題：用戶需要從海量的表格中人工查找塊狀數據，明知需要的結果就在這里，卻只能一條一條地將它們找出來，付出大量人力和時間，耽誤業務進度，影響辦事效率，這是作為B端產品設計者的我們不愿意看到的。

所以，當用戶需要在大量的數據中查找具有相同特征的信息時，他會希望能夠盡快地找完數據，此時為其提供有效的數據篩選手段，替代原本費時費力的人工處理方式，幫助用戶在海量的信息中快速定位數據以完成查找任務，從而提升業務處理效率，實現產品服務用戶的價值。

二、什么是篩選

討論功能前，需要先明確功能的定義。

篩選，也叫過濾器，是將數據中符合用戶需求條件的范圍內的數據快速地查找并顯示出來，將范圍外的數據暫時對用戶不可見，是針對一個模糊的范圍，通過對數據特性設置兩種或以上的條件進行操作的功能。

經常有人混淆了篩選和搜索的區別，實際上他們背后的差異是被動與主動的差別。

數據項中，某些數據項的內容是高度一致且不輕易變動的，如狀態、性別等，此類數據內容具備一致性，可以供用戶對內容進行局部提取。

篩選就是系統結合此類數據的特征，主動將此類數據項預置給用戶，提供展示局部數據的渠道，把內容打碎成多個局部內容，用戶可以根據需要，對數據進行規則性的提取，更快捷地查找出特定內容，精確縮小數據的展示范圍，從而幫助用戶更快地找到需要的結果，此時用戶是被動的。

而搜索，則是用戶帶有明確目標的尋找，系統提供可精確尋找的數據項，幫助用戶快速精確地找到想要的結果，此時用戶是主動的。

例如，手機品牌、機身顏色、通訊頻段等字段是手機屬性中內容高度一致的數據項，此類數據項可以作為篩選項提供給用戶，實現平臺海量數據內容的局部展示。

當用戶想買一部華為的5G手機時，他可以在電商平臺增加品牌是華為，通訊頻段是5G的篩選條件，對平臺售賣的手機商品數據進行規則性的提取，這樣用戶就只能看到平臺所有在售的華為手機中支持5G的手機了，縮小了用戶的查找范圍，這是篩選。

對于平臺而言，手機型號也是的常用屬性之一，但因為手機型號種類繁多且更新頻率快，所以這個字段一般不是平臺人員定義，而是交由商家自定義錄入；又因為手機型號沒有統一的命名規范，商家填寫的內容五花八門，往往導致同一個手機型號，會有多種錄入結果。

基于這個現狀，如果把手機型號作為篩選項提供給用戶，一是會讓用戶為了同一個信息進行大量的勾選操作；二是會因勾選不全面導致信息篩選不全面，導致漏篩、錯篩的情況，所以手機型號并不適合作為篩選項。

因此，對上述這類數據項系統可以提供搜索框，讓系統對關鍵字做語義理解分析處理，當用戶很明確的想買某一型號的手機，如mate 40，那么用戶只需要在平臺搜索框中輸入mate 40，即可以查詢出平臺上所以在售的mate 40。

那么，篩選功能會在什么場景下會起作用呢？

三、篩選的使用場景

B端產品解決的是業務場景需求，滿足用戶的職能要求即可，而我跟進的這款產品，篩選的場景，主要是協助用戶查找塊狀數據：

業務部門經常因為各種原因，需要查找一些具有相同特征的數據明細，例如：“2019年3月15日14點至15點”，在“A站”的“103閘機”刷卡標識為“刷出”的所有刷卡數據明細。

這時時間、站點、設備、刷卡標識等數據項就可以作為篩選項幫助用戶快速找出數據，但是系統沒有篩選功能，用戶就只能人工地在海量的數據中一條一條排查出符合特征要求的刷卡數據。

同時我們可以預見到用戶接下來的行動：因為平臺沒有篩選的功能，人工篩選費時費力，為了快速完成任務，只好從平臺導出全量數據到execl文件中，使用篩選功能，以達到查找目標數據的目的。

所以，用戶的痛點在哪里？

1. 問題分析

從場景中提煉問題，我們能夠發現，核心的問題就一個：用戶在平臺的海量數據中提取塊狀數據，篩選效率低下，如果任務時間緊急，將迫使用戶尋求其他手段完成目標。

這會帶來什么影響呢？

影響業務辦理。系統無法快速定向展示局部數據，需要用戶憑肉眼尋找目標數據，對比系統篩選，注定效率低下，而且為避免人工篩選過程中出現遺漏的情況，經常會安排人員進行二次檢查確認，耗時加倍。

數據篩選效率低下必然影響需要這些數據進行業務處理的工作，特別是時效性要求較高的工作，可能會導致錯過業務辦理的最佳時間，例如，處理客服工作緩慢可能會使市民更加不滿而直接投訴，協助有關部門偵查案件可能會貽誤戰機導致嫌疑人漏網。

由此我們可以發現，如果平臺能夠提供表單的篩選功能，能有效提高數據篩選效率，協助提升業務辦理效率。

那篩選功能要如何設計呢？

2. 篩選功能設計

完整的篩選功能分為篩選項選擇、優先級排序、篩選項設計和篩選項間關系三部分組成，下面我們將逐個討論。

1）篩選項選擇

作為功能設計者，我們需要先梳理數據中符合成為篩選項條件的數據項，只有先摸清可以提供的數據項，后續才好結合數據特征設計篩選項的提供方式。

個人總結的適合成為篩選的信息有以下三個特征：

數據在系統中是獨立的字段，而不是由多個字段拼湊而成的。

有時候我們會將一些獨立字段拼湊成一個字段展示給用戶，比如手機商城的“商品名稱：華為mate40pro 5G手機 亮黑色 8+256G全網通”，但用戶是不知道的，會認為這是一個字段，就算技術上可以對拼湊的字段內容同時進行多個原始字段的組合篩選，可在用戶的認知中，無法理解為什么我篩選的是字段A，查看結果的字段是內容B，這將是無效的篩選，所以篩選項建議是獨立的字段；

數據內容高度一致，數量較少。

作為功能的提供者，我們需要考慮用戶在使用時的使用場景，試想一下，如果一個篩選項中的內容過多，那么用戶將很難在大量的內容中快速地找到目標內容，也就無法選擇，所以建議篩選項的內容的數量要少。

數據更新頻率低，易于平臺維護。

由于篩選項是系統提供的功能，我們需要考慮平臺的運營人員的場景出發，高頻地更新內容，對平臺信息維護的及時性和準確性都是極大的挑戰，提供錯誤的信息會降低用戶對平臺的信任，因此更新頻率低的字段更適合作為篩選項。

比如，手機品牌符合篩選項的條件，首先它在系統中是一個獨立的字段，然后手機市場的知名品牌已經形成且更新頻率低，所以手機品牌這個字段適合成為手機商城的篩選項。

而商品名稱這個字段就不適合作為篩選項，分析后我們知道，它是由商品多個屬性內容拼湊而成的，包括品牌、內存、電池容量、攝像頭數量等等，且各屬性內容由商家填寫，五花八門，可隨意修改，就不適合做篩選項了。

2）篩選項優先級排序

篩選項優先級排序指的是評估已有可成為篩選項字段的優先級，評估出需要實現哪些篩選項，哪些不實現，哪些優先實現，哪些靠后實現等。

因為，不是所有的篩選字段都是用戶需要的，不同的字段在業務中的重要程度也是不一樣的，因此在掌握可以成為篩選項的數據字段后，我們需要結合各字段在業務中的重要程度，對所有可成為篩選項的字段做優先級排序，甚至是排除一些在使用過程中不會用到的篩選字段，這也是為后一步篩選功能設計做設計依據。

如果不對篩選項進行優先級排序，而是在界面中一股腦地、一視同仁地隨機排序提供篩選項，對于從來不需要的字段我們提供了無效的功能，對于高頻的字段我們增加了用戶的查找時間，得不償失。

還是以手機商城為例，手機品牌、CPU型號、是否曲面屏、操作系統、機身顏色、上市時間等信息均可以作為篩選項，但品牌、CPU型號、是否曲面屏等篩選項是高頻的篩選字段；而對另外三項篩選頻率較低，所以我們可以將品牌、CPU型號等信息的篩選項放在明顯的位置，且提供易選擇的交互方式；而將其他字段靠后放置，甚至折疊起來。

3）篩選項設計

整理完系統將要提供的篩選項字段后，需要根據數據內容的特征，對篩選項進行分類并設計。

B端產品數據表單的篩選功能不能太復雜，同時不能占用頁面過多的有效面積，所以基于個人經驗，可以將可成為篩選項的數據字段分為以下三種類型。

日期：

日期是表格中常見的字段類型，而場景事件的觸發離不開時間選擇，比如站時間、出站時間等，所以日期選擇是最常見的篩選項之一。

日期選擇器是讓用戶在應用中選擇日期或時間段的一類控件，用于查詢過往時間發生的事情，可以根據用戶習慣定義默認時間，如最近7天，也可以根據場景特征增加快捷選項，如最近一個月/三個月等設計。

字典類：

字典類是對表格字段中，用戶通過選擇的方式完成信息錄入的、系統可以預先配置篩選項內容的字段的統稱，如狀態類字段：已進站/已安檢/已出站，標簽類字段：性別男/女，組織架構類字段：省-市-區等等，是表單篩選項中常客。

字典類字段的內容更新頻率低、涵蓋范圍廣，通過讓用戶選擇范圍而不是自定義的形式進行篩選，可降低學習成本，給用戶以確定性內容，能提高篩選命中率，從而提升業務效率。

文本/數值：

文本類和數值類的字段內容，是表單中常見的字段類型，但想要篩選這一類字段的內容，往往無法精確定位，需要提供含有運算符的篩選操作，常見的篩選操作有：大于、小于、是、否、包含、不包含、為空、不為空等等。

此類篩選操作可以滿足更多的用戶場景，為用戶多條件多字段篩選提供有利保障。

4）篩選項間關系

上面我們討論了針對常見的不同字段類型的篩選項設計，這一部分簡單溝通下不同篩選項間關系的設計，畢竟多數情況下的表單篩選都是多維度的，需要考慮不同篩選項間的關系，很少見到一個表單只有一個篩選項的情況。

“或”關系：

對于同一表格下的相同字段的篩選項，一般使用“或”關系進行篩選，常見的是對字典類多選內容的處理。

如：查詢2021年3月28日在草埔站、布吉站或木棉灣站存在刷卡記錄的票卡卡號，這樣我們就能對同一數據項的多個站點數據進行篩選。

“且”關系：

對于同一表格下的不同字段篩選項，一般使用“且”關系處理，如：2021年3月28日存在刷卡記錄，且在草埔站進站的票卡卡號。

簡單總結一下，采用何種篩選形式，取決于業務邏輯/場景和表單內容本身，本質都是希望能協助用戶對數據內容進行快速定位，找到用戶想要的內容。

以上就是個人對篩選功能的一些思考，個人也是希望通過對用戶場景的深化分析，加深對用戶需求的理解。

 

作者：伯安，公眾號：伯安郡。

本文由 @伯安 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議