Web开发中数据表格常见的7类筛选设计

您所在的位置:网站首页 数据筛选的分类 Web开发中数据表格常见的7类筛选设计

Web开发中数据表格常见的7类筛选设计

2024-07-11 04:13:22| 来源: 网络整理| 查看: 265

文章转载自:http://www.woshipm.com/pd/653433.html

目录

1、以搜索的形式进行筛选

2、标签加搜索

3、搜索加高级选项

4、tab的形式切换

5、list筛选

6、全部显示筛选

7、带标签多项筛选

结语

1、以搜索的形式进行筛选

输入框可以输入用户关心的内容,下面可以做到实时筛选,也可以触发点击。但是必须支持模糊查询,否则用户必须记住所有内容,才能查出要找的内容项,这样的记忆成本太高了。

好处:只要被打了标签的内容,都可以通过这种方式筛选。可以输入多个条件,同时筛选,取并集或取交集。

坏处:必须告知用户哪些内容可以输入,像实例中这个例子,用户并不知道可以输入什么,造成不能很好的筛选,可能出现很多不相关的内容,像你输的是id号,但是手机号相似的也被列出来了。

2、标签加搜索

先选择要筛选的种类,然后输入内容。

好处:筛选的内容准确性更高。

坏处:每次只能对单一条件进行筛选。

3、搜索加高级选项

点击更多,可以下拉出更多筛选条件,供用户选择。

好处:只是一个搜索框,可以满意大部分用户的需求,如果高级用户有更高的要求,可以在更多里得到满足,减少了更多条件对用户的干扰。

坏处:放在更多里面的条件必须是不常用的,否则就会增加用户的操作成本。

4、Tab的形式切换

将结果进行了分类,放在不同的tab下,通常有一定的时间顺序,并且没有交集的内容,通常用作不同状态的表格筛选。

好处:根据tab,可以很清楚知道划分,切换tab就可以筛选内容。

坏处:tab的分类必须覆盖所有情况,并且保证每一项没有交集,tab分类不能过多,9个已经是最大。

5、List筛选

一项比较重要,作为默认显示,其他内容,相对重要级要低很多。

好处:将重要筛选进行默认,不重要进行隐藏,降低干扰。比tab占的空间小,可以放置更多筛选项。

坏处:用户不可感知哪些可以筛选,需要点击。

6、全部显示筛选

通过对内容点击,就可以进行筛选,输入项相对很少。

好处:用户只需要点击就可以筛选,操作成本低。内容都显示,用户很清楚哪些内容可以筛选。

坏处:占用空间大,如果筛选项过多,会对用户造成干扰。

7、带标签多项筛选

这种方式通常对于复杂的内容进行筛选。鼠标点击,先选择标签,输入内容,然后继续选择标签,输入内容。

好处:使搜索内容更加精确,多项内容同时筛选。

坏处:操作复杂,如果用户只筛选一项或两项,增加了很大的操作成本。

结语

以上是对表格筛选的探讨,每一种形式都有其优缺点,这就要求我们在设计的时候,要根据用户的使用习惯去设计,要符合情景。



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