最近一直在做To B的產(chǎn)品，對(duì)于To B類的產(chǎn)品，最多出現(xiàn)的就是表格，表格通常都會(huì)含有很多的數(shù)據(jù)項(xiàng)，不方便查看，這就需要增加一些篩選條件，方便用戶查找，下面就討論一下這個(gè)篩選條件的設(shè)計(jì)。

1、以搜索的形式進(jìn)行篩選

輸入框可以輸入用戶關(guān)心的內(nèi)容，下面可以做到實(shí)時(shí)篩選，也可以觸發(fā)點(diǎn)擊。但是必須支持模糊查詢，否則用戶必須記住所有內(nèi)容，才能查出要找的內(nèi)容項(xiàng)，這樣的記憶成本太高了。

好處：只要被打了標(biāo)簽的內(nèi)容，都可以通過(guò)這種方式篩選。可以輸入多個(gè)條件，同時(shí)篩選，取并集或取交集。

壞處：必須告知用戶哪些內(nèi)容可以輸入，像實(shí)例中這個(gè)例子，用戶并不知道可以輸入什么，造成不能很好的篩選，可能出現(xiàn)很多不相關(guān)的內(nèi)容，像你輸?shù)氖莍d號(hào)，但是手機(jī)號(hào)相似的也被列出來(lái)了。

2、標(biāo)簽加搜索

先選擇要篩選的種類，然后輸入內(nèi)容。

好處：篩選的內(nèi)容準(zhǔn)確性更高。

壞處：每次只能對(duì)單一條件進(jìn)行篩選。

3、搜索加高級(jí)選項(xiàng)

點(diǎn)擊更多，可以下拉出更多篩選條件，供用戶選擇。

好處：只是一個(gè)搜索框，可以滿意大部分用戶的需求，如果高級(jí)用戶有更高的要求，可以在更多里得到滿足，減少了更多條件對(duì)用戶的干擾。

壞處：放在更多里面的條件必須是不常用的，否則就會(huì)增加用戶的操作成本。

4、tab的形式切換

將結(jié)果進(jìn)行了分類，放在不同的tab下，通常有一定的時(shí)間順序，并且沒(méi)有交集的內(nèi)容，通常用作不同狀態(tài)的表格篩選。

好處：根據(jù)tab，可以很清楚知道劃分，切換tab就可以篩選內(nèi)容。

壞處：tab的分類必須覆蓋所有情況，并且保證每一項(xiàng)沒(méi)有交集，tab分類不能過(guò)多，9個(gè)已經(jīng)是最大。

5、list篩選

一項(xiàng)比較重要，作為默認(rèn)顯示，其他內(nèi)容，相對(duì)重要級(jí)要低很多。

好處：將重要篩選進(jìn)行默認(rèn)，不重要進(jìn)行隱藏，降低干擾。比tab占的空間小，可以放置更多篩選項(xiàng)。

壞處：用戶不可感知哪些可以篩選，需要點(diǎn)擊。

6、全部顯示篩選

通過(guò)對(duì)內(nèi)容點(diǎn)擊，就可以進(jìn)行篩選，輸入項(xiàng)相對(duì)很少。

好處：用戶只需要點(diǎn)擊就可以篩選，操作成本低。內(nèi)容都顯示，用戶很清楚哪些內(nèi)容可以篩選。

壞處：占用空間大，如果篩選項(xiàng)過(guò)多，會(huì)對(duì)用戶造成干擾。

7、帶標(biāo)簽多項(xiàng)篩選

這種方式通常對(duì)于復(fù)雜的內(nèi)容進(jìn)行篩選。鼠標(biāo)點(diǎn)擊，先選擇標(biāo)簽，輸入內(nèi)容，然后繼續(xù)選擇標(biāo)簽，輸入內(nèi)容。

好處：使搜索內(nèi)容更加精確，多項(xiàng)內(nèi)容同時(shí)篩選。

壞處：操作復(fù)雜，如果用戶只篩選一項(xiàng)或兩項(xiàng)，增加了很大的操作成本。

結(jié)語(yǔ)

以上是對(duì)表格篩選的探討，每一種形式都有其優(yōu)缺點(diǎn)，這就要求我們?cè)谠O(shè)計(jì)的時(shí)候，要根據(jù)用戶的使用習(xí)慣去設(shè)計(jì)，要符合情景。

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