好的用户界面设计是基于人类的目标和行为的。用户界面反过来影响行为，设计决策是基于这一点。
一个成功数据表的用户界面设计所需的必备要素没有直观易 *** 作的数据是没有用的。该行业未来的成功将是将先进的数据集与更好的用户体验相结合，其数据表包含了大部分的用户体验。
一个好的数据表单允许用户对信息进行扫描、分析、过滤、分类和 *** 作，以获得洞察力并提交 *** 作。本文介绍了设计结构、交互方式和技术列表，以便您更好地设计数据表。
固定页眉将行标题更改为用户滚动条，以向用户提供列的上下文。
水平滚动当呈现大型数据集时，水平滚动是不可避免的。将标识符数据放在第一列是一个好习惯。作为一项高级功能，可以单独锁定列，以便用户可以使用多个锚点标识符比较数据。
可调整大小的列调整列的大小允许用户查看完整的缩写数据。
行风格斑马条纹，行分类，自由形式。
样式帮助用户扫描数据。通过删除线条或斑马条纹来减少视觉噪声对于小数据集是有效的。在解析大型数据集时，用户会迷失方向。行分类帮助用户保持他们的位置。交替行(也称为斑马条纹)可以帮助用户在扫描长水平数据集时保持其位置。因为少量的行会导致可用性问题，用户会因为突出的行的意义而责怪它们。
显示较小的行高允许用户在不滚动页面的情况下查看更多数据。然而，可扫描性的影响会导致视觉分析错误。这就是为什么许多成功的数据表设计包括控制显示密度的能力。
表格可视化总结可视数据概要提供了时间表的概览。它允许用户在 *** 作摘要洞察之前发现模式和问题的集合。
分页通过分页在视图中显示一定数量的行，并且能够导航到另一行。上面的例子提供了每个视图行数的自定义函数。这种模式经常被无限滚动取代。随着用户滚动，无限滚动逐渐加载结果。无限滚动有利于发现网站，但对于优先应用程序来说往往是灾难性的。
悬停 *** 作当提议附加 *** 作时，用户悬停可以减少视觉混乱。但是，这也可能导致可发现性问题，因为用户需要通过公开 *** 作来与表的表示进行交互。
行内编辑在线编辑允许用户更改数据，而无需导航到单独的信息视图。
展开行扩展行允许用户评估附加信息，而不会丢失他们所在的页面。
快速浏览与扩展行类似，快速浏览允许用户查看其页面上的其他信息。
模态模态允许用户停留在表格视图中，更多地关注附加信息和 *** 作。
多模态多模态功能对于活跃用户非常有用，他们可以通过一系列 *** 作来比较不同项目的细节。
行细节单击行链接将表格转换为左侧的列表项视图和右侧的其他详细信息。这允许用户在涉及许多项目时分析大型数据集而不丢失他们的位置。
列的排序按用户的字母和数字顺序对列进行排序。
基本过滤基本上，过滤允许用户 *** 作表中提供的数据。
筛选列这种设计模式允许用户将过滤器参数分配给特定的列。
搜索列这种设计模式允许用户在每一列中搜索特定的值。
添加列此模式允许用户从数据集中添加列。这是一种将表中的数据限制为基本信息的方法，并允许用户给自己的案例添加其他列。
自定义列用户定义的列允许用户自由选择要查看的列，并相应地对它们进行排序。该功能包括保存预设以备将来使用的功能。
表格的重要性数据正在成为全球经济的原材料。数据驱动传统行业创新。能源、媒体、制造、物流、医疗、零售、金融甚至政府都在进行数字化转型。
但是，没有可视化和易 *** 作的能力，数据是没有意义的。未来十年生存下来的公司，不仅有优秀的数据，还有优秀的用户体验。
好的用户界面设计是基于人类的目标和行为的。用户界面反过来影响行为，设计决策是基于这一点。用户体验以潜移默化、无意识的方式改变着人类的决策方式、将会看到的内容、呈现的位置以及相互之间的交互方式，影响着他们的 *** 作。重要的是，我们做出的设计决策会带来一个更美好的世界。
译者:SKYUI
作者:安德鲁·科伊尔
原地址:https://uxdesign.cc/design-better-data-tables-4ecc99d23356
文章由@SKYUI翻译，由人人作为产品经理发布。未经许可，禁止复制。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）