【翻译】设计更好的数据表——成功的数据表格的设计要素

如果没有可视化和推动的能力,数据是无用的。未来行业的成功将会带来很多先进的、好的用户体验的数据收集,数据表格也由许多这些用户体验组成。

好的数据表格允许用户浏览、分析、比较、过滤、分类和操作信息来获得洞察和提交操作。本文介绍了一系列的设计结构、交互模式和技术,以帮助您设计更好的数据表。


固定首行

固定首行为用户滚动提供参考,看哪一列是用户所在列

水平滚动

在显示大量数据时,水平滚动是不可避免的。第一列是一个好的方法来识别数据。作为一个高级设置,能够单独固定一列,这样用户可以将数据与多个固定项进行比较。

调整列的尺寸

可以改变列的尺寸,允许用户查看缩小的、尽可能多的数据

行的样式

斑马条纹,分隔线,自由形态

行的样式可以帮助用户扫描数据。通过移除行线或斑马条纹来减少视觉噪音对少量数据很有效。当用户分析较多数据时很可能会找不到位置。分隔线帮助用户确定位置,交替行(又称斑马条纹)帮助用户在扫描大量的数据表格时确定他们的位置,当有少量的行时,尽管他们会导致可用性问题,因为用户认为可能是突出行的原因。

行间距

小的行高能够使用户看到更多的数据并且不需要滚动。然而这影响查看数据,容易导致视觉分析失误,这也是为什么许多成功的数据表格设计包含管理行间距不同距离的功能。

可视化的数据总结

一个可视化的数据总结提供了相关数据表格的概览。它允许用户在行动、总体洞见之前发现总体的模式和问题

页码

页码的工作方式是通过在界面中呈现一行数字,并具有切换到另一组的能力。上面的例子提供了定制每个界面行数的功能。这种模式经常被无限的滚动所取代。当用户滚动页面时,无限滚动会逐渐加载结果。无限滚动对于探索类网站来说很好用,但对排序类app却是灾难的。

犹豫操作

当用户徘徊在减少视觉混乱时,显示额外的行为。但是,它可能导致容易发现的问题,因为用户需要和表格的操作的说明是相互交互的。

行内编辑

行内编辑允许用户在不跳转另一个界面的情况下更改数据

展开的行

可展开的行允许用户在不失去上下文的情况下查看更多的信息。

快速查看

与展开的行类似,快速查看使用户能够在保持上下文的同时查看更多的信息

模态窗口

模态窗口允许用户停留在表格界面中,但提供更多的信息和操作。

多个模态窗口

多个模态窗口对于活跃用户来说是非常强大的,可以进行多个操作,或者比较不同项目的详细信息。

行的详细信息

点击一个链接将表格切换到另一个界面,其中左侧有列表项,右侧有更多详细信息。它使用户能够分析大量数据,同时也可以参考许多项目而不丢失位置。

排序的列

排序的列允许用户通过操作第一行,按照字母顺序和数字大小来排序

基本筛选

基本筛选允许用户操作表格中显示的数据

列的筛选

这种设计模式允许用户将过滤参数分配给特定的列

搜索的列

这种设计模式允许用户在每个列中搜索特定的值

增加列

该模式允许用户从数据中添加列。这是一种保持有限基本信息数据的方式,并且允许用户根据他们的案例增加列数。

可定制的列

可定制的列使用户能够选择想要查看的列并相应排序。该特性包括保存预置的功能,以便以后使用。

thanks,Yiru

本人第一次尝试翻译文章,如有不准确地方多包涵。

原文地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容