產(chǎn)品經(jīng)理有關(guān)表單篩選功能的思考

1、編輯導(dǎo)語： B 端產(chǎn)品中經(jīng)常會遇到表格的形式，篩選的存在對于整個表單來說是非常重要的，它可以幫助用戶，在表單茫茫多的數(shù)據(jù)當(dāng)中進(jìn)行快速的定位；本文作者分享了關(guān)于表單篩選功能的思考，我們一起來了解一下。在 B 端產(chǎn)品中，表格是最常出現(xiàn)的內(nèi)容形式，在個人最近跟的一款交通客流數(shù)據(jù)的分析系統(tǒng)中，表格也被大量運(yùn)用到系統(tǒng)中，這是一款匯聚了市級的交通刷卡數(shù)據(jù)、每天的數(shù)據(jù)增量達(dá)到千萬級別的平臺。在我跟進(jìn)的這款產(chǎn)品中，前人因為缺乏相關(guān)設(shè)計經(jīng)驗，不了解用戶的業(yè)務(wù)場景，同時忽視了刷卡數(shù)據(jù)量龐大及表單字段類型繁多的客觀情況，并未提供表單篩選功能，導(dǎo)致用戶在查找諸如“2019年 3月 15 日 14點至 15點，在 A

2、站的 103 閘機(jī)刷卡標(biāo)識為刷出的所有數(shù)據(jù)”等具有相同特征的塊狀信息時，都需要用戶在平臺一條一條地人工篩選。忽視業(yè)務(wù)場景的結(jié)果，就是粗暴地完成了用戶的初步需求后，讓用戶產(chǎn)生了新的問題：用戶需要從海量的表格中人工查找塊狀數(shù)據(jù)，明知需要的結(jié)果就在這里，卻只能一條一條地將它們找出來，付出大量人力和時間，耽誤業(yè)務(wù)進(jìn)度，影響辦事效率，這是作為 B 端產(chǎn)品設(shè)計者的我們不愿意看到的。所以，當(dāng)用戶需要在大量的數(shù)據(jù)中查找具有相同特征的信息時，他會希望能夠盡快地找完數(shù)據(jù)，此時為其提供有效的數(shù)據(jù)篩選手段，替代原本費時費力的人工處理方式，幫助用戶在海量的信息中快速定位數(shù)據(jù)以完成查找任務(wù)，從而提升業(yè)務(wù)處理效率，實現(xiàn)產(chǎn)品

3、服務(wù)用戶的價值。討論功能前，需要先明確功能的定義。篩選，也叫過濾器，是將數(shù)據(jù)中符合用戶需求條件的范圍內(nèi)的數(shù)據(jù)快速地查找并顯示出來，將范圍外的數(shù)據(jù)暫時對用戶不可見，是針對一個模糊的范圍，通過對數(shù)據(jù)特性設(shè)置兩種或以上的條件進(jìn)行操作的功能。經(jīng)常有人混淆了篩選和搜索的區(qū)別，實際上他們背后的差異是被動與主動的差別。數(shù)據(jù)項中，某些數(shù)據(jù)項的內(nèi)容是高度一致且不輕易變動的，如狀態(tài)、性別等，此類數(shù)據(jù)內(nèi)容具備一致性，可以供用戶對內(nèi)容進(jìn)行局部提取。篩選就是系統(tǒng)結(jié)合此類數(shù)據(jù)的特征，主動將此類數(shù)據(jù)項預(yù)置給用戶，提供展示局部數(shù)據(jù)的渠道，把內(nèi)容打碎成多個局部內(nèi)容，用戶可以根據(jù)需要，對數(shù)據(jù)進(jìn)行規(guī)則性的提取，更快捷地查找出特定內(nèi)

