12CODE
지금 읽는 곳 스코어카드는 왜 대시보드 최상단에 두나 1 / 5
12code 라이브러리 아티클 표지. 스코어카드 및 대화형 필터(Controls) 배치: 대시보드 최상단에 기간 선택 도구, 매체 선택 필터를 배치해 임원진이 직접 조회 가능한 UX 설계

스코어카드 및 대화형 필터(Controls) 배치: 대시보드 최상단에 기간 선택 도구, 매체 선택 필터를 배치해 임원진이 직접 조회 가능한 UX 설계

담당자에게 매번 "이번 달 말고 지난달 것도 보여줘"라고 요청하지 않아도, 임원진이 직접 화면에서 기간과 매체를 바꿔가며 조회할 수 있게 만드는 설계입니다.

이 과목 04 / 12편 중급 3분
과목 ID87
트랙STEP 2 중급·실무
모듈2-4. 데이터 분석·퍼포먼스 테크
레슨04
난이도중급
플랫폼구글 Looker Studio
발행일2026-08-29
검토일2026-08-29
관련 과목81 · 83 · 84
출처2건
핵심요약5개
01

스코어카드는 하나의 숫자를 크게 강조해 보여주는 차트로, 대시보드 최상단 요약 영역에 주로 쓴다

02

대화형 필터(Controls)는 기간, 매체, 캠페인 등 기준값을 보는 사람이 직접 바꿀 수 있게 하는 컨트롤이다

03

기간 선택 컨트롤을 넣으면 담당자를 거치지 않고도 임원진이 원하는 기간의 숫자를 즉시 확인할 수 있다

04

필터는 페이지 전체에 적용할지, 특정 차트에만 적용할지 범위를 지정할 수 있다

05

필터가 너무 많아지면 오히려 조회가 번거로워지므로, 실제로 자주 바뀌는 기준값 위주로 최소한만 배치한다

01

스코어카드는 왜 대시보드 최상단에 두나

사람이 대시보드를 열었을 때 가장 먼저 눈이 가는 곳은 화면 상단입니다. 이 자리에 표나 복잡한 그래프 대신 스코어카드(단일 숫자를 크게 강조하는 차트)를 배치하면, 보는 사람이 세부 내용을 뜯어보기 전에 "지금 상황이 좋은가 나쁜가"를 3초 안에 파악할 수 있습니다.

스코어카드에는 보통 현재 값과 함께 이전 기간 대비 증감률을 함께 표시합니다. 예를 들어 "전환수 1,240 (▲12%)"처럼 절대값과 추세를 동시에 보여주면, 숫자 자체를 처음 보는 사람도 맥락 없이 방향성을 이해할 수 있습니다. 마케팅 대시보드라면 사용자, 전환수, 광고비, ROAS 4개 정도를 스코어카드로 상단에 나란히 배치하는 구성이 흔히 쓰입니다.

02

대화형 필터는 어떤 문제를 해결하나

대화형 필터(Controls) 없이 만든 대시보드는 기간이나 매체가 고정돼 있어서, 다른 조건으로 보고 싶을 때마다 담당자가 직접 편집 화면에 들어가 조건을 바꿔줘야 합니다. 대표님이 "지난 분기랑 비교해서 보여줘"라고 요청할 때마다 담당자가 화면을 다시 만져야 한다면, 대시보드를 만든 의미가 절반은 사라지는 셈입니다.

루커 스튜디오는 기간 선택 도구(Date Range Control), 드롭다운 목록, 데이터 제어 등 여러 형태의 필터 컨트롤을 제공합니다. 이 컨트롤을 화면에 배치해두면, 보는 사람이 직접 캘린더에서 기간을 클릭하거나 드롭다운에서 매체를 선택해 화면의 모든 차트가 그 조건에 맞춰 즉시 다시 계산되는 구조를 만들 수 있습니다. 담당자를 거치지 않고 임원진 스스로 원하는 조건을 조회할 수 있게 되는 것입니다.

03

