如何战略性地规划数据密集型 UX 设计

大数据正在膨胀。 然而，将复杂的数据需求与简单、干净和有用的用户界面相协调是当今任何 UX 设计师的考验。 通常，设计（传达信息的工具）会妨碍沟通（隐藏在原始数据高地的信息或意义）。

剥离信息将简化和清理用户界面。 但是对于数据驱动的应用程序，较少的数据通常意味着不太实用和有用的仪表板。

但是，保留所有可以使用的上下文数据会产生一个不可行的应用程序。

那么，你如何达到正确的平衡呢？

应用程序如何呈现数据起着重要作用，这就是 UX 设计师的用武之地。

在这篇文章中，我将分享 UX 设计师可以用来开发简单清晰的数据可视化的技巧和窍门，即使在应用程序仪表板、网页等应用大数据（以千兆字节计算的数据）时也是如此。

不过，我暂时不讨论用于设计大数据应用程序的最佳语言。

如何设计客户喜爱的出色大数据应用程序

也许最好的起点是询问您的客户是谁。

也许您已经制作了一个非常漂亮的仪表板并按时交付给客户，只是让他们问：“那么，我在哪里可以做 X、Y 和 Z？”

哎哟! 那一定很痛。

1. 使用用户角色来设计有用的数据驱动仪表板

尽管人工智能和机器学习将不断改进，但大多数组织仍需要人工干预来处理未分类的数据。

最好的用户体验设计师创造的产品将有助于为使用数据驱动应用程序的人解决问题。

他们是如何做到的呢？

Uber 和 Advanced Technologies Group 的高级设计负责人 Erik Klimcz 在 Medium 上分享了一些可行的技巧。 他建议用户体验设计师需要首先识别，然后定义每个项目的用户或角色。

由于数据驱动的应用程序往往被组织内部或外部的多个角色使用，因此您需要识别这些角色，以便您可以组织信息架构线框和任务以满足每个人的需求。

这将使设计对最终用户有用，你的目标受众——你的主要客户。

这是一个插图：

如果您需要了解如何为 UX 设计项目创建用户角色的基础知识，Cooper 提供了有用的提示（包括如何在此处为您的设计角色研究和收集数据）。

了解您的用户/角色可以帮助您根据他们的需求定制应用程序的功能——这是最终目标。

此外，您还可以根据不同的客户确定使用哪种类型的数据可视化工具，例如：

• 谁将处理数据（用户角色）？ 例如，它是为客户设计的还是为内部数据分析器设计的？
• 用例：这些用户需要数据来帮助他们接下来做什么？

例如：

您可以设计一种基于用户个人条目填充信息的信息图。

这种数据驱动的应用程序设计将在用户需要或免费上传信息的情况下派上用场，因为他们获得信息或需要撤回信息以采取进一步行动。

一个例子是在客户服务中，客户服务代表可以输入客户的姓名或号码以收集有关他们的更多信息，例如未解决的问题。

您可以在 Mahfix for You vs John Paulson 中找到这种类型的交互式数据可视化工具。 它允许您输入一个数字，然后它会根据您的输入报告回信息。 这很顺利！

目标受众和客户
角色工作表

这个三页的交互式 PDF 将帮助您找到您的受众、审核您的内容并为您的业务制定一个游戏计划。 订阅 Layout 以下载工作表！

免费下载工作表！

2. 可用性胜于风格：保持简单、清晰和优雅

设计一个吸引你的有吸引力的用户体验很容易，但坦率地说，这对你的客户来说是不切实际的。

为了可用，界面必须清晰。 用多产的 UX 设计师 Joshua Porter 的话来说，“清晰是第一要务”。

事实上，Joshua Porter 写了一篇关于用户界面设计原则的足智多谋的帖子——在设计大数据应用程序时仍然适用。

因此，为了提高可用性的清晰度：设计师应该使用自定义 UX 设计还是只使用经过验证的可视化工具，例如折线图？

这将取决于您的客户/用户案例。

更新的自定义数据可视化工具不断涌现：信息图表（静态和交互式）、颜色编码块、动画、3D 可视化等等。

但是，您实际上只需要四种数据表示工具：

• 用于说明连续数据的折线图，例如随时间变化的情况
• 用于显示摘要信息的表格
• 用于显示变量分布和在区间内绘制定量数据的直方图
• 用于显示离散数据、比较变量和绘制分类数据的条形图

然而，您可以超越可用性来创建一个有吸引力的数据处理界面。

这是一种方法：

更好的是，为数据密集型接口设计可以采取更简单的方式：

在设计数据驱动的用户体验时，结合文本和图表是提高清晰度的最佳方法之一。 用户可以使用视觉效果并阅读文本以提高清晰度。 但这种方法可能不适用于所有情况——尤其是对于大量未分类的数据。

3. 结合材料和平面设计——功能重于形式

这种设计理念更多地是关于可用性和极简主义，而不是与流行的看法相反，一种沉闷的二维设计。 但扁平化设计既不乏味也不乏味。 你可以利用明亮的色彩、干净的边缘和开放的空间。

对于移动应用程序、网站和桌面浏览器，特别推荐使用平面和材料设计。 由于该设计极简且不会囤积大量额外数据（如之前的设计），因此加载速度很快，并且在旨在提高参与度时，可以帮助访问者更长时间地浏览页面。

这对于数据驱动的网站或移动网站非常有用，它们可以受益于搜索引擎算法在互联网上不断扫描的移动友好、快速加载和更少的跳出率（SEO 和排名优势）。

