Cloudflare Redesigns Radar to Balance Technical Rigor with Usability

Cloudflare Redesigns Radar to Balance Technical Rigor with Usability Cloudflare has redesigned its Radar platform to make global Internet traffic, outage, and security data more accessible to journalists, policymakers, and everyday users without compromising technical depth. Radar's previous bento box design overwhelmed new users and disrupted reading patterns. A central, interactive map was introduced at the top of the page to organize traffic and outage data geographically. Bento box charts were converted into a tabbed layout to provide clear summary statistics and deeper drill-down paths. The redesign incorporates Cloudflare's Kumo UI components to align the tool with the company's broader product ecosystem. Addressing UX Limitations and User Feedback Since launching in 2020, Cloudflare Radar has catered primarily to technical specialists like network operators and academic researchers. However, feedback revealed that the platform felt intimidating for newcomers, including students. The previous landing page's bento box layout gave identical visual weight to diverse elements and disrupted natural reading flows. To build trust and usability, Cloudflare set out to streamline navigation and visually align Radar with its overarching brand. New Map and Tabbed Architecture The revamped design anchors the landing page with an interactive map, providing an intuitive geographic framework to explore global Internet trends, traffic, and outages. Below the map, previous bento box widgets were replaced with a tabbed structure. This flow displays high-level summary statistics while offering explicit calls to action for users seeking deeper data exploration without feeling overwhelmed. Design Balance and Ongoing Evolution Radar's visual language was positioned at the intersection of marketing approachability, content navigability, and product maintainability, incorporating Cloudflare's Kumo UI component system. After iterative tests that balanced data density against static marketing aesthetics, the team delivered a live-data feel with improved legibility, laying the groundwork for further storytelling tools and real-time visualization features.

兼顾技术深度与易用性：Cloudflare Radar改版背后的故事 Cloudflare对其网络趋势平台Radar进行了全面重新设计，旨在兼顾技术深度与易用性，使记者、政策制定者及普通公众等更广泛的用户群体能够更直观地理解全球互联网数据。 Radar自2020年推出以来深受网络运营商与学者青睐，但旧版便当盒式布局信息权重均等、阅读体验割裂且容易让初次接触者产生畏难情绪。 新版引入以地理地图为核心的可视化参考，首屏优先展示网络中断与流量数据，作为深入国家和趋势洞察的导航入口。 下方图表从原有卡片改为标签页流式设计，提供摘要统计与深度探索入口，减少页面压迫感。 设计策略融合了营销的平易近人、内容的结构化导航，并迁移至Cloudflare产品的Kumo组件库以保障一致性与可维护性。 改版背景与核心挑战 Radar自2020年上线以来，主要服务于依赖其观察行业趋势的网络运营商和学术研究人员。然而，平台希望拓展至记者、人权倡导者、政策制定者及普通用户。旧版落地页虽然展现了数据广度，但便当盒布局导致内容视觉权重一致、纵向卡片打乱阅读习惯，且界面风格与Cloudflare整体品牌脱节，甚至有外部教师反映难以向学生直观展示。因此，团队的核心挑战是在保留严谨技术深度的同时，降低门槛并建立统一的品牌信任感。 以地图与标签页重构视觉和交互体验 新版落地页采用公众熟悉的地图作为核心视觉参照。首屏重点聚焦于具体且及时的网络中断事件以及展现数据规模的流量情况，地图同时兼具导航功能，引导用户从全球视角深入到具体国家和数据故事中。在地图下方，原有的分散图表控件被改造为结构更清晰的标签页流，既能提供摘要概览，又能引导用户展开深入分析，避免信息一次性过载。 设计平衡与未来定位 Radar在设计语言上定位为营销、内容与产品三者的结合，前端迁移至Cloudflare产品体系的Kumo组件库以提升系统一致性与可维护性。在地图迭代过程中，团队排除了过于密集沉重的数据堆砌以及过于静态的营销化设计，最终呈现出兼具实时感且易于阅读的平衡状态。依托Cloudflare承载全球约20%网络流量的优势，Radar未来将继续优化安全、性能与流量的可视化与叙事工具。

