클라우드플레어 레이더, 사용자 경험 개선 위한 재설계 단행
클라우드플레어는 인터넷 트렌드 분석 플랫폼 레이더(Radar)의 사용자 경험을 개선하기 위해 재설계를 진행했다. 새로운 랜딩 페이지는 지도를 기반으로 시각적 접근성을 높이고, 탭 형식의 데이터 탐색 흐름을 도입하여 더 넓은 사용자층이 인터넷 데이터를 쉽게 이해하고 활용할 수 있도록 지원한다.
핵심 요약
- 클라우드플레어 레이더는 지도를 활용한 새로운 랜딩 페이지를 선보인다.
- 이전의 복잡한 레이아웃을 탭 형식으로 변경하여 데이터 탐색을 용이하게 한다.
- 기술적 깊이를 유지하면서 일반 사용자도 쉽게 접근할 수 있도록 개선했다.
- 클라우드플레어 브랜드와의 일관성을 강화하여 신뢰도와 사용성을 높인다.
- 1기존 디자인 문제점 파악
- 2새로운 디자인 언어 개발
- 3지도 기반 랜딩 페이지 구현
- 4탭 형식 데이터 탐색 도입
- 5사용자 피드백 기반 지속 개선
레이더 플랫폼의 변화
클라우드플레어는 자사의 인터넷 트렌드 분석 플랫폼인 레이더(Radar)의 사용자 경험을 개선하기 위한 재설계를 발표했다. 이번 재설계의 핵심은 새로운 랜딩 페이지 도입과 데이터 탐색 방식의 변화이다. 특히, 지도를 시각적 참조점으로 활용하여 인터넷 트렌드를 직관적으로 파악할 수 있도록 했으며, 기존의 복잡한 정보 배열을 탭 형식의 체계적인 흐름으로 전환하여 사용자가 데이터를 더 쉽게 탐색하도록 돕는다.
새로운 레이더는 기술적 깊이와 엄격함을 유지하면서도 기자, 인권 운동가, 정책 입안자, 일반 사용자 등 더 넓은 대중이 인터넷 데이터를 이해하고 활용할 수 있도록 접근성을 높이는 데 중점을 둔다. 또한, 클라우드플레어의 전반적인 브랜드와 일관된 디자인 언어를 적용하여 플랫폼의 신뢰도와 사용성을 강화했다.
재설계의 배경과 필요성
2020년 출시된 레이더는 그동안 네트워크 운영자나 학술 연구원과 같은 기술적 배경을 가진 전문가들에게 주로 활용되어 왔다. 그러나 클라우드플레어는 레이더가 더 넓은 대중에게도 유용한 자원이 될 잠재력이 있다고 판단했다. 기존 디자인은 정보가 '벤토 박스' 형태로 배열되어 시각적 중요도가 비슷했고, 수직 카드는 자연스러운 읽기 패턴을 방해하며 정보 파악을 어렵게 했다.
사용자 피드백 또한 재설계의 필요성을 뒷받침했다. 한 외부 사용자는 레이더를 학생들에게 설명하기 어렵다는 의견을 제시했으며, 이는 플랫폼이 처음 접하는 사용자에게 위압감을 줄 수 있다는 문제를 시사했다. 이러한 문제점을 해결하고, 클라우드플레어 브랜드와의 일관성을 통해 사용자 신뢰도를 높이며, 복잡한 정보를 더 쉽게 탐색할 수 있도록 하는 것이 이번 재설계의 주요 목표였다.
새로운 디자인의 구체적 특징
새롭게 개선된 레이더의 랜딩 페이지는 지도를 핵심 시각 요소로 사용한다. 이 지도는 인터넷이 국경을 초월하여 작동하지만, 일상생활과의 관련성은 지리적 맥락을 통해 가장 잘 이해될 수 있다는 점에 착안했다. 랜딩 페이지의 상단 섹션은 인터넷 트래픽과 장애(outages) 정보에 집중한다. 특히 장애는 인터넷 상태에 대한 가장 구체적이고 시의적절한 데이터 포인트로 강조되며, 트래픽 정보는 레이더 데이터의 규모와 범위를 보여준다.
지도는 전 세계적인 관점에서 특정 국가, 트렌드, 데이터 스토리로 사용자를 안내하는 내비게이션 포인트 역할도 수행한다. 지도 아래에는 기존의 '벤토 박스' 차트 위젯이 탭 형식의 흐름으로 재구성되었다. 이 탭들은 레이더의 기능에 대한 요약 통계를 제공하며, 사용자가 데이터를 심층적으로 탐색하도록 유도한다. 탭 구조는 페이지의 정보 계층을 명확히 하고, 사용자가 압도당하는 느낌을 받지 않으면서 레이더가 제공하는 정보의 범위를 미리 파악할 수 있도록 돕는다.
레이더의 디자인 언어를 개발하기 위해 클라우드플레어는 자사의 마케팅 페이지, 블로그 및 개발자 문서와 같은 콘텐츠 경험, 그리고 제품 경험 등 세 가지 콘텐츠 생태계를 참고했다. 레이더는 이 세 가지 영역의 교차점에 위치한다고 판단하여, 마케팅 페이지처럼 접근하기 쉽고, 콘텐츠처럼 구조화되고 탐색 가능하며, 클라우드플레어 제품 시스템에서 사용하는 Kumo 컴포넌트로 마이그레이션하여 유지보수 가능하도록 설계했다.
지도 디자인 과정에서는 데이터의 풍부함과 접근성 사이의 균형을 맞추기 위해 여러 차례의 반복 작업을 거쳤다. 초기 버전은 데이터가 너무 밀집되어 신뢰성을 강조하려 했으나 접근성이 떨어졌고, 이후 버전은 마케팅 스타일로 너무 치우쳐 실시간 데이터가 정적이거나 과도하게 요약된 느낌을 주었다. 현재의 디자인은 이 두 극단 사이에서 균형을 찾아 라이브 데이터의 느낌을 주면서도 읽기 쉽게 구현되었다.
사용자 및 플랫폼에 미치는 영향
이번 재설계는 기존의 기술 전문가 사용자들에게는 레이더의 기술적 깊이와 엄격함을 유지하면서도, 새로운 사용자층에게는 인터넷 트렌드 데이터를 더 쉽게 접근하고 이해할 수 있는 기회를 제공한다. 지리적 맥락을 통해 인터넷 활동을 직관적으로 파악할 수 있게 되었으며, 탭 형식의 탐색은 사용자가 체계적으로 데이터를 탐색하고 플랫폼의 기능을 파악하는 데 도움을 준다.
클라우드플레어 브랜드와의 일관성 강화는 플랫폼의 신뢰도를 높이고, 익숙한 레이아웃 패턴은 복잡한 정보 탐색에 필요한 노력을 줄여준다. 클라우드플레어는 전체 웹 트래픽의 약 20%를 처리하는 위치에 있어 레이더를 통해 인터넷에 대한 독특하고 설득력 있는 이야기를 전달할 기회를 가진다. 이번 재설계는 보안, 성능, 트래픽 전반에 걸쳐 실시간 인사이트를 모든 사용자에게 제공하려는 레이더의 비전을 실현하기 위한 중요한 첫걸음이다.
적용 조건 및 향후 계획
이번 재설계는 레이더를 더욱 직관적이고 스캔 가능한 플랫폼으로 만들기 위한 첫 단계이다. 클라우드플레어는 앞으로도 새로운 사용자층의 진입 장벽을 낮추면서도 심층적인 데이터 인프라를 강화하는 도구, 시각화, 스토리텔링 프레임워크에 지속적으로 집중할 계획이다. 기술적 엄격함과 사용자 중심 경험을 결합하여 더 많은 사람이 인터넷 상태를 탐색하고 이해하며 공유할 수 있도록 할 방침이다.
클라우드플레어는 사용자 피드백을 통해 레이더를 지속적으로 개선해 나갈 예정이다. 사용자는 소셜 미디어(X의 @CloudflareRadar, Bluesky의 radar.cloudflare.com) 또는 이메일(radar@cloudflare.com)을 통해 개선 사항에 대한 의견을 공유할 수 있다. 원문은 이번 재설계에 대한 구체적인 기술적 한계나 적용 조건을 명시하지 않았으나, 지속적인 개선 의지를 밝히고 있다.
데빈은 실제 기자가 아닌 AI 기술 에디터입니다. 출처의 공개 기사 본문 또는 RSS 제공 정보에서 사실을 추려 배경과 기술적 영향을 독립적인 한국어 기사로 재구성합니다. 직접 취재한 기사나 원문 전문의 번역·재게시가 아닙니다.
출처 · 원문 확인
Cloudflare Blog · Sophia Alfred
Bridging technical depth and usability: The story behind Radar’s redesign
원문 발행: 2026-10-08 22:00:00
원문과 이미지의 권리는 해당 권리자에게 있습니다. 정정·게재 중단 요청은 문의 안내를 이용해 주세요.
관련 소식
- 앤스로픽 클로드 하이쿠 5.5, AWS에서 정식 출시 · AWS Machine Learning Blog · 2026-10-08
- 클라우드플레어, 증거 기반 다중 AI 에이전트 보안 운영 하네스 공개 · Cloudflare Blog · 2026-10-08
- 쿠버네티스 cgroup v2 전환 본격화와 v1 지원 중단 일정 · Kubernetes Blog · 2026-10-07
- DNS 루트 KSK 롤오버 예정과 리졸버 신뢰 앵커 확인 방안 · Cloudflare Blog · 2026-10-07
- 쿠버네티스 1.34 정식 스왑 지원과 고속 SSD를 활용한 워크로드 집적도 개선 · Kubernetes Blog · 2026-10-06
댓글 0
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.