Radar предоставляет обзор в реальном времени глобальных интернет-трендов на базе глобальной сети Cloudflare. Мы поддерживаем миссию Cloudflare по созданию более безопасного и открытого Интернета, делая веб-данные видимыми, понятными и доступными для всех. С момента запуска в 2020 году Radar нашёл естественную аудиторию среди специалистов с техническим бэкграундом, таких как сетевые операторы и академические исследователи, которые полагаются на данные Radar для наблюдения за отраслевыми трендами и глобальными событиями.
Но у Radar также есть потенциал стать более регулярным ресурсом самообслуживания для журналистов, защитников прав человека и политиков, а также для обычных пользователей. Сделать Radar доступным для широкой аудитории — ключевая часть нашего видения, поэтому мы решили пересмотреть пользовательский опыт: как сделать Radar более понятным для широкой аудитории, сохранив при этом глубину и строгость данных, которые у нас уже есть?
В этой статье мы представим переработанный Radar, расскажем о нашем дизайнерском процессе и очертим более широкое видение будущего платформы.
Проблемы прежнего дизайна
Хотя предыдущая главная страница успешно демонстрировала широту данных Radar, способ их представления затруднял восприятие. Макет в стиле «бенто-бокса» придавал всем элементам одинаковый визуальный вес, вертикальные карточки нарушали естественные шаблоны чтения, а стилистика казалась оторванной от общего бренда Cloudflare.
Мы слышали это от пользователей. Один внешний пользователь отметил, что самое большое его разочарование в Radar — это то, что его трудно показать студентам. Этот отзыв подтвердил проблему: Radar может казаться устрашающим для тех, кто сталкивается с ним впервые. С учётом этого мы хотели создать посадочную страницу, которая формирует более ясный путь через контент, вместо того чтобы просить пользователей интерпретировать всё сразу.
Но сделать Radar более доступным значило не только переорганизовать контент. Это также означало сделать опыт более связанным с Cloudflare. Для внешних пользователей согласованность непосредственно влияет на доверие и удобство использования. Более цельный опыт Cloudflare помогает сигнализировать, что Radar — авторитетный источник, а знакомые шаблоны расположения снижают усилия, необходимые для восприятия сложной информации.
Представляем новую главную страницу Radar
Новый, улучшенный Radar использует визуальный ориентир, знакомый пользователям с разным опытом — карту. Несмотря на то, что во многих смыслах Интернет функционирует вне концепции национальных границ, его значимость в повседневной жизни часто легче всего понять через географию.
Верхний раздел сосредоточен на трафике и сбоях. Мы делаем акцент на сбоях, поскольку это одна из самых конкретных, своевременных и заметных метрик состояния Интернета. Трафик, в свою очередь, показывает масштаб и широту данных Radar. Карта также служит навигационным элементом в инсайты ниже, направляя пользователей от глобального обзора к конкретным странам, трендам и материалам.
Под картой мы трансформировали старые виджеты в стиле бенто-бокса в вкладочную последовательность, которая помогает пользователям более целенаправленно переходить через данные. Вкладки предоставляют сводную статистику, давая пользователю представление о возможностях Radar, одновременно предлагая призыв к действию — изучить данные глубже. Вкладочная структура создает более ясную иерархию, не даёт странице перегружать и предварительно демонстрирует диапазон информации, которую предоставляет Radar.
Чтобы разработать визуальный язык Radar, мы изучили весь спектр контента Cloudflare, который существует в трёх ключевых столпах:
- Страницы маркетинга (например, cloudflare.com)
- Контент-опыты, такие как блог Cloudflare и документация для разработчиков
- Продуктовые интерфейсы и система компонентов
В итоге мы решили, что Radar находится на пересечении всех трёх. По сути Radar — это продукт данных, но он также публичный и по своей природе насыщен контентом. Стратегия объединяет элементы дизайна всех трёх направлений: доступность, как в маркетинге; структурированность и навигация, как в контенте; и поддерживаемость за счёт миграции на компоненты Kumo, используемые в продуктовой системе Cloudflare.
С самого начала нам было важно, чтобы главная страница передавала глобальную перспективу Radar. Поскольку Radar помогает людям понимать активность Интернета по странам и регионам, карта показалась самым ясным способом сделать этот масштаб сразу видимым.
Карта прошла многие итерации, пока мы искали баланс между насыщенностью данных и доступностью. Ранние версии были слишком плотными — мы пытались передать надёжность через визуализацию с большим количеством данных. Поздние версии сместились слишком далеко в сторону маркетинговой эстетики; они казались более дружелюбными, но рисковали сделать свежие данные Radar статичными или чрезмерно обобщёнными. Текущее направление находится между этими крайностями: оно даёт ощущение живых данных, но при этом легче для чтения.
Поскольку Cloudflare находится на пути примерно 20 % всего веб-трафика, Radar имеет возможность рассказывать уникальные и убедительные истории об Интернете. Чтобы раскрыть эту ценность, мы хотим дать каждому пользователю доступ к инсайтам в реальном времени по вопросам безопасности, производительности и трафика.
Это переработка — базовый шаг в этом направлении. В будущем Radar продолжит фокусироваться на инструментах, визуализациях и фреймворках повествования, которые снимают барьеры для новых аудиторий, одновременно укрепляя нашу глубокую инфраструктуру данных. Сочетая техническую строгость с более чистым, ориентированным на человека опытом, мы обеспечиваем, что больше людей сможет исследовать, понимать и делиться информацией о состоянии Интернета.
Эта переработка — наш первый шаг к более интуитивному, легко просматриваемому Radar. Но мы только начинаем и нам важна ваша обратная связь. Что работает? Что не работает? Какие инсайты всё ещё тяжело обнаружить?
Вы можете поделиться отзывами в социальных сетях на @CloudflareRadar в X, radar.cloudflare.com в Bluesky или по электронной почте radar@cloudflare.com.
Подпишитесь, чтобы получать уведомления о новых публикациях.