페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.


지점별 또는 부서별 KPI를 한 눈에 비교할 수 있는 레이아웃입니다.

 light-on (on) 레이아웃 구조


(star) 적용 사례


  • 부서별 실적 현황
















(정보) 레이아웃 활용 팁


  • KPI 카드 구성
    • 분류 : 하나의 대주제 안에서 세부 항목으로 구성합니다.
      예) 제품 A,B,C,D... / 본부 A,B,C,D... / 지점 A,B,C,D... 

    • 지표가 6개 미만일 경우, 카드 너비를 넓혀 여백을 최소화 하세요.
      지표가 6개 초과일 경우, 주요 지표만 선별해서 노출하는 것을 권장합니다.

    • Main KPI : 해당 카드의 주제가 되는 핵심 결과값(예: 총 매출액)을 배치합니다.

    • Sub KPI 1 & 2 : 메인 지표를 뒷받침하거나 설명하는 값을 배치합니다.
      예) Sub KPI 1 - 전월 대비 증감률(%), 목표 달성률(%)
            Sub KPI 2 - 전월 매출액, 목표액

  • 차트 영역
    • 좌측 차트 : 선택한 KPI의 추이를 확인할 수 있습니다. (막대 + 선 복합 차트 추천)

    • 우측 차트 : 범주별 비교 차트 영역입니다. 해당 KPI를 구성하는 요소들(상품별, 지역별, 부서별 등) 간의 차이를 비교하여 실적의 원인을 찾을 수 있습니다.

  • 차트와 그리드의 상호보완적 배치
    • 우측 하단 영역은 상위 차트에서 확인한 데이터의 구체적인 수치를 검증하는 용도로 활용하세요.
      차트는 데이터의 경향을 빠르게 보여주지만, 정확한 값을 읽기는 어렵습니다. 바로 아래에 그리드를 배치하여 차트의 데이터를 표 형태로 제공합니다.