4. 美学上的可访问性

这不仅仅是让繁重的上下文数据变得流畅和吸引人（尽管这很有帮助）。 您还希望设计数据表示，使最终用户可以轻松地：

• 清楚了解哪些数据最重要
• 理解所呈现数据的逻辑流程
• 了解数据的含义
• 了解下一步要采取的措施

我们如何分解这些元素中的每一个？

用户应该知道哪些数据是最重要的

一个重要的 UX 设计原则是观察和实现信息的层次结构——在这种情况下，是视觉层次结构。

换句话说，一种优先考虑正确指标的设计。

您希望首先组织、安排和优先考虑最重要的数据，然后再补充任何其他数据。 当然，优先顺序会根据应用程序的用户（来自上面定义的角色）而有所不同。

这样做不仅可以整理仪表板，而且还有助于以一种易于理解、不那么压倒性的方式将用户的注意力集中在对他们重要的事情上。

用户应该能够理解数据的逻辑流向

“简单性在帮助用户将数据与特定结果联系起来方面发挥着重要作用。 ”

与上一点讨论的内容类似，您希望从整体数据的概览网格开始。

您可以添加一个直观的下拉菜单，当用户单击它时，它会向下滑动以显示其他信息，然后是特定的任务或操作项。 人们喜欢这个，它已经越来越受欢迎。

这里有两种帮助流程的方法：

隐藏附加信息

您可以使用可点击的链接或翻转来显示更多信息。 此外，滑动显示数据和放大显示等功能是包含附加信息或突出显示关键数据点的好方法。 所有这些都使用简单、自然的手势。

这允许用户点击他们认为对他们的工作很重要的链接或翻转，而留下他们认为不太重要的链接。

同样，您将看到做体面的 UX 设计角色研究如何帮助您确定对哪个用户和何时最重要的事情。

使用悬停动画

您可以使用悬停动画效果为（看似）枯燥的数据添加更多的活力、参与度和实用性。

悬停动画特别适用于提供有关特定任务或项目的附加信息，同时有助于组织和清理数据驱动的应用程序。

尽管如此，仍有更多方法可以使用动画来交付有用且引人入胜的数据密集型应用程序。

将信息隐藏在可点击链接、幻灯片或翻转后面的事情是，您在后端做的工作最多。 所以请记住，您需要从一开始就考虑到这一点来设计您的架构线框。

用户应该能够理解数据的含义

在仪表板上组织数据并确定其优先级后，下一步是将数据分解为单独的页面。 如果可以对信息进行分类，请务必为不同的数据包分配不同的页面/屏幕。

这适用于小型和复杂的数据密集型应用程序设计项目，尽管它可能需要更长时间并且需要在后端进行更多工作。

根据上面的“压倒性”主题，这样做不仅可以帮助您的客户/用户减少不知所措，而且他们可能会更好地处理一页上的数字，然后再继续下一页，一步一步地理解数据时间。

例如，任务控制 UI 可能会帮助您的客户在一个页面上获取所有数据，但随着时间的推移，它可能会让他们不知所措——更不用说挤压了，尤其是对于不同的屏幕尺寸。

通常客户会要求使用这种类型的仪表板，但您应该更清楚。

任务控制 UI 可能看起来很复杂，但它不像之前讨论的一次一页的方法那样流畅和易于使用。 前者可能很容易妨碍传递隐藏在所显示数据中的含义。 这没有用。

用户应该能够理解下一步要采取的措施

继上述步骤之后，用户可以更轻松地识别和关联原始数据中的模式——这是为数据密集型应用程序设计时要争取的另一个关键胜利。 当您使用的数据可视化工具帮助用户理解大数据时，您就知道自己做得很好。

5. 留出改进空间

最后但并非最不重要的一点是，您需要使您的设计变得灵活。

随着时间的流逝和用户与您的设计互动，他们的反馈可以促使您采取行动并修复或重新设计整个事物。 没有一种方法可以为处理数据创建完美的设计，因此保持设计敏捷可以帮助您进行持续改进或从坚实的补丁开始。

关键要点

用户体验设计的目的是以清晰和可操作的方式传达信息。 这对于设计数据密集型应用程序尤其重要。 在这种情况下，良好设计的业务是帮助分析师或经理或最终用户做出明智的决定。

如果用户不能很好地理解原始数据及其呈现方式，他们就无法解释和使用原始数据来为决策提供信息。

为数据量大的用户体验项目进行设计不应该像看起来那样令人恼火。 上述提示和技巧可以帮助您弄清楚如何设计数据密集型接口。 只要记住：

1. 使用用户角色来设计有用的数据驱动仪表板
2. 目标受众和客户角色工作表
3. 可用性胜于风格：保持简单、清晰和优雅
4. 结合材料和平面设计——功能重于形式
5. 可访问性高于美学
6. 留出改进空间

您有任何设计出色的数据可视化 UI 的首选技巧并愿意分享吗？

在下面的评论部分交给你。

网页设计报告业务

今年，我们向 1,000 位领先的自由职业者、代理机构和创意人员询问了构建网站、构建客户服务和按时（全额！）获得报酬的最佳方式。 从那里我们处理数字，挖掘洞察力，并打包一份漂亮的报告，这样您就可以停止猜测并开始扩展您的业务！

从本月开始，将您的网页设计业务提升到一个全新的水平。 从像您这样的其他设计企业那里获得见解，并开始为您的服务收取有竞争力的费用！