连接技术深度与易用性:Radar 重新设计背后的故事

💡 原文英文,约1500词,阅读约需6分钟。
📝

内容提要

Cloudflare Radar 重新设计落地页,以地图为核心展示全球流量与中断数据,帮助用户直观理解互联网趋势。新设计采用标签式引导浏览,提升可读性与品牌一致性,在数据深度与易用性间取得平衡,让记者、政策制定者等更广泛受众也能轻松使用。

🔎

延伸解读

从专家工具到大众资源:Radar 的受众拓展

Radar 自2020年推出以来,主要用户是网络运营商和学术研究者等专家。但团队意识到,记者、人权倡导者、政策制定者和普通用户同样需要理解互联网趋势。重新设计正是为了降低使用门槛,同时保留数据的深度和严谨性。这反映了数据产品在扩大受众时面临的典型挑战:如何在易用性和专业性之间找到平衡。

地图作为导航:设计如何引导数据探索

新设计以地图为核心视觉元素,因为地理视角能帮助不同背景的用户快速理解互联网活动。地图不仅展示流量和中断数据,还作为导航入口,引导用户从全球视图深入到具体国家、趋势和数据故事。这种设计将复杂数据分层呈现,避免一次性信息过载,让用户按自己的节奏探索。

设计语言融合:Radar 在 Cloudflare 生态中的定位

Radar 的设计借鉴了 Cloudflare 三大内容支柱:营销页面的亲和力、内容体验的结构化导航,以及产品系统的可维护组件。团队最终将 Radar 定位为三者的交集,既保持数据产品的专业性,又具备公共内容的可读性。这种融合有助于提升品牌一致性和用户信任,也让 Radar 在 Cloudflare 生态中角色更清晰。

迭代中的取舍:数据密度与可读性的平衡

地图设计经历了多轮迭代。早期版本数据过于密集,试图用复杂可视化体现可信度;后期版本又偏向营销风格,可能让实时数据显得静态。当前方案介于两者之间,既保留实时数据感,又更易阅读。这一过程说明,数据产品的视觉设计需要不断测试和调整,以兼顾信息量和用户体验。

❓

Q&A

Cloudflare Radar 重新设计的主要目标是什么?

主要目标是让 Radar 对更广泛的受众更易用,同时保留其数据深度和严谨性。具体包括让记者、人权倡导者、政策制定者和普通用户也能轻松使用,并提升与 Cloudflare 品牌的一致性。

Radar 旧版首页设计存在哪些问题?

旧版首页采用便当盒布局,所有内容视觉权重相似,垂直卡片打乱阅读模式,风格与 Cloudflare 品牌脱节,导致信息难以解析,新用户可能感到 intimidating。

Radar 新版落地页以什么为核心视觉元素?为什么选择它?

新版落地页以地图为核心视觉元素。因为互联网虽超越国界,但其与日常生活的关联常通过地理来理解,地图能直观展示全球流量和中断数据,并作为导航点引导用户探索具体国家和趋势。

新版 Radar 如何引导用户浏览数据?

新版将旧的便当盒图表组件改为标签式流程,提供摘要统计让用户了解 Radar 的能力,并给出深入探索数据的行动号召。标签结构创建了更清晰的层次,避免页面 overwhelming,并预览了 Radar 提供的信息范围。

Radar 在 Cloudflare 的内容生态中处于什么位置?

Radar 位于营销页面、内容体验和产品体验三大支柱的交汇处。它本质上是一个数据产品,但也是面向公众且内容丰富的,因此设计上融合了三者:像营销一样平易近人,像内容一样结构化和可导航,并通过迁移到 Kumo 组件保持可维护性。

Radar 重新设计过程中在地图设计上经历了哪些迭代?

早期版本过于密集,试图通过数据密集型视觉传达可信度;后期版本又过于偏向营销风格,虽然更平易近人,但可能让 Radar 的新鲜数据显得静态或过度概括。当前方向介于两者之间:具有实时数据的感觉,但更易读。

Radar 未来的发展愿景是什么?

Radar 将继续专注于工具、可视化和叙事框架,为新受众消除障碍,同时加强深度数据基础设施。通过将技术严谨性与更简洁、以人为本的体验相结合,确保更多人能够探索、理解并分享互联网的状态。

🏷️

标签

➡️

继续阅读