美文网首页瓦力ux
译文 | 设计更好的数据表格

译文 | 设计更好的数据表格

作者: 瓦力UX | 来源:发表于2017-07-27 18:48 被阅读82次

    不具备可视化和可操作性的数据是毫无用处的,未来技术的成功将使高级数据收集与更好的用户体验相结合,数据表格应该结合更多的用户体验。

    良好的数据表格允许用户对信息进行扫描,分析,比较,过滤,排序和操作,操作信息得出结论和提交操作。 本文介绍了一系列的设计结构,交互模式和技术,以帮助你设计更好的数据表格。

    固定表头

    固定的表头为帮助用户在滚动时清楚所在列的属性

    水平滚动

    当需要呈现一个大的数据集时,水平滚动时必然的。将标识数据放在第一列中是个好习惯,而作为高级功能,可以对列进行单独锁定,以便用户将数据与多个锚定数据列进行比较。

    可调整大小的列宽

    调整列大小允许用户查看完整的缩写数据。

    行风格——斑马线,线条分割,自由形式

    行风格帮助用户浏览数据。对于小的数据集,可以删除分割线或者斑马线来减少视觉干扰;但是数据较多时,用户则会容易迷失位置。使用线条分割可以让用户记住自己阅读的位置,而当用户浏览较长的水平数据时,斑马线可以使用户记住自己的位置。

    显示密度

    较小的行高可以让用户不用滚动就可以浏览更多的数据,然而这种可扫描的模式会导致视觉的解析偏差。这就是为什么优秀的表格设计会有可以控制列表密度的控件。

    可视化的图表汇总

    可视化的图表汇总提供了附表的概述。它允许用户在操作之前识别模式,了解主要问题。

    分页

    分页通过在视图中呈现设置的行数,具有导航到另一数据集的能力。 上述示例提供了自定义每个视图的行数的功能, 这种模式经常被无限滚动所取代。 随着用户滚动,无限滚动逐渐加载结果。 无限滚动对于浏览性网站很好,但对于数据优先的应用程序通常是灾难性的

    悬停操作

    当用户悬停时出现额外的操作可以减少视觉混乱。然而,它可能导致可见性的问题,因为用户需要与表格进行交互以才会呈现操作

    行内编辑

    行内编辑允许用户不用跳转到单独的详情页,就可以改变数据。

    可展开的行

    可展开的行允许用户查看附加的信息,而不用离开当前场景。

    快速浏览

    和展开的行有同样的功能,快速浏览模式可以让用户不离开当前场景就查看更多附加内容

    弹窗模式

    模态的弹窗允许用户留在列表视图中,同时把注意力聚焦在附加信息和操作上。

    多窗口模式

    多窗口模式对主动用户来说很有用,可以进行多个操作或者对条目的信息进行对比

    行到详情

    单击行内链接将表格转换为左侧为列表项目视图,右侧为附加详细信息的视图。它使用户能够解析大型数据列表,查看多个项目而不会丢失用户的视觉位置

    可排序的列

    列排序允许用户按字母顺序和数字排序

    基本筛选

    基本筛选允许用户操做表中提供的数据

    筛选列

    此设计模式允许用户将筛选参数分配给特定列

    可搜索列

    此设计模式允许用户搜索每列内的特定值

    增加列

    此模式允许用户在数据集中添加列。这种方法将表格数据限制在必要的信息下,并且允许用户根据自身需要增加额外的列

    定制列

    可定制的列功能使用户可以选择要查看的列,并进行相应排序。该功能应该包括保存预设功能以备用户以后使用

    为什么表格很重要?

    数据正在成为全球经济的原始材料,数据的兴起推进着传统行业的革新。能源,媒体,制造业,物流,医疗,零售,金融乃至政府都在进行数据转型。

    然而,如果没有可视化和可操作的能力,数据将毫无意义。在未来十年生存下去的企业不仅要有优越的数据,也应该拥有优越的用户体验。

    好的用户界面设计应该建立在人类的目标和行为之上,用户界面反过来影响行为,进一步为设计建立依据。以微妙和无意识的方式,用户体验改变人类如何作出决定。看到什么,在哪里呈现,以及如何交互,都影响着行为。

    相关文章

      网友评论

        本文标题:译文 | 设计更好的数据表格

        本文链接:https://www.haomeiwen.com/subject/mtpwtxtx.html