无心朝政,列表功能分析下

微信跳一跳就跳了个2分;说要了解下区块链,点开相关文章,从头拉到尾,退出,已经了解了;各种APP打开不超过1分钟,退出,点开另一个,退出;农药新赛季连跪十多把,赛季胜率刷新记录。种种迹象表面,年关将至,你已无心朝政。

太久没写过东西了,博客也是长了草。停滞不前的时候,不如真的停下来回看一下,分析分析已经做过了或好或坏的事情。朋友,列表了解下?画图用PPT,数据分析用Excel,写东西当然还是用Word哥啊,你还真用Word?微信收藏不好用吗?Onenote不好用吗?还是说记事本是一个可以无视的设计?

其实,一个列表信息量巨大。而且,据统计,伴随着表格能提供的信息量越大,用户操作表格的需求存在正线性相关的关系。而且,通常,用户一次可能仅仅需要一个功能,或许排序,或许筛选查看一下就可以。来看下图展示的一个页面,已用数字表明大概的节点。对于使用者来说,不是每次都需要所有的节点,但一个合格的表格必须存在能体现出它用处的节点。(本文所有示例均围绕Web表格通用性来说)。

  • Web表格布局:

640.jfif

  1. 当前列表简明统计信息
  2. 表头信息,指明当前是哪个模块下的数据列表
  3. 表格头部,html中称它tr th中的列头
  4. 搜索功能
  5. 序号,人性自然从1开始的序列
  6. 全选以便进一步操作的快捷方式

上图中是页面初始状态下的展示。一个页面很容易就出现空间不足的情况,尤其在用列表展现信息的时候。

  • 列表排序功能:

640.webp

解剖上面其中一个可排序列的th: tr > th > a(asc or desc link) | a (remove link)当用户有需要排序的时候:直接点击可排序列的列头部,之后出现反序排序链接,移除排序链接。那么,这种情况会涉及下面几个问题:

  1. 某列是否可排序
  2. 当前是否排序(上图红色移除排序图标)
  3. 当前排序是正序还是倒序(上图黑色排序图标)
  4. 未排序时宽度
  5. 排序时的宽度
  • 列表过滤功能:

640 (1).webp

列表过滤,那么过滤时必须有它的过滤规则,也就是,必须是设定好的规则才可以进行过滤操作。比如:过滤一个表格中张三月薪超过5毛钱的数据:首先筛选张三列,或者月薪列大于5毛钱的数据。这就是一个过滤操作,只不过是两步。(当然,本页面同样适用)

比如我在上图的基础上在过滤“父级对象”未·网络设备·的信息。上图基础上再次点击“父级对象”是·网络设备·即可:

Image

涉及问题: 

  1. 哪些列存在可过滤规则
  2. 过滤前点击链接 
  3. 再次过滤时候生成的过滤链接 
  4. 是否有过滤提示
  • 列表搜索

640 (3).webp

查询功能是一个最重要,需求最大,但又没什么好说的功能。涉及下面几个问题:

  1. 查询提示(这个变化很显眼吧)
  2. 可查询列数据(哪些列的数据对于搜索的时候是有效的)
  3. 搜索后用户是否方便知道自己已经搜索了什么
  • 表格底部

640 (4).webp

主要放置一些用户需要对表格数据进一步操作时而设置的一些按钮。而且,大部分涉及修改数据的操作都在表格底部。比如新建,禁用等等。涉及问题: 

  1. 当前页面表格数据显示条目数量(动态) 
  2. 页面最大显示多少条条目数量 
  3. 分页问题
愿你把所有事情都留到最后,并能顺利完成。

本文发布于2018年2月7日年个人公众号中

image.png

相关阅读RelatedRead

从wordpress到Django

Django App通用admin.py

Windows批处理批量删除redis键值

Django中利用xlwt将Model中的数据写入excel表格