지금 읽는 곳스코어카드는 왜 대시보드 최상단에 두나목차
STEP 2 중급·실무 › 2-4. 데이터 분석·퍼포먼스 테크 › 과목 87 › 레슨 04
스코어카드 및 대화형 필터(Controls) 배치: 대시보드 최상단에 기간 선택 도구, 매체 선택 필터를 배치해 임원진이 직접 조회 가능한 UX 설계
담당자에게 매번 "이번 달 말고 지난달 것도 보여줘"라고 요청하지 않아도, 임원진이 직접 화면에서 기간과 매체를 바꿔가며 조회할 수 있게 만드는 설계입니다.
핵심요약
- 스코어카드는 하나의 숫자를 크게 강조해 보여주는 차트로, 대시보드 최상단 요약 영역에 주로 쓴다
- 대화형 필터(Controls)는 기간, 매체, 캠페인 등 기준값을 보는 사람이 직접 바꿀 수 있게 하는 컨트롤이다
- 기간 선택 컨트롤을 넣으면 담당자를 거치지 않고도 임원진이 원하는 기간의 숫자를 즉시 확인할 수 있다
- 필터는 페이지 전체에 적용할지, 특정 차트에만 적용할지 범위를 지정할 수 있다
- 필터가 너무 많아지면 오히려 조회가 번거로워지므로, 실제로 자주 바뀌는 기준값 위주로 최소한만 배치한다
스코어카드는 왜 대시보드 최상단에 두나
사람이 대시보드를 열었을 때 가장 먼저 눈이 가는 곳은 화면 상단입니다. 이 자리에 표나 복잡한 그래프 대신 스코어카드(단일 숫자를 크게 강조하는 차트)를 배치하면, 보는 사람이 세부 내용을 뜯어보기 전에 "지금 상황이 좋은가 나쁜가"를 3초 안에 파악할 수 있습니다.
스코어카드에는 보통 현재 값과 함께 이전 기간 대비 증감률을 함께 표시합니다. 예를 들어 "전환수 1,240 (▲12%)"처럼 절대값과 추세를 동시에 보여주면, 숫자 자체를 처음 보는 사람도 맥락 없이 방향성을 이해할 수 있습니다. 마케팅 대시보드라면 사용자, 전환수, 광고비, ROAS 4개 정도를 스코어카드로 상단에 나란히 배치하는 구성이 흔히 쓰입니다.
대화형 필터는 어떤 문제를 해결하나
대화형 필터(Controls) 없이 만든 대시보드는 기간이나 매체가 고정돼 있어서, 다른 조건으로 보고 싶을 때마다 담당자가 직접 편집 화면에 들어가 조건을 바꿔줘야 합니다. 대표님이 "지난 분기랑 비교해서 보여줘"라고 요청할 때마다 담당자가 화면을 다시 만져야 한다면, 대시보드를 만든 의미가 절반은 사라지는 셈입니다.
루커 스튜디오는 기간 선택 도구(Date Range Control), 드롭다운 목록, 데이터 제어 등 여러 형태의 필터 컨트롤을 제공합니다. 이 컨트롤을 화면에 배치해두면, 보는 사람이 직접 캘린더에서 기간을 클릭하거나 드롭다운에서 매체를 선택해 화면의 모든 차트가 그 조건에 맞춰 즉시 다시 계산되는 구조를 만들 수 있습니다. 담당자를 거치지 않고 임원진 스스로 원하는 조건을 조회할 수 있게 되는 것입니다.
기간 선택과 매체 선택 필터는 어떻게 배치하나
기간 선택 도구는 대시보드 최상단, 스코어카드 바로 위나 옆에 배치하는 것이 일반적입니다. 이 컨트롤 하나를 페이지 전체 범위로 적용하면, 페이지 안의 모든 차트가 선택한 기간에 맞춰 동시에 갱신됩니다. 별도 설정 없이 기본값으로 '지난 28일'이나 '이번 달' 정도를 지정해두면, 처음 여는 사람도 굳이 기간을 조작하지 않고 바로 최근 성과를 볼 수 있습니다.
매체 선택 필터는 드롭다운 목록 형태의 컨트롤로 만들며, 채널 그룹이나 캠페인 소스 같은 차원을 필터 기준으로 지정합니다. 이렇게 하면 "메타만 보고 싶다", "네이버만 보고 싶다"처럼 특정 매체로 좁혀서 보는 조회가 가능해집니다. 매체 필터는 보통 기간 필터 옆에 나란히 배치해, 두 조건을 조합해 조회하는 흐름을 자연스럽게 만듭니다.
필터 적용 범위는 어떻게 정해야 하나
필터를 배치할 때는 그 필터가 페이지 전체에 적용될지, 특정 차트 몇 개에만 적용될지 범위를 지정해야 합니다. 페이지 안에 서로 다른 성격의 섹션(예: GA4 성과 섹션과 광고비 섹션)이 있다면, 하나의 필터를 페이지 전체에 걸어 두 섹션이 동시에 다른 조건을 갖게 되는 상황을 막아야 할 때도 있습니다. 이럴 때는 필터의 적용 범위를 특정 차트 그룹으로 좁혀 설정합니다.
필터 개수는 많다고 좋은 게 아닙니다. 실제로 자주 바뀌는 기준값(기간, 매체 정도)만 필터로 남기고, 거의 안 바뀌는 조건은 아예 필터 없이 고정값으로 두는 편이 오히려 사용성이 좋습니다. 필터가 5개, 6개로 늘어나면 조회하는 사람이 매번 여러 개를 다시 선택해야 해서, 결과적으로 담당자에게 다시 요청하는 옛 방식으로 돌아가 버리기 쉽습니다.
임원진이 필터를 스스로 쓰게 하려면 어떤 준비가 더 필요한가
필터를 배치했다고 곧바로 잘 쓰이는 건 아닙니다. 대시보드를 처음 공유할 때 담당자가 5분 정도 화면을 함께 보며 "여기서 기간을 바꾸면 아래 숫자가 다 같이 바뀝니다"처럼 짧게 안내하는 과정이 실제 활용도를 크게 좌우합니다. 필터 컨트롤 옆에 작은 텍스트 상자로 "기간·매체를 선택하면 전체 화면이 갱신됩니다"라는 안내 문구를 넣어두는 것도 별도 설명 없이도 스스로 조작하게 만드는 데 도움이 됩니다.
또한 필터의 기본값 설정이 중요합니다. 대시보드를 열 때마다 기간이 '전체 기간'으로 초기화돼 있으면 데이터가 너무 많아 로딩이 느려지고, 최근 성과를 보려는 목적과도 맞지 않습니다. 기본값을 '지난 28일'이나 '이번 달'처럼 실무에서 가장 자주 확인하는 기간으로 미리 지정해두면, 별다른 조작 없이 열자마자 원하는 화면을 볼 수 있습니다.
필터 하나를 새로 추가할 때마다 "이걸 실제로 매주 바꿔가며 볼 사람이 있는가"를 스스로 물어보는 습관도 필요합니다. 답이 애매하다면 필터로 만들지 않고 고정된 조건으로 두는 편이, 화면을 더 단순하고 빠르게 유지하는 길입니다.