| B端系统，筛选控件总结 | |
| 【返回本版】 【发表帖子】 【回复帖子】 | 浏览量 1075 回帖数 0 |
 |
lanlan123 等级 ☆ 楼主 发表于 2019/12/27 10:38:26 编 辑 |
|
|
蓝蓝设计，工作室2008年开始，2011年正式成立北京兰亭妙微科技有限公司，主创清华团队，专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI，一直在学习进步。为期望卓越的国内外企业提供大屏设计 、UI界面设计、BS界面设计 、 Cs界面设计 、 用户体验、交互设计、网站建设 、包装设计 、 图标定制 、 平面设计服务。 筛选可以说是我使用比较频繁的一种交互形式 1、筛选存在的意义 筛选存在的对于整个表单来说是非常重要的，它可以帮助用户，在表单茫茫多的数据当中进行快速的定位；可以对表单进行快速划分，缩短用户对于数据的寻找时间；能够满足用户在工作中，实际业务场景的筛选。对于实际B端场景来说，筛选是日常数据分类的一个重要途径。 筛选和搜索、导航的区别？  筛选可以通过多个筛选条件进行多维度的寻找，而导航、搜索只能通过单一条件进行指定筛选。 虽然在现在很多搜索都可以支持多维度用空格去进行多字段的关键词搜索，但本质上区别不大 所以在B端项目当中，如果你有表单，那你就需要筛选 2、筛选的类型 我们将筛选分为基础筛选和高级筛选两种，两种筛选会根据业务场景不同，在不同的页面去使用  2.1、基础筛选 基础筛选一般为系统预设好的筛选字段，具有很强的业务和场景的需求。基础筛选一般分为四个部分： 筛选条件：是指用户可以筛选的范围 筛选项：是指用户可以选择的筛选项目 已选项：是指用户已经选中的筛选项 备选项：是指用户还没有选择的筛选选项 基础筛选更多作为用户快捷筛选的一种方式，因为一般使用场景当中用户几个筛选逻辑为“且” 同时筛选的逻辑也为简单筛选，所以在使用场景上只适合在对筛选要求不高的场景下使用。 2.2、高级筛选 高级筛选一般为筛选中含有运算符，同时筛选当中包含条件关系，比如且关系或者否关系。一般高级筛选包含以下几类关键词  筛选关系：是指几个筛选条件之间的关系，一般为 且、或关系，即 且 关系为几个条件之间的并集；或 关系为几个条件之间的联集 筛选字段：是指在筛选当中，所要的筛选项，一般为表单当中的所有可筛选的字段 筛选操作：是指筛选字段和筛选值之间的关系，常见的筛选操作有：大于、小于、是、否、包含、不包含、为空、不为空等等。 筛选值：你所需要筛选的数值 高级筛选一般满足更多的用户场景，为用户多条件多字段、多个筛选关系、多个筛选操作 提供有利保障。 3、筛选的布局 3.1、上下布局 当在筛选器条件少于5个的情况下，最常使用的就是上下布局，这样筛选能与网站保持统一的情况下，上下布局也更方便用户进行阅读 当筛选器过多的情况下（一般在5-15个之间），筛选器过多，需要滚屏才能看到筛选结果，用户使用起来会很别扭。所以在5-15个的情况下，一般会将筛选项进行收折，这样保证筛选整体面积不会太大，同时将用户常用的筛选放在前面，可以满足用户基本的业务需求和使用场景 3.2、左右布局 左右布局在PC端一般是以字段选择进行筛选，通俗来讲就是将用户可以筛选的所有字段全部罗列出来，然后通过勾选选，择出你需要筛选的字段，进行筛选器的使用  左右布局的好处是能够将筛选的所有条件都直接的展示出来，可以适应很多场景，在筛选器用15个以上时。通过左右布局的方式，能够让筛选条件进行滚动，在最大限度保持用户使用体验 4.选择更合适的筛选 在我们一系列筛选的调整过后，我们团队也总结了对于我们来说更重要的条件和形式，来和大家分享探讨一下。  4.1、使用频率 我们认为影响筛选控件最重要的是用户的使用频率，因为用户的使用频率和使用方式，直接影响到我们筛选是用普通筛选or高级筛选，也会影响到筛选的形式。 4.2、满足实际业务所需 筛选功能的做法，取决于我们产品未来是想往哪一个方向发展，如果想把功能做的强大，就得考虑到筛选的后续扩展性。因此满足实际业务也是十分重要。 4.3、用户认知成本 在B端系统当中，最可能遇见的就是你给用户设计的路径但是其实用户根本没有往你想的方向去操作。我们系统最开始给用户设计好了很多功能点，但是用户对于这个点的认知成本实在过低，也导致了后面系统功能点很多都被埋没。因为在你设计好了一个功能点后，要适当引导用户，解释这个功能的使用场景才不会让你设计的功能被淹没。 欢迎访问,开始愉快的合作! 网站：www.lanlanwork.com 全国统一客服热线：400-608-6026 公司邮箱:weibaobei@163.com |
||
| 1 |