4、容，精確縮小數(shù)據(jù)的展示范圍，從而幫助用戶更快地找到需要的結(jié)果，此時用戶是被動的。而搜索，則是用戶帶有明確目標(biāo)的尋找，系統(tǒng)提供可精確尋找的數(shù)據(jù)項，幫助用戶快速精確地找到想要的結(jié)果，此時用戶是主動的。例如，手機(jī)品牌、機(jī)身顏色、通訊頻段等字段是手機(jī)屬性中內(nèi)容高度一致的數(shù)據(jù)項，此類數(shù)據(jù)項可以作為篩選項提供給用戶，實現(xiàn)平臺海量數(shù)據(jù)內(nèi)容的局部展示。當(dāng)用戶想買一部華為的 5G 手機(jī)時，他可以在電商平臺增加品牌是華為，通訊頻段是5G 的篩選條件，對平臺售賣的手機(jī)商品數(shù)據(jù)進(jìn)行規(guī)則性的提取，這樣用戶就只能看到平臺所有在售的華為手機(jī)中支持5G 的手機(jī)了，縮小了用戶的查找范圍，這是篩選。對于平臺而言，手機(jī)型號也是的常

5、用屬性之一，但因為手機(jī)型號種類繁多且更新頻率快，所以這個字段一般不是平臺人員定義，而是交由商家自定義錄入；又因為手機(jī)型號沒有統(tǒng)一的命名規(guī)范，商家填寫的內(nèi)容五花八門，往往導(dǎo)致同一個手機(jī)型號，會有多種錄入結(jié)果?；谶@個現(xiàn)狀，如果把手機(jī)型號作為篩選項提供給用戶，一是會讓用戶為了同一個信息進(jìn)行大量的勾選操作；二是會因勾選不全面導(dǎo)致信息篩選不全面，導(dǎo)致漏篩、錯篩的情況，所以手機(jī)型號并不適合作為篩選項。因此，對上述這類數(shù)據(jù)項系統(tǒng)可以提供搜索框，讓系統(tǒng)對關(guān)鍵字做語義理解分析處理，當(dāng)用戶很明確的想買某一型號的手機(jī)，如 mate 40，那么用戶只需要在平臺搜索框中輸入mate 40，即可以查詢出平臺上所以在售的

6、mate 40。那么，篩選功能會在什么場景下會起作用呢？B 端產(chǎn)品解決的是業(yè)務(wù)場景需求，滿足用戶的職能要求即可，而我跟進(jìn)的這款產(chǎn)品，篩選的場景，主要是協(xié)助用戶查找塊狀數(shù)據(jù)：業(yè)務(wù)部門經(jīng)常因為各種原因，需要查找一些具有相同特征的數(shù)據(jù)明細(xì)，例如：“2019年 3月 15 日 14點至 15點”，在 “A 站 ”的 “103閘機(jī)”刷卡標(biāo)識為 “刷出 ”的所有刷卡數(shù)據(jù)明細(xì)。這時時間、站點、設(shè)備、刷卡標(biāo)識等數(shù)據(jù)項就可以作為篩選項幫助用戶快速找出數(shù)據(jù)，但是系統(tǒng)沒有篩選功能，用戶就只能人工地在海量的數(shù)據(jù)中一條一條排查出符合特征要求的刷卡數(shù)據(jù)。同時我們可以預(yù)見到用戶接下來的行動：因為平臺沒有篩選的功能，人工篩選

7、費時費力，為了快速完成任務(wù)，只好從平臺導(dǎo)出全量數(shù)據(jù)到 execl 文件中，使用篩選功能，以達(dá)到查找目標(biāo)數(shù)據(jù)的目的。所以，用戶的痛點在哪里？從場景中提煉問題，我們能夠發(fā)現(xiàn)，核心的問題就一個：用戶在平臺的海量數(shù)據(jù)中提取塊狀數(shù)據(jù)，篩選效率低下，如果任務(wù)時間緊急，將迫使用戶尋求其他手段完成目標(biāo)。這會帶來什么影響呢？影響業(yè)務(wù)辦理。系統(tǒng)無法快速定向展示局部數(shù)據(jù)，需要用戶憑肉眼尋找目標(biāo)數(shù)據(jù)，對比系統(tǒng)篩選，注定效率低下，而且為避免人工篩選過程中出現(xiàn)遺漏的情況，經(jīng)常會安排人員進(jìn)行二次檢查確認(rèn)，耗時加倍。數(shù)據(jù)篩選效率低下必然影響需要這些數(shù)據(jù)進(jìn)行業(yè)務(wù)處理的工作，特別是時效性要求較高的工作，可能會導(dǎo)致錯過業(yè)務(wù)辦理的最

