微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

近期有不法分子打着爱盈利的旗号,制作“爱盈利”名称的App,并伪造爱盈利证件,骗取用户信任,以抖音点赞赚钱或其他方式赚钱为名义,过程中以升级会员获得高佣金为名让用户充值。
爱盈利公司郑重声明:我司没有研发或运营过任何名为“爱盈利”的APP,我司做任务赚钱类产品从没有让任何普通用户充值升级会员。我公司产品均在本网站可查询,请将网站拉至底部,点击“关于我们”可查看爱盈利相关产品与服务。
温馨提示:当遇到此类问题请拨打官方电话或添加官方微信,以免财产损失。爱盈利官网地址:www.aiyingli.com。
  • 推广与合作
X

浅析7类数据表格的筛选设计

来源: 2918
爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。

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

浅析7类数据表格的筛选设计

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

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

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

2、标签加搜索

浅析7类数据表格的筛选设计

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

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

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

3、搜索加高级选项

浅析7类数据表格的筛选设计

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

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

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

4、tab的形式切换

浅析7类数据表格的筛选设计

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

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

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

5、list筛选

浅析7类数据表格的筛选设计

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

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

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

6、全部显示筛选

浅析7类数据表格的筛选设计

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

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

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

7、带标签多项筛选

浅析7类数据表格的筛选设计

浅析7类数据表格的筛选设计

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

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

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

结语

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

本文作者 @设计Zan

爱盈利-运营小咖秀 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容;是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台;

评论

相关文章推荐

SELECT dw_posts.ID,dw_posts.post_title,dw_posts.post_content FROM dw_posts INNER JOIN dw_term_relationships ON (dw_posts.ID = dw_term_relationships.object_id) WHERE 1=1 AND(dw_term_relationships.term_taxonomy_id = 3267 ) AND dw_posts.post_type = 'post' AND (dw_posts.post_status = 'publish') GROUP BY dw_posts.ID ORDER BY RAND() LIMIT 0, 6

京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号