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

一、背景

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

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

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

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

二、什么是篩選

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

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

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

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

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

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

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

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

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

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

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

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

三、篩選的使用場景

B端產(chǎn)品解決的是業(yè)務場景需求，滿足用戶的職能要求即可，而我跟進的這款產(chǎn)品，篩選的場景，主要是協(xié)助用戶查找塊狀數(shù)據(jù)：

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

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

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

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

1. 問題分析

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

這會帶來什么影響呢？

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

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

由此我們可以發(fā)現(xiàn)，如果平臺能夠提供表單的篩選功能，能有效提高數(shù)據(jù)篩選效率，協(xié)助提升業(yè)務辦理效率。

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

2. 篩選功能設計

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

1）篩選項選擇

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

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

數(shù)據(jù)在系統(tǒng)中是獨立的字段，而不是由多個字段拼湊而成的。

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

數(shù)據(jù)內(nèi)容高度一致，數(shù)量較少。

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

數(shù)據(jù)更新頻率低，易于平臺維護。

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

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

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

2）篩選項優(yōu)先級排序

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

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

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

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

3）篩選項設計

整理完系統(tǒng)將要提供的篩選項字段后，需要根據(jù)數(shù)據(jù)內(nèi)容的特征，對篩選項進行分類并設計。

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

日期：

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

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

字典類：

字典類是對表格字段中，用戶通過選擇的方式完成信息錄入的、系統(tǒng)可以預先配置篩選項內(nèi)容的字段的統(tǒng)稱，如狀態(tài)類字段：已進站/已安檢/已出站，標簽類字段：性別男/女，組織架構(gòu)類字段：省-市-區(qū)等等，是表單篩選項中?？?。

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

文本/數(shù)值：

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

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

4）篩選項間關系

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

“或”關系：

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

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

“且”關系：

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

簡單總結(jié)一下，采用何種篩選形式，取決于業(yè)務邏輯/場景和表單內(nèi)容本身，本質(zhì)都是希望能協(xié)助用戶對數(shù)據(jù)內(nèi)容進行快速定位，找到用戶想要的內(nèi)容。

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

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

本文由 @伯安 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議