- 原文地址:Six Principles for Designing Any Chart
- 原文做者:Manuel Lima
- 译文出自:掘金翻译计划
- 本文永久连接:github.com/xitu/gold-m…
- 译者:MarchYuanx
- 校对者:mymmon, shinichi4849
Google 新数据可视化指南的简介前端
2017 年 8 月,Google 的一群热情的设计师、研究人员和工程师汇集在一块儿,建立了一套全面的数据可视化指南 —— 涵盖了全部内容,包括颜色、形状、排版、图标、交互和动做。这个合做的成功促成了谷歌第一个彻底专一于数据可视化团队的组建,该团队于 2018 年 5 月成立。android
在过去的一年里,咱们一直致力于理解需求和要求,来具象化人们如何进行信息的可视化和交互。如今,咱们想与世界各地的开发者分享咱们的看法。咱们针对建立您本身的数据可视化项目推出了详细的公共指南,并提炼出了咱们的首要原则和注意事项。如下是用于设计图表的六种策略。ios
为用户提供用于理解给定的可视化图表所需的上下文元素。经过使用清晰的标签、准确的轴线和基线,支持工具提示和图例组件,最大限度地提升图形的完整性。图表的运动有助于增强关联度,但不能歪曲数据。把所使用数据集的来源、收集和处理方式等信息一目了然地呈现git
设计时要考虑到用户现有的思惟模式 —— 多是受普遍使用的工具影响而定型的。创造舒适的入手体验,将使用户更容易去学习如何阅读图表以及包含的信息。选择能使核心功更易于被发现的视觉和交互的可供性功能。例如选择,缩放,平移和过滤。运动和交互应经过揭示背景、看法、关联和因果关系来支持分析推理和用户理解。利用空状态做为启示的时刻。github
创造出色的可视化体验,而后以意想不到的方式优化它们。在适当的时候,经过使用签名功能和一些小小的轻松时刻来引导用户找到他们所须要的。速度同出色的图形效果同样有价值。考虑状态转换编排中的运动和时间,有助于快速响应系统的感知。后端
专一于用户的任务,其余一切都应该遵循。尽量更快地引导用户了解基本信息。最大化数据笔墨的比例,避免出现无关图形元素。把颜色赋予意义,以增强图形理解:标签、分组、高亮或量度。请谨慎使用动做 —— 限制在使用细微的过渡和提示,帮助用户理解层次结构、数据方向和关系。工具
每张图表都应该尽量的便于访问。考虑图表元素(调色板、过滤器配置、轴、面板、交互机制)如何调整以适应用户的各类需求,屏幕大小和数据类型(从单个数据点到大型多变量数据集)。考虑一系列的可能性而不是不变的配置。使用交互式方法来最小化复杂性,例如逐步提供细节(渐进式披露),让用户更改视角,以及连接不一样视图以实现更深刻的洞察。性能
一致性促进熟悉。在图形处理(形状、颜色、图像、排版)和交互模式(选择、过滤、悬停状态、扩展)中实现一致性。图表的运动应该是受控的,在保持响应的同时为用户提供稳定性和连续性。考虑进入和退出的运动,以帮助用户了解元素的视觉层次,轴的方向和数据的显示。保持足够的上下文提示,所以不管用户在图表中浏览到哪里,他们都知道如何返回。学习
关于更多的看法和方案,请阅读咱们完整的数据可视化指南。区块链
若是没有 Google 里无数人的才能和奉献精神,这项工做就没法完成。感谢:Shuo Yang, Kent Eisenhuth, Sharona Oshana, Katherine Meizner, Hael Fisher, Ross Popoff-Walker, Ian Johnson, Joe Nagle, Ryan Vernon, Nick Bearman, Luca Paulina, Gerard Rocha, JT DiMartile, Lorena Zalles, Tom Gebauer, Hilal Koyuncu, Bethany Fong, Ann Chou, Barbara Eldredge, and Anja Laubscher.
若是发现译文存在错误或其余须要改进的地方,欢迎到 掘金翻译计划 对译文进行修改并 PR,也可得到相应奖励积分。文章开头的 本文永久连接 即为本文在 GitHub 上的 MarkDown 连接。
掘金翻译计划 是一个翻译优质互联网技术文章的社区,文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域,想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。