淺析7類數據表格的篩選設計

2 評論 32398 瀏覽 204 收藏 6 分鐘

最近一直在做To B的產品,對于To B類的產品,最多出現的就是表格,表格通常都會含有很多的數據項,不方便查看,這就需要增加一些篩選條件,方便用戶查找,下面就討論一下這個篩選條件的設計。

1、以搜索的形式進行篩選

輸入框可以輸入用戶關心的內容,下面可以做到實時篩選,也可以觸發點擊。但是必須支持模糊查詢,否則用戶必須記住所有內容,才能查出要找的內容項,這樣的記憶成本太高了。

好處:只要被打了標簽的內容,都可以通過這種方式篩選??梢暂斎攵鄠€條件,同時篩選,取并集或取交集。

壞處:必須告知用戶哪些內容可以輸入,像實例中這個例子,用戶并不知道可以輸入什么,造成不能很好的篩選,可能出現很多不相關的內容,像你輸的是id號,但是手機號相似的也被列出來了。

2、標簽加搜索

先選擇要篩選的種類,然后輸入內容。

好處:篩選的內容準確性更高。

壞處:每次只能對單一條件進行篩選。

3、搜索加高級選項

點擊更多,可以下拉出更多篩選條件,供用戶選擇。

好處:只是一個搜索框,可以滿意大部分用戶的需求,如果高級用戶有更高的要求,可以在更多里得到滿足,減少了更多條件對用戶的干擾。

壞處:放在更多里面的條件必須是不常用的,否則就會增加用戶的操作成本。

4、tab的形式切換

將結果進行了分類,放在不同的tab下,通常有一定的時間順序,并且沒有交集的內容,通常用作不同狀態的表格篩選。

好處:根據tab,可以很清楚知道劃分,切換tab就可以篩選內容。

壞處:tab的分類必須覆蓋所有情況,并且保證每一項沒有交集,tab分類不能過多,9個已經是最大。

5、list篩選

一項比較重要,作為默認顯示,其他內容,相對重要級要低很多。

好處:將重要篩選進行默認,不重要進行隱藏,降低干擾。比tab占的空間小,可以放置更多篩選項。

壞處:用戶不可感知哪些可以篩選,需要點擊。

6、全部顯示篩選

通過對內容點擊,就可以進行篩選,輸入項相對很少。

好處:用戶只需要點擊就可以篩選,操作成本低。內容都顯示,用戶很清楚哪些內容可以篩選。

壞處:占用空間大,如果篩選項過多,會對用戶造成干擾。

7、帶標簽多項篩選

這種方式通常對于復雜的內容進行篩選。鼠標點擊,先選擇標簽,輸入內容,然后繼續選擇標簽,輸入內容。

好處:使搜索內容更加精確,多項內容同時篩選。

壞處:操作復雜,如果用戶只篩選一項或兩項,增加了很大的操作成本。

結語

以上是對表格篩選的探討,每一種形式都有其優缺點,這就要求我們在設計的時候,要根據用戶的使用習慣去設計,要符合情景。

 

本文由 @設計Zan 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以的

    來自廣東 回復
  2. 我還是在關看

    回復