Sophia Alfred、Lai Yi Ohlsen 和 Nuno Pereira

Radar 由 Cloudflare 的全球网络驱动，提供对全球互联网趋势的实时视图。我们支持 Cloudflare 的使命，即通过让网络数据对每个人都可见、清晰且可操作，帮助构建更好的互联网。自 2020 年推出以来，Radar 已在具有技术背景的专家用户中找到了天然受众，例如网络运营商和学术研究人员，他们依赖 Radar 数据来观察行业趋势和全球事件。

但 Radar 也有潜力成为记者、人权倡导者、政策制定者和普通用户更常规的自助资源。让 Radar 触达更广泛的受众是我们愿景的核心部分，因此我们知道是时候重新评估用户体验了：我们如何在保留当前深度和严谨性的同时，让 Radar 对更广泛的受众更易接近？

在这篇博客文章中，我们将介绍重新设计的 Radar，分享我们的设计过程，并概述我们对该平台未来的更广泛愿景。

旧设计面临的挑战

虽然之前的着陆页在展示 Radar 数据广度方面很成功，但信息呈现的方式使其难以解析。便当盒布局让所有内容具有相似的视觉权重，垂直卡片打乱了自然阅读模式，而且样式感觉与 Cloudflare 更广泛的品牌脱节。

我们从用户那里听到了这些反馈。一位外部用户提到，他对 Radar 最大的不满之一是很难向他的学生展示。这一反馈强化了一个问题：对于第一次接触 Radar 的人来说，它可能会让人感到望而生畏。考虑到这一点，我们希望创建一种着陆页体验，为用户梳理出更清晰的内容路径，而不是要求用户一次性理解所有内容。

但让 Radar 更易访问不仅仅是重新组织内容。它还关乎让体验感觉与 Cloudflare 更紧密相连。对于外部用户来说，一致性直接影响信任度和可用性。更一致的 Cloudflare 体验有助于表明 Radar 是一个权威来源，而熟悉的布局模式则减少了浏览复杂信息所需的精力。

介绍 Radar 的新着陆页

全新改进的 Radar 使用了一种所有背景的用户都熟悉的可视化参考——地图。尽管互联网在许多方面超越了国家边界的概念，但它与日常生活的相关性往往最好通过地理来理解。

顶部区域聚焦于流量和中断。我们以中断开头，因为它们是关于互联网状态最具体、最及时、最突出的数据点之一。与此同时，流量传达了 Radar 数据的规模和广度。地图还充当进入下方洞察的导航点，引导用户从全球视图进入特定国家、趋势和数据故事。

在地图下方，我们将旧的便当盒图表组件改造成了标签页式流程，帮助用户更有意识地浏览数据。这些标签页提供汇总统计数据，让用户了解 Radar 的能力，同时也为他们提供深入探索数据的行动号召。标签页结构创建了更清晰的层级，避免页面让人感到不堪重负，并预览了 Radar 提供的信息范围。

从概念到现实

开发 Radar 的设计语言

为了开发 Radar 的设计语言，我们审视了 Cloudflare 的内容生态系统，它存在于以下三大支柱中：

营销页面（如 cloudflare.com）
内容体验，如 Cloudflare Blog 和 Developer Docs
产品体验

Radar 适合放在哪里？

最终，我们决定 Radar 处于这三者的交汇点。从本质上讲，Radar 是一个数据产品，但它同时也是面向公众的，并且天然具有丰富的内容。该策略融合了三者的设计要素：像营销一样平易近人，像内容一样结构清晰且易于导航，并通过迁移到 Cloudflare 产品系统所使用的 Kumo 组件来实现可维护性。

我们在过程中尝试过的方案

从一开始，我们就知道落地页需要传达 Radar 的全球视角。因为 Radar 帮助人们了解各个国家和地区的互联网活动，地图似乎是让这一范围立即变得清晰可见的最直观方式。

地图经历了许多轮迭代，我们试图在数据丰富性和易用性之间找到恰当的平衡。早期版本过于密集——我们试图通过数据密集的可视化来传达可信度。后来的版本又过于偏向营销风格的视觉效果；它们感觉更平易近人，但有可能让 Radar 的新鲜数据显得静态或过度概括。当前的方向介于这两个极端之间：它具有实时数据的感觉，但更易于阅读。