기간 선택과 매체 선택 필터는 어떻게 배치하나

기간 선택 도구는 대시보드 최상단, 스코어카드 바로 위나 옆에 배치하는 것이 일반적입니다. 이 컨트롤 하나를 페이지 전체 범위로 적용하면, 페이지 안의 모든 차트가 선택한 기간에 맞춰 동시에 갱신됩니다. 별도 설정 없이 기본값으로 '지난 28일'이나 '이번 달' 정도를 지정해두면, 처음 여는 사람도 굳이 기간을 조작하지 않고 바로 최근 성과를 볼 수 있습니다.

매체 선택 필터는 드롭다운 목록 형태의 컨트롤로 만들며, 채널 그룹이나 캠페인 소스 같은 차원을 필터 기준으로 지정합니다. 이렇게 하면 "메타만 보고 싶다", "네이버만 보고 싶다"처럼 특정 매체로 좁혀서 보는 조회가 가능해집니다. 매체 필터는 보통 기간 필터 옆에 나란히 배치해, 두 조건을 조합해 조회하는 흐름을 자연스럽게 만듭니다.

04

필터 적용 범위는 어떻게 정해야 하나

필터를 배치할 때는 그 필터가 페이지 전체에 적용될지, 특정 차트 몇 개에만 적용될지 범위를 지정해야 합니다. 페이지 안에 서로 다른 성격의 섹션(예: GA4 성과 섹션과 광고비 섹션)이 있다면, 하나의 필터를 페이지 전체에 걸어 두 섹션이 동시에 다른 조건을 갖게 되는 상황을 막아야 할 때도 있습니다. 이럴 때는 필터의 적용 범위를 특정 차트 그룹으로 좁혀 설정합니다.

필터 개수는 많다고 좋은 게 아닙니다. 실제로 자주 바뀌는 기준값(기간, 매체 정도)만 필터로 남기고, 거의 안 바뀌는 조건은 아예 필터 없이 고정값으로 두는 편이 오히려 사용성이 좋습니다. 필터가 5개, 6개로 늘어나면 조회하는 사람이 매번 여러 개를 다시 선택해야 해서, 결과적으로 담당자에게 다시 요청하는 옛 방식으로 돌아가 버리기 쉽습니다.

05

임원진이 필터를 스스로 쓰게 하려면 어떤 준비가 더 필요한가

필터를 배치했다고 곧바로 잘 쓰이는 건 아닙니다. 대시보드를 처음 공유할 때 담당자가 5분 정도 화면을 함께 보며 "여기서 기간을 바꾸면 아래 숫자가 다 같이 바뀝니다"처럼 짧게 안내하는 과정이 실제 활용도를 크게 좌우합니다. 필터 컨트롤 옆에 작은 텍스트 상자로 "기간·매체를 선택하면 전체 화면이 갱신됩니다"라는 안내 문구를 넣어두는 것도 별도 설명 없이도 스스로 조작하게 만드는 데 도움이 됩니다.

또한 필터의 기본값 설정이 중요합니다. 대시보드를 열 때마다 기간이 '전체 기간'으로 초기화돼 있으면 데이터가 너무 많아 로딩이 느려지고, 최근 성과를 보려는 목적과도 맞지 않습니다. 기본값을 '지난 28일'이나 '이번 달'처럼 실무에서 가장 자주 확인하는 기간으로 미리 지정해두면, 별다른 조작 없이 열자마자 원하는 화면을 볼 수 있습니다.

필터 하나를 새로 추가할 때마다 "이걸 실제로 매주 바꿔가며 볼 사람이 있는가"를 스스로 물어보는 습관도 필요합니다. 답이 애매하다면 필터로 만들지 않고 고정된 조건으로 두는 편이, 화면을 더 단순하고 빠르게 유지하는 길입니다.

다음 행동

현재 만든 대시보드 최상단에 기간 선택 컨트롤 1개와 매체 선택 드롭다운 1개만 우선 배치해보고, 페이지 전체 차트가 정상적으로 함께 갱신되는지 확인해보세요. 필터가 잘 작동하면 그다음에 필요한 만큼만 추가하는 순서가 안전합니다.

