콘텐츠 성과 대시보드 디자인

게시 스냅샷에서 분석으로

이 공식 OpenDesign 예시는 샘플 인물 Jerrod Lew를 위한 다크 콘텐츠 성과 워크스페이스입니다. 첫 화면은 컴팩트한 테마·기간 툴바와 큰 세리프 게시 헤드라인으로 구성됩니다. 캡처된 X 상태에서 요약은 해당 주에 14개의 게시물을 발행했다고 알려 줍니다. 네트워크 카드 4개가 더 넓은 오디언스 맥락을 보여 준 뒤, 별도의 KPI 행이 활성 샘플 네트워크를 제시합니다.

X KPI 행에는 팔로워 184.3K, 참여율 4.8%, 좋아요 12.8K, 리포스트 3.1K가 표시됩니다. 이어지는 첫 분석 쌍은 2 대 1.2의 열 비율로 팔로워 곡선에 주요 게시물 카드보다 더 넓은 폭을 줍니다. 이 비대칭은 추이를 우선시하면서 옆에 게시 사례 하나를 둡니다. 그라디언트 썸네일은 CSS로 만든 시각 요소이며 사진이나 실제 캠페인의 증거가 아닙니다.

여러 보고 기간이 함께 존재합니다. 툴바는 30D를 강조하고, 헤드라인은 이번 주를 말하며, 좋아요와 리포스트는 7D, 팔로워 카드는 30D입니다. 기간 버튼에는 필터링 핸들러가 없습니다. 따라서 이를 서로 다르게 표기된 샘플 보기로 이해해야 하며, 툴바 선택 하나가 모든 패널을 다시 계산한다고 추정해서는 안 됩니다.

오디언스, 계획, 전환 질문 분리하기

이 워크스페이스는 도달에서 멈추지 않습니다. 예정 + 초안 패널은 예약 2건, 초안 1건, 아이디어 1건을 구분하며, 옆의 경쟁사 표에는 이름이 있는 샘플 행 4개가 있습니다. 이러한 계획 상태 옆에는 좋아요 64%, 댓글 19%, 리포스트 12%, 저장 5%로 나뉜 주간 참여 구성이 놓입니다. 합계는 100%이지만 측정 기준은 제시되어 있지 않습니다.

이후 패널은 질문을 더 좁힙니다. 시간대별 라인은 UTC+8 기준 00부터 22까지 2시간 간격의 12개 위치를 사용하고, 감성 링은 긍정, 중립, 부정을 58%, 28%, 14%로 나눕니다. 옆의 히트맵은 색 강도를 무작위로 정한 72개 칸을 만듭니다. 그 색은 장식적인 샘플 변화일 뿐 오디언스가 언제 활동 가능한지를 측정해 설명하는 것이 아닙니다.

전환 패널은 노출 4.2M, 프로필 방문 428K, 구독 49K, 유료 리드 8.2K로 표기합니다. 직접 정한 막대 너비는 100%, 41%, 24%, 11%이며 이 건수에서 도출한 비율이 아닙니다. 건수 라벨과 막대를 함께 두면 제안된 퍼널을 읽기 쉽지만, 그 너비를 실제 전환율로 해석해서는 안 됩니다.

포인트를 검사하고 구간을 비교하기

고정형 검사 스트립은 현재 포커스, 고정된 포인트, 활성 구간, A/B 비교라는 네 가지 역할을 구분해 유지합니다. 덕분에 포인터 움직임이 차트마다 따로 떨어진 툴팁이 아니라 눈에 보이는 맥락이 됩니다. 시간대별, 응답, 비율, 코호트 라인에서는 호버하면 가까운 샘플 포인트가 식별되고 클릭하면 고정됩니다. 포커스된 캔버스에서는 화살표 키로 핀을 옮길 수도 있고, Escape는 해당 로컬 선택을 해제합니다.

라인을 드래그하면 구간이 선택되고 평균, 최고, 최저가 계산됩니다. Shift-드래그는 최대 4개 구간을 저장하며, A/B 라벨은 마지막 두 구간을 평균과 변동성 차이로 비교합니다. 이는 선택된 샘플 값의 로컬 수치 비교이지 실험군 배정, 유의성 검정, 측정된 인과적 상승이 아닙니다. 터치 핸들러는 포인트 고정과 활성 구간 검사를 지원하지만 마우스 Shift-드래그로 구간을 저장하는 경로는 구현하지 않습니다.

하단의 Revenue vs Content Cost 패널은 x로 표기된 단일 비율 계열이며 W1–W7에 걸쳐 1.2에서 2.4까지 변합니다. 매출과 비용의 별도 라인이나 금액 합계가 아닙니다. 코호트 리텐션은 명시적 날짜 대신 C1–C7 라벨을 씁니다. 둘 다 제안된 분석 관계를 보여 줄 수는 있지만, 수익성이나 리텐션을 평가하는 데 쓰려면 실제 데이터로 정의를 갖춰야 합니다.

1. 샘플 맥락 파악하기

   더 깊은 패널을 해석하기 전에 활성 네트워크 헤드라인과 KPI 행을 읽으세요. 4개 네트워크 요약은 활성 스냅샷과 별개로 유지됩니다.

2. 특정 값 검사하기

   로컬 라인 차트의 포인트에 호버하거나 고정하고, 그 라벨이 지속되는 인사이트 스트립으로 이어지는 것을 따라가세요. 이 인터랙션은 외부 데이터를 가져오지 않습니다.

3. 선택 구간 비교하기

   데스크톱 Shift-드래그 구간으로 로컬 평균과 변동성을 비교하되, 구간 비교를 실험적 근거와 분리해 두세요.

로컬 프로토타입 동작과 데이터 한계

소스는 테마 전환, 캔버스 검사, 3.6초마다 샘플 네트워크를 자동으로 순환하는 기능을 구현합니다. 순환은 헤드라인, KPI 카드, 팔로워 합계, 주요 게시물을 갱신하지만, 더 깊은 고정 배열, 초안, 벤치마크, 퍼널은 플랫폼별 데이터셋으로 바뀌지 않습니다. 숫자 트위닝은 중간 값을 잠시 보여 줍니다. 애니메이션도, Live overview 라벨도 실시간 피드, 저장된 계정 연결, 검증된 크로스 플랫폼 측정을 입증하지 않습니다.

Export report, Auto-summary, New post, 기간 버튼은 보이지만 동작 핸들러가 없고, 쿼리처럼 보이는 스트립은 작동하는 입력창이 아니라 div입니다. 소스에는 플랫폼 API, 게시 서비스, 리포트 백엔드가 없습니다. 호버 기준선 비교는 현재 계열의 평균을 사용하므로, 그 라벨이 전년 대비 코호트 비교를 입증하지 않습니다. 공식 번들 라이선스 역시 화면에 나온 모든 이름이나 주장에 대한 권리를 검증하지 않습니다.