8、佳時間，例如，處理客服工作緩慢可能會使市民更加不滿而直接投訴，協(xié)助有關(guān)部門偵查案件可能會貽誤戰(zhàn)機(jī)導(dǎo)致嫌疑人漏網(wǎng)。由此我們可以發(fā)現(xiàn)，如果平臺能夠提供表單的篩選功能，能有效提高數(shù)據(jù)篩選效率，協(xié)助提升業(yè)務(wù)辦理效率。那篩選功能要如何設(shè)計呢？完整的篩選功能分為篩選項選擇、優(yōu)先級排序、篩選項設(shè)計和篩選項間關(guān)系三部分組成，下面我們將逐個討論。1）篩選項選擇作為功能設(shè)計者，我們需要先梳理數(shù)據(jù)中符合成為篩選項條件的數(shù)據(jù)項，只有先摸清可以提供的數(shù)據(jù)項，后續(xù)才好結(jié)合數(shù)據(jù)特征設(shè)計篩選項的提供方式。個人總結(jié)的適合成為篩選的信息有以下三個特征：數(shù)據(jù)在系統(tǒng)中是獨立的字段，而不是由多個字段拼湊而成的。有時候我們會將一些獨立字

9、段拼湊成一個字段展示給用戶，比如手機(jī)商城的 商品名稱：華為mate40pro 5G手機(jī)亮黑色8+256G全網(wǎng)通”，但用戶是不知 道的，會認(rèn)為這是一個字段，就算技術(shù)上可以對拼湊的字段內(nèi)容同時進(jìn)行多個原始字段的組合篩選，可在用戶的認(rèn)知中，無法理解為什么我篩選的是字段A ，查看結(jié)果的字段是內(nèi)容B ，這將是無效的篩選，所以篩選項建議是獨立的字段；數(shù)據(jù)內(nèi)容高度一致，數(shù)量較少。作為功能的提供者，我們需要考慮用戶在使用時的使用場景，試想一下，如果一個篩選項中的內(nèi)容過多，那么用戶將很難在大量的內(nèi)容中快速地找到目標(biāo)內(nèi)容，也就無法選擇，所以建議篩選項的內(nèi)容的數(shù)量要少。數(shù)據(jù)更新頻率低，易于平臺維護(hù)。由于篩選項是系統(tǒng)

10、提供的功能，我們需要考慮平臺的運(yùn)營人員的場景出發(fā)，高頻地更新內(nèi)容，對平臺信息維護(hù)的及時性和準(zhǔn)確性都是極大的挑戰(zhàn)，提供錯誤的信息會降低用戶對平臺的信任，因此更新頻率低的字段更適合作為篩選項。比如，手機(jī)品牌符合篩選項的條件，首先它在系統(tǒng)中是一個獨立的字段，然后手機(jī)市場的知名品牌已經(jīng)形成且更新頻率低，所以手機(jī)品牌這個字段適合成為手機(jī)商城的篩選項。而商品名稱這個字段就不適合作為篩選項，分析后我們知道，它是由商品多個屬性內(nèi)容拼湊而成的，包括品牌、內(nèi)存、電池容量、攝像頭數(shù)量等等，且各屬性內(nèi)容由商家填寫，五花八門，可隨意修改，就不適合做篩選項了。2）篩選項優(yōu)先級排序篩選項優(yōu)先級排序指的是評估已有可成為篩選項

