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 и документация для разработчиков
- Продуктовые интерфейсы
Где место Radar?
В конечном итоге мы решили, что Radar находится на пересечении всех трех направлений. По своей сути Radar — это продуктовые данные, но он также ориентирован на широкую публику и изначально насыщен контентом. Стратегия сочетает в себе аспекты дизайна всех трех направлений: доступность маркетинга, структурированность и навигационность контента, а также поддерживаемость за счет миграции на компоненты Kumo, используемые в продуктовой системе Cloudflare.
Что мы пробовали в процессе
С самого начала мы знали, что главная страница должна отражать глобальную перспективу Radar. Поскольку Radar помогает людям понимать активность в Интернете в разных странах и регионах, карта показалась самым наглядным способом сделать этот охват сразу видимым.
Карта прошла через множество итераций, пока мы пытались найти правильный баланс между богатством данных и доступностью. Ранние версии были слишком плотными — мы пытались передать надежность с помощью перегруженных данными визуальных эффектов. Поздние версии слишком сильно сдвинулись в сторону маркетингового стиля; они казались более дружелюбными, но создавали риск того, что свежие данные Radar будут выглядеть статичными или излишне обобщенными. Текущее направление находится между этими двумя полюсами: оно создает ощущение живых данных, но при этом их легче читать.
Видение и эволюция Radar
Поскольку Cloudflare обслуживает примерно 20% всего веб-трафика, у Radar есть возможность рассказывать уникальные и увлекательные истории об Интернете. Чтобы раскрыть эту ценность, мы хотим предоставить каждому пользователю аналитику в реальном времени по безопасности, производительности и трафику.
Этот редизайн — фундаментальный шаг в данном направлении. В дальнейшем Radar продолжит фокусироваться на инструментах, визуализациях и подходах к сторителингу, которые устраняют препятствия для новой аудитории, одновременно усиливая нашу инфраструктуру работы с глубокими данными. Сочетая техническую точность с более чистым, ориентированным на человека опытом, мы гарантируем, что больше людей смогут исследовать, понимать и делиться информацией о состоянии Интернета.
Помогите нам сделать Radar лучше
Этот редизайн — наш первый шаг к более интуитивному и удобному для сканирования Radar. Но мы только начинаем, и нам нужен ваш отзыв. Что работает? Что не работает? Какие инсайты все еще трудно обнаружить?
Вы можете поделиться с нами отзывом в социальных сетях: @CloudflareRadar в X, на Bluesky или по электронной почте radar@cloudflare.com.
