如果没有可视化和推动的能力,数据是无用的。未来行业的成功将会带来很多先进的、好的用户体验的数据收集,数据表格也由许多这些用户体验组成。
好的数据表格允许用户浏览、分析、比较、过滤、分类和操作信息来获得洞察和提交操作。本文介绍了一系列的设计结构、交互模式和技术,以帮助您设计更好的数据表。
固定首行
水平滚动
在显示大量数据时,水平滚动是不可避免的。第一列是一个好的方法来识别数据。作为一个高级设置,能够单独固定一列,这样用户可以将数据与多个固定项进行比较。
调整列的尺寸
可以改变列的尺寸,允许用户查看缩小的、尽可能多的数据
行的样式
斑马条纹,分隔线,自由形态
行的样式可以帮助用户扫描数据。通过移除行线或斑马条纹来减少视觉噪音对少量数据很有效。当用户分析较多数据时很可能会找不到位置。分隔线帮助用户确定位置,交替行(又称斑马条纹)帮助用户在扫描大量的数据表格时确定他们的位置,当有少量的行时,尽管他们会导致可用性问题,因为用户认为可能是突出行的原因。
行间距
小的行高能够使用户看到更多的数据并且不需要滚动。然而这影响查看数据,容易导致视觉分析失误,这也是为什么许多成功的数据表格设计包含管理行间距不同距离的功能。
可视化的数据总结
一个可视化的数据总结提供了相关数据表格的概览。它允许用户在行动、总体洞见之前发现总体的模式和问题
页码
页码的工作方式是通过在界面中呈现一行数字,并具有切换到另一组的能力。上面的例子提供了定制每个界面行数的功能。这种模式经常被无限的滚动所取代。当用户滚动页面时,无限滚动会逐渐加载结果。无限滚动对于探索类网站来说很好用,但对排序类app却是灾难的。
犹豫操作
当用户徘徊在减少视觉混乱时,显示额外的行为。但是,它可能导致容易发现的问题,因为用户需要和表格的操作的说明是相互交互的。
行内编辑
行内编辑允许用户在不跳转另一个界面的情况下更改数据
展开的行
可展开的行允许用户在不失去上下文的情况下查看更多的信息。
快速查看
与展开的行类似,快速查看使用户能够在保持上下文的同时查看更多的信息
模态窗口
模态窗口允许用户停留在表格界面中,但提供更多的信息和操作。
多个模态窗口
多个模态窗口对于活跃用户来说是非常强大的,可以进行多个操作,或者比较不同项目的详细信息。
行的详细信息
点击一个链接将表格切换到另一个界面,其中左侧有列表项,右侧有更多详细信息。它使用户能够分析大量数据,同时也可以参考许多项目而不丢失位置。
排序的列
排序的列允许用户通过操作第一行,按照字母顺序和数字大小来排序
基本筛选
列的筛选
搜索的列
增加列
该模式允许用户从数据中添加列。这是一种保持有限基本信息数据的方式,并且允许用户根据他们的案例增加列数。
可定制的列
可定制的列使用户能够选择想要查看的列并相应排序。该特性包括保存预置的功能,以便以后使用。
thanks,Yiru
本人第一次尝试翻译文章,如有不准确地方多包涵。
原文地址