11、字段的優(yōu)先級，評估出需要實現(xiàn)哪些篩選項，哪些不實現(xiàn)，哪些優(yōu)先實現(xiàn)，哪些靠后實現(xiàn)等。因為，不是所有的篩選字段都是用戶需要的，不同的字段在業(yè)務(wù)中的重要程度也是不一樣的，因此在掌握可以成為篩選項的數(shù)據(jù)字段后，我們需要結(jié)合各字段在業(yè)務(wù)中的重要程度，對所有可成為篩選項的字段做優(yōu)先級排序，甚至是排除一些在使用過程中不會用到的篩選字段，這也是為后一步篩選功能設(shè)計做設(shè)計依據(jù)。如果不對篩選項進(jìn)行優(yōu)先級排序，而是在界面中一股腦地、一視同仁地隨機(jī)排序提供篩選項，對于從來不需要的字段我們提供了無效的功能，對于高頻的字段我們增加了用戶的查找時間，得不償失。還是以手機(jī)商城為例，手機(jī)品牌、 CPU型號、是否曲面屏、操作系統(tǒng)

12、、機(jī)身顏色、上市時間等信息均可以作為篩選項，但品牌、 CPU 型號、是否曲面屏等篩選項是高頻的篩選字段；而對另外三項篩選頻率較低，所以我們可以將品牌、 CPU 型號等信息的篩選項放在明顯的位置，且提供易選擇的交互方式；而將其他字段靠后放置，甚至折疊起來。3）篩選項設(shè)計整理完系統(tǒng)將要提供的篩選項字段后，需要根據(jù)數(shù)據(jù)內(nèi)容的特征，對篩選項進(jìn)行分類并設(shè)計。B 端產(chǎn)品數(shù)據(jù)表單的篩選功能不能太復(fù)雜，同時不能占用頁面過多的有效面積，所以基于個人經(jīng)驗，可以將可成為篩選項的數(shù)據(jù)字段分為以下三種類型。日期：日期是表格中常見的字段類型，而場景事件的觸發(fā)離不開時間選擇，比如站時間、出站時間等，所以日期選擇是最常見的篩

13、選項之一。日期選擇器是讓用戶在應(yīng)用中選擇日期或時間段的一類控件，用于查詢過往時間發(fā)生的事情，可以根據(jù)用戶習(xí)慣定義默認(rèn)時間，如最近7 天，也可以根據(jù)場景特征增加快捷選項，如最近一個月/三個月等設(shè)計。字典類：字典類是對表格字段中，用戶通過選擇的方式完成信息錄入的、系統(tǒng)可以預(yù)先配置篩選項內(nèi)容的字段的統(tǒng)稱，如狀態(tài)類字段：已進(jìn)站/ 已安檢/已出站，標(biāo)簽類字段：性別男/女，組織架構(gòu)類字段：省-市- 區(qū)等等，是表單篩選項中?？汀Ｗ值漕愖侄蔚膬?nèi)容更新頻率低、涵蓋范圍廣，通過讓用戶選擇范圍而不是自定義的形式進(jìn)行篩選，可降低學(xué)習(xí)成本，給用戶以確定性內(nèi)容，能提高篩選命中率，從而提升業(yè)務(wù)效率。文本 /數(shù)值：文本類和數(shù)值類的字段內(nèi)容，是表單中常見的字段類型，但想要篩選這一類字段的內(nèi)容，往往無法精確定位，需要提供含有運(yùn)算符的篩選操作，常見的篩選操作有：大于、小于、是、否、包含、不包含、為空、不為空等等。此類篩選操作可以滿足更多的用戶場景，為用戶多條件多字段篩選提供有利保障。4）篩選項間關(guān)系上面我們討論了針對常見的不同字段類型的篩選項設(shè)計，這一部分簡單溝通下不同篩選項間關(guān)系的設(shè)計，畢竟多數(shù)情況下的表單篩選都是多維度的，需要考慮不同篩選項間的關(guān)系，很少見到一個表單只有一個篩選項的情況?！盎?”關(guān)系：對于同一表格下的相同字段的篩選項，一般使用 “或”關(guān)系進(jìn)行篩選，常見的是對