다음 글 · 레슨 05→대형 브랜드의 선택 '빅쿼리(BigQuery)' 연동: GA4 로우 데이터를 구글 클라우드 빅쿼리로 매일 자동 익스포트하는 인프라 파이프라인 개설

← 이전 글 · 레슨 03 루커 스튜디오 '데이터 혼합(Data Blending)' 기술: 메타 광고비 엑셀 데이터와 GA4 전환 데이터를 'UTM 캠페인 명' 기준으로 결합해 리얼 ROAS 뽑기

출처

facts 항목 기준 · 본문 인라인 미표기2건
F-01Looker Studio 고객센터 — About connectors, data sources, and credentials업계
F-02Looker Studio 고객센터 — About calculated fieldssupport.google.com/looker-studio/answer/6299685공식

플랫폼 기능·심의 기준·가격·법률은 바뀝니다. 이 글은 2026-08-29에 위 출처를 기준으로 확인했습니다.

CHALLENGE

배운 걸 실전 문제로 확인

카테고리별 Level Test로 실무 레벨을 점검해보세요.

챌린지 보기 →
이 과목의 게시글12편
01실시간 마케팅 대시보드의 세계: 구글 루커 스튜디오(Looker Studio, 구 데이터 스튜디오)의 기본 인터페이스와 데이터 소스 연결법02루커 스튜디오-GA4 다이렉트 커넥터 연동: 복잡한 GA4 대시보드를 거치지 않고 주요 지표(사용자, 세션, 전환)를 차트화하는 대시보드 기획03루커 스튜디오 '데이터 혼합(Data Blending)' 기술: 메타 광고비 엑셀 데이터와 GA4 전환 데이터를 'UTM 캠페인 명' 기준으로 결합해 리얼 ROAS 뽑기04스코어카드 및 대화형 필터(Controls) 배치: 대시보드 최상단에 기간 선택 도구, 매체 선택 필터를 배치해 임원진이 직접 조회 가능한 UX 설계05대형 브랜드의 선택 '빅쿼리(BigQuery)' 연동: GA4 로우 데이터를 구글 클라우드 빅쿼리로 매일 자동 익스포트하는 인프라 파이프라인 개설06마케터를 위한 기초 SQL 쿼리문 마스터: 빅쿼리에 쌓인 수천만 행의 이벤트 데이터 중 "지난달 특정 상품 구매 유저"만 초고속 추출하기07빅쿼리-루커 스튜디오 고속 연동: GA4 API 호출 제한(Quota Limit)으로 인해 루커 스튜디오 차트가 깨지는 오류를 빅쿼리 SQL 연동으로 완벽 해결08크로스 채널 데이터 시각화 시트 짜기: 구글 Ads, 메타 광고, 네이버 검색광고 데이터를 루커 스튜디오 한 화면에 모은 종합 미디어보드 디자인09맞춤 수식 계산(Calculated Fields): 루커 스튜디오 대시보드 내부에서 [매출액 / 광고비 * 100] 수식을 입력해 실시간 ROAS 막대그래프 구현10트러블슈팅: 데이터 소스 업데이트 지연 또는 연결 끊김('데이터 구성 오류') 발생 시 소스 스키마 재동기화 및 캐시 정정 가이드11이메일 자동 정기 배포 시스템: 매주 월요일 오전 9시, 전 주 마케팅 성과 대시보드 화면이 대표님/광고주 메일로 PDF 자동 발송되는 예약 세팅12BI 시각화 자산 관리: 대시보드 템플릿 레이아웃(디자인 컴포넌트)을 자산화하여 신규 클라이언트/브랜드 런칭 시 즉각 커스텀 이식하는 루틴 과목 전체 보기 →

MKT TOOLS

실무자를 위한 무료 도구

카피 글자수 검사, CPC·ROAS 계산기, UTM 생성기까지.

워크스페이스 열기 →