对于 B 端产品而言,表格可以说是产品经理设计最多的产品功能了。因为表格既是一种组织管理数据的手段,又是一种非常规整的数据展示模式,是 B 端产品展示数据管理数据经常采用的一种解决方案。今天我就来跟大家分享一下设计表格需要关注的六个注意点。
分页分页是表格设计绕不过的细节,经常是和表格共同出现的。
如果要采用分页的话,要根据表格高度以及屏幕高度考虑一下每页默认展示的数量(比如每页 20 条数据);如果不采用分页,那就得考虑一下在表格高度超过屏幕高度的情况下的数据加载方式,是滚动加载还是全部加载。
排序谈到数据,自然就得考虑一下排序问题。排序是很细节的点,需要考虑不同字段类型的排序规则(数字大小、字母顺序等),还需要考虑到排序是否是可固定的,如果是能把排序固定下来,那还需要考虑下固定的方式是存缓存还是跟用户信息存一起(存缓存意味着清除登录信息后会丢失,跟随用户信息意味着永久保存)。
筛选筛选跟分页一样,经常会跟随着表格一同出现。在考虑筛选的时候,如果筛选项很多,还得考虑清楚筛选项的排序问题,经常使用的筛选项可以选择展示在前面,不常使用的可以进行隐藏或者展示在后面,也可以考虑用一个搜索栏的方式来取代筛选。
批量操作表格是组织管理数据的一种非常好用的手段,如果是一行一行数据进行操作,效率会很低,这也就意味着需要考虑批量操作的场景。在考虑批量操作的时候,要注意三点:一是可否跨页操作;二是可否筛选后批量操作;三是批量操作后是否刷新页面。
点击在表格页面,经常还会需要考虑针对某些字段的文本颜色进行特殊处理,转化为可点击的状态,意味着告知用户该字段可点击。点击效果通常有两种,一是打开弹窗,二是跳转到新页面。
配置在设计复杂表格的时候,产品经理经常会很头疼哪些字段对用户来说才是最重要的,尤其是表格数据涉及到的用户角色较多的情况,更是难以抉择。这种时候就可以考虑下在表格设计的时候加上配置项了。所谓的配置项就是指支持用户配置表格的列顺序、排序规则等。这样就可以实现每个用户自定义表格的数据展示方式。
写在最后表格是 B 端产品展示数据的基本法则,致力于往 B 端方向发展的产品经理应该将设计表格的基本功练好,以求能熟练掌握数据展示的细节。大家如果觉得表格设计有其他需要注意的点,欢迎留言探讨。