针对数据密集型界面的UX Design Pro提示

从那以后发生了很多事。很多。我在15天内为Product Hunt的Maker Fest推出了一款怪异的Zoom风格的视频应用程序，并获得了Substack的编剧资助。另外，我明天就21岁了(🥳)。

但是，在这一切中，我一直在努力使第20期变得非常有用。

不久前，一位读者让我做一期关于设计数据驱动应用程序的专业技巧。所以我想，“为什么不找出尽可能多的最佳实践，然后把它们写下来呢？”

您日常使用的界面设计得相当流畅。干净、宽敞、简约。它们可以帮助您发送文本、流式播放视频，以及轻松滚动您的新闻源。

它们是为性能而制造的，更注重功能而不是形式。它们使您能够分析业务费用、跟踪物流并监控关键指标。

您的用户(很可能是高管、经理和分析师)需要复杂数据中的特定信息才能完成工作。

并去除冗余数据。通常，会显示相同的数据，但会有多个变体。

在有意义的地方组合元素。例如，将名字和姓氏字段转换为单个“姓名”字段。

减少显示给用户的数据的另一种方法是调整页面形状。

以这种方式开始，将帮助您仔细考虑数据中的关系，并坚持解决您用户的问题。

📌Basecamp写了一篇非常固执己见的博客文章，解释为什么你只需要这三种图表。

🔨一个很棒的可视化数据工具是Tableau--但是它非常昂贵。

📚关于可视化数据的一本好书是Dona Wong的“华尔街日报：信息图形指南”--这本书并不贵。

这不仅仅是指字体类型。字体粗细、字距和间距会影响用户从界面快速读取和解释数据的能力。

使用保守的调色板。为重要数据保留醒目的颜色，如错误消息(通常为红色)、关键指标或链接文本。

📌如果你还想了解更多关于选择正确的调色板来可视化数据的信息，我推荐这篇由Invision撰写的文章。

尽量减少“家具”(即尺子、方框、圆点和其他视觉导轨)。

当增加界面的密度时，要考虑哪些元素是必不可少的，哪些元素更符合美学要求。

密度增加意味着屏幕上会显示更多内容。在处理列表、表格和长表单时，增加的密度使信息更易于扫描、查看和比较。

不要增加提醒用户更改的组件的密度，例如快捷栏或对话框。增加警报的密度会降低它们的可读性，从而降低吸引用户注意力的效果。

同样，不要增加涉及重点任务的组件密度，如下拉菜单和日期选择器。密度的增加限制了可点击的空间，从而降低了可用性。

在处理大型数据集时，最好允许用户将该数据导出到另一个可以更好地与其交互的工具。

使您的用户能够通过XML、XLS、JSON或CSV导出他们正在查看的数据。

您还可以做的一件很酷的事情是尽可能多地显示数据，如果用户想要查看更多数据，那么他们可以导出您显示的数据以及您无法放入屏幕的更多数据。

除非你已经完全排除了界面中基于触摸的交互，否则别忘了触摸目标的最小尺寸。

📌谷歌的材料设计文档有关于触摸目标的很好的指南，你可以在这里找到。

📌他们还为提高企业应用程序的密度制定了新的设计标准。关于密度如何影响您的界面，他们有很好的提示和实际示例。你可以在这里阅读更多关于这方面的内容。

将看似无用的数据转化为有用数据的一种方法是使用文本准确地传达用户想知道的信息。

冠状病毒追踪器就是一个很好的例子。特别是在这些情况下，您希望优先处理可操作的数据，而不是数据量。

问问自己，“这对用户完成他们的工作重要吗？”

📌我使用了很多资源来整理这个问题，但最有用的两个资源是：

🐦我希望你喜欢这一期。如果你能对这条推特发帖表示一点爱意，我会很感激的。

👋也是，来电报群聊里打个招呼吧。我称之为“产品窥探”

PS.。我刚刚意识到我要在我20岁的最后一天发行第20期(🤯)。另外，我也不期待b日愿望，但是，呃，如果你想的话你可以(😉)。