你是否能够很好地向用户展示数据？如果你只是以“字段：值”的格式呈现数据，那么你并没有提供一种愉悦的浏览体验。相反，你正在创造额外的视觉工作，可能导致用户误读信息。

为了说明这一点，下面的示例以“字段：值”的格式展示数据。不仅每个数据点看起来都一样，而且有多个地址和时间戳看起来也是一样的。因此，如果用户不小心，很容易误读它们。

“当前位置”和“目的地”数据之间的差异微不足道。它们都以相同的格式显示地址。此外，“出发时间”和“到达时间”之间也几乎没有区别。难怪用户经常会误读数据。

以视觉方式思考数据

人类是视觉动物，可以在短短13毫秒内识别形状和符号（来源）。人类大脑的一半用于视觉信息处理（来源）。因此，为了提供更好的浏览体验，你必须以视觉方式思考你的数据。

用户是人类，而不是数据库，所以不要总是以“字段：值”的格式显示数据。相反，寻找一种方式来使用颜色、形状和图标来增强字段和值。

例如，下面是前面示例中的数据以视觉格式呈现的样子。注意每个数据点看起来都不同且独特。因此，用户误读信息的机会较小。

这种设计的文本要少得多，因为字段标签没有显示出来。注意，“订单ID”、“状态”、“当前位置”、“目的地”、“客户姓名”、“出发时间”、“到达时间”和“总耗时”这些术语都被删除了。它们是不必要的，因为视觉元素已经取代了它们并且正在发挥作用。

除了“订单ID”之外，每个值都用一个增强数据的视觉元素来表示。你不再阅读文本，而是处理通过视觉传达的更深层次的信息。这不仅对眼睛更舒适，对大脑也更舒适。

这些视觉元素是动态的，因为它们反映了更新的数据。状态从“运输中”变为“已交付”。你还可以看到时间和位置箭头的过期，以及路径线填充颜色。

下面是另一个“字段：值”格式的示例。如你所见，只有三个值，但信息仍然很难处理。然而，当你以视觉格式显示数据时，处理起来就容易得多。

用户可以快速看到仓库容量的满程进度条。他们还可以通过图标更快地扫描可用库存空间和低库存警报值。同样，视觉元素增强了信息。

当仓库容量触发低库存警报时，视觉元素会反映更新的数据。进度条和相关文本标签变为红色，并在测量结束处放置一个警报图标。没有视觉元素，用户很难处理物品库存。

当你将“字段：值”格式与视觉数据格式并置时，你会看到显著的差异。前者需要更多的认知努力来处理，而后者则需要更少。此外，它对眼睛更具美感。

你的目标应该是以视觉方式传达“字段”部分的“字段：值”格式。当用户能够在没有任何字段标签的情况下处理数据值时，你就知道你的视觉效果很好。

是时候停止将数据以“字段：值”的格式显示，将用户视为数据库。用户是天生处理视觉信息的人类。当有机会时，利用颜色、形状和图标来表达你的数据。