Google设计师给出的适用于所有信息可视化图表的六个设计原则

2017年8月,Google的一群热情的设计师,研究人员和工程师聚集在一起,创建了一套全面的数据可视化指南 - 涵盖了颜色,形状,排版,图像,交互和动效等所有内容。这次合作的成功也造就了谷歌第一个全面专注的数据可视化团队,该团队于2018年5月正式成立。

在过去的一年中,我们一直在努力了解人们对信息的可视化和互动方式的需求,要求和愿望。现在,我们希望与各地的创作者分享我们的见解。我们已经制定了详细的公共指南,用于创建您自己的数据可视化,并提炼出主要原则和注意事项。下面是适用于设计任何图表的六种策略。

诚实

首先是数据准确性和完整性。不要为了美观歪曲或混淆信息。强调清晰度和透明度。

为用户提供理解所需的固定上下文元素。通过使用清晰的标签,准确的轴和基线、工具提示和图例,最大限度地提高图形的完整性。动效可以帮助加强关系,但不能扭曲数据。对所使用的数据集做到透明,它来自何处,以及如何收集和处理它。

伸出援助之手

提供上下文并帮助用户导航数据。设计前优先考虑数据探索和比较的可用性。

设计用户现有的心理模型 (很多工具都具有这个功能)。创建温暖的入职体验,让您轻松学习如何阅读图表及其信息。选择支持核心功能可发现性的视觉和交互式示例,例如选择,缩放,平移和过滤。动效和交互应通过揭示背景,见解,关联和因果关系来辅助分析推理和用户理解。利用空状态作为启示的时刻。

取悦用户

总是超出预期。考虑性能,润色,惊喜和创新。拥抱充满活力,快速和聪明的体验。

创建出色的可视化体验,然后以意想不到的方式改进它们。在适当的时候,使用签名功能和小小的喜悦时刻,引导用户满足他们的需求。速度与图形卓越一样有价值。考虑状态转换编排中的运动和时间,以帮助感知快速响应系统。

明确重点

减少认知负担并专注于重要事项。每个动态,颜色和视觉元素都应该辅助用户理解洞察数据信息。

专注于用户的任务,其他一切都应该遵循这一要领。尽快将用户引导至重点信息。最大化数据可视化比率并避免无关的图形元素。以有意义的方式运用颜色以促进图形理解:标签,组,突出重点或度量。节制的使用动态,以微妙的过渡和提示,帮助用户了解层次结构,数据方向和关系。

拥抱不确定

允许系统扩展并适应任何情景。满足不同用户对数据深度,复杂性和模态的需求。

每张图表都应尽可能方便地访问。考虑图表元素(调色板,过滤器配置,轴,面板,交互机制)如何扩展以适应各种用户的需求,屏幕尺寸和数据类型(从单个数据点到大型多变量数据集)。考虑一系列可能性而不是不可变配置。应用交互式方法以最大限度地降低复杂性,例如逐步提供详细信息(渐进式披露),让用户更改视角,以及链接不同视图以实现更深入的洞察。

辅助结构

使用可见属性来传达层次结构,辅助结构并提高一致性。经验应该直观且易于使用。

一致性可以降低用户学习成本。开发图形组件(形状,颜色,图像,排版)和交互模式(选择,过滤,悬停状态,扩展)的一致性。动态应该给人以可控的感觉,在保持响应的同时为用户提供稳定性和连续性。考虑进场和退场运动,以帮助用户了解元素的视觉层次,轴的方向和显示的数据。保持周围环境可以被用户感知,因此无论用户在图表中的哪个位置导航,他们都知道如何返回。

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