Radar provides a real-time view into global Internet trends, powered by Cloudflare’s global network. We support Cloudflare’s mission to help build a better Internet by making web data visible, clear, and actionable for everyone. [Since launching in 2020](https://blog.cloudflare.com/introducing-cloudflare-radar/), Radar has found a natural audience amongst expert users with technical backgrounds, such as network operators and [academic researchers](https://scholar.google.com/scholar?hl=en&as_sdt=0%2C33&q=%22radar.cloudflare.com%22&btnG=&oq=radar) who rely on Radar data to observe industry trends and global events. But Radar also has the potential to be a more regular, self-serve resource for journalists, human rights advocates and policymakers, and everyday users. Making Radar accessible to a wider audience is a core part of our vision, so we knew it was time to reevaluate the user experience: How could we make Radar more approachable to broader audiences, while preserving the depth and rigor that we currently have? In this blog post, we’ll introduce the redesigned Radar, share our design process, and outline our broader vision for the platform’s future. While the previous landing page was successful at showing the breadth of Radar’s data, the way that information was presented made it difficult to parse. The bento box layout gave everything similar visual weight, the vertical cards disrupted natural reading patterns, and the styling felt disconnected from Cloudflare’s broader brand. We heard this from users. One external user mentioned that one of his biggest frustrations with Radar was that it was difficult to show to his students. That feedback reinforced the problem that Radar could feel intimidating to people encountering it for the first time. With this in mind, we wanted to create a landing page experience that shaped a clearer path through the content, instead of asking users to interpret everything at once. But making Radar more accessible wasn’t only about reorganizing the content. It was also about making the experience feel more connected to Cloudflare. For external users, consistency directly affects trust and usability. A more cohesive Cloudflare experience helps signal that Radar is an authoritative source, while familiar layout patterns reduce the effort required to move through complex information. The new and improved Radar uses a visual reference that users of all backgrounds will have a familiarity with — a map. Even though in many ways the Internet operates outside the concept of national borders, its relevance to everyday life is often best understood through geography. The top section focuses on traffic and outages. We lead with outages as they are one of the most concrete, timely, and salient data points about the state of the Internet. Traffic, meanwhile, communicates the scale and breadth of Radar’s data. The map also acts as a navigation point into the insights below, guiding users from the global view into specific countries, trends, and data stories. Below the map, we turned the old bento box chart widgets into a tabbed flow that helps users move through the data more deliberately. The tabs provide summary statistics to give the user a sense of Radar’s capabilities, while also giving them a call to action to explore the data in depth. The tabbed structure creates a clearer hierarchy, keeps the page from feeling overwhelming, and previews the range of information Radar provides. To develop Radar’s design language, we looked across Cloudflare’s content ecosystem, which exist in these three pillars: Where does Radar fit? Ultimately, we decided that Radar sits at the intersection of all three. At its core, Radar is a data product, but it’s also public-facing and inherently content-rich. The strategy blends design aspects of all three: approachable like marketing, structured and navigable like content, and maintainable by migrating to [Kumo components](https://kumo-ui.com/) used by Cloudflare’s product system. From the outset, we knew the landing needed to communicate Radar’s global perspective. Because Radar helps people understand Internet activity across countries and regions, a map felt like the clearest way to make that scope immediately visible. The map went through many rounds of iteration as we tried to strike the right balance between data richness and approachability. Early versions were too dense — we were trying to convey credibility through data-heavy visuals. Later versions moved too far toward marketing-style visuals; they felt more approachable, but risked making Radar’s fresh data feel static or overly summarized. The current direction sits between those two poles: it has the feel of live data, but it’s easier to read. Because Cloudflare sits in front of roughly 20% of all web traffic, Radar has the opportunity to tell unique and compelling stories about the Internet. To unlock that value, we want to empower every user with real-time insights across security, performance, and traffic. This redesign is a foundational step in that direction. Moving forward, Radar will continue to focus on tools, visualizations, and storytelling frameworks that remove friction for new audiences while doubling down on our deep data infrastructure. By pairing our technical rigor with a cleaner, human-centered experience, we are ensuring that more people can explore, understand, and share the state of the Internet. This redesign is our first step toward a more intuitive, scannable Radar. But we're just getting started, and we need your input. What’s working? What isn’t? What insights are still hard to uncover? You can share feedback with us on social media at [@CloudflareRadar](https://x.com/CloudflareRadar) on X, [radar.cloudflare.com](http://radar.cloudflare.com) on Bluesky, or email us at [radar@cloudflare.com](mailto:radar@cloudflare.com).