仪表盘、“大数据”、“数据可视化”、“数据分析”——越来越多的人和企业开始利用他们的数据做一些有趣的事情。在我的职业生涯中，有幸参与了大量数据量大的界面设计，想分享一些关于如何做出这个特别有意义的产品的看法，很多人讨论过这个话题，我会重点说说创作过程.中间影响最大??的部分1.不同的用户，不同的数据，每当设计一个复杂的系统，都不可避免的要针对很多用户和角色进行设计，总裁，经理，分析师是几个常见的角色，每个角色都有自己的工作流程和数据需求。定义角色和产生不同的视角本身就是一门艺术，我在这里不做详细解释。如果你对此感兴趣，请看Cooper的有用文章。关于角色，重要的是预先确定并整理信息信息结构和它们周围的线框。以下是我们去年制作的健康报告应用程序的最终产品。该系统有不同的用户组。两者都需要不同的数据管理。创建关键角色后，我们会将它们放在每条评论旁边。注意画板上的那些字符。我们的客户接受这种方法。在满屋子客户面前展示工作是一件困难的事情。无论您是在解释线框图、流程图，还是讨论视觉设计，都很难让每个人都走上正轨。通过人物角色组织您的工作将使您（和客户）不会在这些讨论中分心。2.制作页面模型我用了很多年的一个技巧就是制作页面模型。核心要点很简单：首先向用户展示他们需要的东西，然后根据用户故事或信息层次结构化页面上的其余信息。做一个页面模型的概念，这是写散文（以及许多其他形式的交流）的核心原则，是在我写了一本书之后我才想到的，多年来我花了很多时间《样式：清晰与优雅的基本要素》。除了作为一个很好的写作参考之外，它还清楚地阐明了一点，如果一开始就分心，用户将很难区分每个元素是什么，也很难专注于整个过程。设计用户体验时要记住的一条规则。以下是模拟页面的两种常见方法。为画板创建某种结构。问问自己——你想通过这些信息讲述什么故事？我在behance和dribbble上观看许多仪表板和数据海报项目设计精美（视觉上）但往往令人眼花缭乱且容易忘记。它们要么排列在缺乏层次结构的级联图表组件中，要么在视觉上过度设计且不适合数据。左图是令人眼花缭乱的数据画报。右边的例子是装饰物分散了注意力，无法注意到数据。在上图（左）中，数据面板以类似控制台的方式显示信息……非常令人难以抗拒。为了避免这种情况，我们尝试以这样一种方式来处理这种类型的界面，即信息的组织方式使人们感觉他们正在阅读杂志文章。这并不是说控制台风格的界面没有立足之地……我个人喜欢这样设计。但在大多数情况下，没有必要一直查看所有信息。最关键的一点-避免创建一知半解的图形。为页面信息建立模型，首先将关键信息呈现给用户，然后再支撑内容。#p#3。选择正确的图形从美学上讲，有很多（太多）滥用图表的设计。最糟糕的是——这些“坏习惯”似乎在成倍增加。到处都可以看到应该是饼图的面积图，以及应该是条形图的折线图。让我们停止这些设计吧……这里有一些建议可以帮助您获得正确的数据：以未处理数据开头的原始数据表根本没有吸引力。但这是最好的起点。它可以帮助您开始思考数据中可用的变量以及这些变量的数据如何相关。原始数据的单调性将帮助您思考系统中各个变量之间的关系。与其从空白的数据行开始，不如等待灵感突然出现在你的意识中。您还可以更加活跃并使用这些重要资源来帮助您发现有趣的联系：Charted-由Medium开发的自动化数据可视化工具。使用GoogleSheets、Illustrator和Sketch设计更好的图表。Tableau-这个工具非常好，但相当昂贵。这部分过程没有灵丹妙药。不要害怕深入研究数据，尝试混合和匹配不同的变量来创建基本图表。这需要时间，但值得。我想出的一些最酷的想法来自于将这些原始数据文件拼凑在一起。处理离散数据与连续数据我花了很长时间才意识到有些图表比其他图表更能表达您的数据。很容易陷入一种创造性的境地，在这种情况下，您会选择一个好看的图表并期望它能发挥作用。我经常这样做（我有点喜欢散点图）并且对此感到内疚。有些图表比其他图表更好，具体取决于您处理的数据类型。选择正确图表的一种方法是评估您拥有的数据。数据主要有两种类型：离散数据——其中的值显然是可数的。喜欢目标计数或Facebook喜欢。直方图最适合表示离散数据和连续数据——任何范围的值。例如，一个季节的降雨量，或者一个人的身高和体重。曲线图最适合连续数据，直方图最适合离散数据。DonaWong《华尔街日报：信息图指南》的资源帮助我浓缩了它的精髓。希望我几年前就有这本书。这是一本非常宝贵的参考书，可帮助您选择合适的图表并阐明信息呈现的行为准则。http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281#p#4。基本图形还是自定义图形***作为这些海量数据系统的设计者，你不得不反复问自己“我应该选择一种非常规的方式来自定义设计吗？还是使用久经考验的图表来呈现信息？”我最近从37Signals中偶然发现了这篇文章——只有3个图表就足够了。作者强调人物的“有效性”胜过其视觉特征。我非常同意文章中的这个观点。但是，我认为他的观点代表了一种极其务实的观点。我相信自定义图形通常还可以提高数据的可用性，同时具有独特的吸引力。基本直方图的示例对我来说，有“一种尺寸适合”的图表和“适合最佳尺寸”的图表。表格、图形和柱形图很棒，可以容纳所有类型的数据，但它们也很通用（一刀切）。作为一名专业设计师，我希望我的作品在外观和感觉上都独一无二且实用。例如，纽约时报在使用自定义交互式图形使他们的文章生动起来方面做得很好。你可以在这里看到他们的更多作品。让我们来看看一些最好的自定义图表示例：这个示例调整了曲线图表，让人“看到”支撑图表的基础数据。http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0在这个3D图表中，透视角度的变化非常有视觉上的影响还可以让用户更好地理解数据之间的关系。来自http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html?_r=0Selfiecity.net的这个例子在使用真实内容进行创作方面做得很好图表。http://selfiecity.net/***，来自我们为CNN所做的一个项目。我们使用颜色编码来表示政党偏好，而3D突出物在视觉上表示人口统计信息。http://truthlabs.com/work/cnn作为首要标准——数据和技术要求，我们需要尝试各种定制图形。但是我们仍然有备用计划，以防设计不起作用，或者客户更喜欢更保守的方法。#p#5.那又怎样？为什么我们将所有这些数据放在页面上？答案是：这样人们就可以使用它来做出决定、进行研究、预测未来，应有尽有。关键是，用户不会沉迷于您选择的漂亮颜色，他们是来工作的。我的建议是-在您布置页面并且一切就绪后，问问自己“那又怎样？”。查看每个图表、组件、表格并仔细思考人们可以从中得到什么。通常你会得出结论，“这些都不重要”，这意味着削减或重新考虑。这在我身上发生过好几次——我用一系列时尚的图表、饼图和带有数千个数据点的地图创建了复杂而漂亮的仪表板。却总是被客户质疑“我只想知道这行不行……我要的东西在哪里？”和“我只想要3样东西……X、Y和Z。我在哪里可以看到它们？”嘿，这就是当你意识到你迷失在杂草中而错过了重点的时候。我会有办法，尽量用文字准确表达人们想要的东西。对于重要信息，文本摘要可能比图表更有效。上面的图表来自我们最近的两个项目。两者都通过文本呈现用户需要的信息，而不依赖需要解释的图表。这种方法引起了我们客户的共鸣，尤其是在涉及重要信息时。但正如我之前提到的，总有一些角色需要考虑，因此请在适当的时候使用它们。像所有其他形式的设计一样，它需要平衡。努力使您的数据独一无二，但要避免过度设计和不必要的干扰。为您的数据选择正确的图形，但不要忘记分层结构化您的页面。无论打磨每一个小细节多么乏味和令人沮丧……不要忘记问自己：“那又怎样？”原文链接作者信息：ErikKI设计让人们生活更轻松的数码产品。芝加哥TruthLabs联合创始人/创意总监。
