加入收藏 | 设为首页 | 会员中心 | 我要投稿 西安站长网 (https://www.029zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

web表格设计攻略

发布时间:2017-07-16 19:24:15 所属栏目:运营 来源:woshipm
导读:副标题#e# 在后台管理系统、数据类产品等的设计中,表格作为一种常见的信息组织整理手段,甚至是web页面的基础设施之一,其重要性不言自明。结合最近做的几个项目和相关设计经验总结,特此整理出这样一篇设计攻略,希望能够对你的设计有所帮助。 表格的定义

用户可以通过输入特殊条件进行搜索,从而快速定位到所需的目标数据条目。搜索输入框尽量采用模糊搜索,不要让用户去辨认、识别要输入的内容。模糊搜索一般单独使用,或者和筛选区进行明显隔离后使用。筛选为主要场景时,搜索框可以作为筛选条件之一。搜索为主要场景时,筛选区可看做高级搜索隐藏起来。个人认为搜索和筛选同时使用在大多数情况下都是多余的,因为搜出来的结果已经比较明确了,而筛选一般有比较明确的业务目的。而关键的冲突在于触发方式的不同,筛选有“实时筛选”和“点击查询按钮触发筛选”两种,而搜索大部分是“触发搜索”,实时的比较少。

在样式上,搜索可以分为简单搜索、标签搜索、列标签搜索、高级搜索等四类。简单搜索由一个搜索框和一个按钮组成,搜索框内有提示语告诉用户可以输入哪些内容,支持模糊查询,可以实时搜索或触发点击搜索。特殊情况下,可以输入多个条件同时筛选,取并集或取交集。标签搜索指的是先选择搜索种类,再输入内容,由于每次只能对单一条件进行搜索,因此准确性更高。列标签搜索是指在一些特定标签上加上搜索框。高级搜索即点击更多展开更多筛选条件,减少了更多条件对用户的干扰,但降低了易发现性。

条件筛选

筛选按照触发方式可分为触发筛选和实时筛选,一般情况下,筛选条件存在交叉时使用触发筛选,不存在交叉时使实时筛选。但是在后台条件允许的情况下,发现型网站一般建议实时筛选,也可以根据筛选条件的数量选择合适的触发方式,比如条件少时用实时筛选,条件多时用触发筛选。

(编辑:西安站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读