많은 지표를 나열하던 화면에서 탐색 경로를 만든다
클라우드플레어는 10월 8일 인터넷 동향 서비스 Radar의 첫 화면 개편 과정을 공개했다. 2020년 출시 뒤 네트워크 운영자와 학술 연구자가 주로 활용하던 데이터를 기자, 인권 활동가, 정책 담당자와 일반 사용자도 스스로 탐색하도록 만드는 것이 목표다. 데이터의 깊이를 유지하면서 처음 접하는 사람의 진입 부담을 줄이려는 설계다.
회사 설명에 따르면 이전 화면은 여러 카드에 비슷한 시각적 무게를 부여해 무엇부터 읽어야 하는지 파악하기 어려웠다. 세로 카드 배치도 자연스러운 읽기 흐름을 방해했다. 학생에게 서비스를 소개하기 어렵다는 외부 사용자 의견이 개편의 단서가 됐다. 이 피드백은 문제를 보여 주는 사례이며 전체 사용자 조사 결과나 만족도 수치로 제시된 것은 아니다.
지도에서 국가와 개별 데이터로 내려간다
새 화면의 상단은 인터넷 장애와 트래픽을 보여 주는 상호작용 지도다. 클라우드플레어는 장애가 시의성이 높고 사용자가 쉽게 의미를 이해할 수 있는 데이터라고 설명했다. 지도는 전 세계의 상황을 보여 주는 동시에 특정 국가의 동향과 데이터 이야기로 이동하는 출발점이 된다. 익숙한 지리적 표현을 복잡한 인터넷 관측의 입구로 사용한다.
지도 아래에는 기존의 개별 차트 카드를 대체하는 탭 흐름을 배치했다. 요약 통계로 어떤 데이터를 제공하는지 먼저 보여 주고, 더 깊은 탐색으로 이어지는 행동 경로를 제공한다. 모든 지표를 한 번에 같은 비중으로 펼치는 대신 단계적으로 보게 하는 방식이다. 이 개편은 지표를 없애기보다 첫 화면에서 보여 주는 순서와 중요도를 정리하는 데 초점을 맞췄다.
공개 콘텐츠와 데이터 제품의 설계를 결합한다
Radar 팀은 서비스를 마케팅 페이지, 콘텐츠 경험, 제품 경험이 만나는 지점으로 정의했다. 첫 방문자의 접근성을 높이면서 자료를 찾기 쉽게 정리하고, 클라우드플레어 제품에서 쓰는 Kumo 구성 요소로 유지보수성을 확보하는 방향이다. 초기 지도 시안은 너무 조밀했고 뒤의 시안은 홍보 화면에 가까워 데이터가 정적인 요약처럼 보였다고 회사는 설명했다.
Radar의 공식 소개는 데이터가 클라우드플레어 글로벌 네트워크와 1.1.1.1 공개 DNS 리졸버의 집계·익명화 데이터에 기반한다고 밝힌다. 일부 경우에는 PeeringDB와 APNIC 자료도 사용한다. 따라서 새 지도가 보여 주는 인터넷 동향을 해석할 때는 해당 지표의 데이터 출처를 함께 확인해야 한다. 화면 개편은 관측 자료의 출처 자체를 바꾸는 발표가 아니다.
정보 위계는 초보자와 전문가를 연결하는 장치다
ARCH.B의 관점에서 지도는 데이터를 단순화하는 그림이면서 질문을 좁히는 도구다. 사용자가 먼저 지역이나 장애를 고르면 다음에 필요한 지표가 구체화된다. 첫 화면에 모든 수치를 넣는 것보다 출발 질문을 제공하는 편이 처음 방문한 사람에게 유용할 수 있다. 전문 사용자가 필요한 상세 데이터로 이동할 길을 유지하는 것이 이 접근의 중요한 조건이다.
탭의 요약 통계도 같은 역할을 한다. 무엇을 볼 수 있는지 알려 주되 결론을 대신 내리지는 않는다. 디자인 팀이 과도한 데이터 밀도와 지나친 홍보 표현 사이를 오갔다는 설명은 공공 데이터 서비스의 고민을 드러낸다. 이해하기 쉽게 만드는 과정에서 비교 기간이나 세부 조건이 사라지면 오히려 오독이 늘 수 있으므로, 깊은 자료로 이어지는 연결이 중요하다.
읽기 쉬운 지도에도 해석의 경계는 남는다
지리는 인터넷 변화를 설명하기에 익숙한 틀이지만 국가 경계가 서비스나 네트워크의 경계와 항상 일치하는 것은 아니다. 장애를 발견한 이용자는 지도에서 지역을 고른 뒤 관측 시간, 비교 기준과 데이터 종류를 살펴볼 필요가 있다. Radar를 인용할 때 클라우드플레어라는 출처와 해당 자료를 함께 표시하면 독자가 같은 지표를 확인할 수 있다.
이번 발표는 개편의 의도와 설계 과정을 설명하며, 탐색 완료율이나 작업 시간의 개선 수치를 제공하지 않는다. 그래서 성패는 향후 사용자가 필요한 자료에 도달하고 해석할 수 있는지로 평가해야 한다. 제품 구성 요소의 통일도 시각적 친숙함을 넘어 상세 차트와 문서까지 일관된 이동을 제공할 때 의미가 커진다. 첫 화면의 정돈은 그 흐름을 만드는 출발점이다.
출처
Cloudflare Blog의 원출처와 본문에 표시한 참고자료를 바탕으로 한국어로 재구성했습니다. ‘ARCH.B 분석’은 자료를 읽고 덧붙인 편집 해석입니다.
Bridging technical depth and usability: The story behind Radar’s redesign (새 창)
