카테고리 없음

8주차 TIL - 태블로 대시보드 구성 요소

게임취업하고싶은 사람 2025. 2. 18. 20:12

대시보드 설계와 구성 요약

1. 학습 목표

  • 대시보드의 목적과 지표를 설정하는 방법을 익히고, 전체적인 설계 프로세스를 학습.

2. 대시보드 구축 프로세스

  1. 대시보드 뷰어 및 목적 선정 – 대상 사용자와 목적을 정의.
  2. 문제 정의 – 해결하려는 문제와 대시보드의 활용 목적을 명확히 설정.
  3. 데이터 선정 및 데이터 마트 구축 – 필요한 데이터(매출, 고객 등)를 선택.
  4. 지표 선정 – 핵심 성과 지표(KPI)를 결정.
  5. 스케치 – 레이아웃 및 색상 강조 방안 설정.
  6. 시각화 – 적절한 그래프 및 시각적 요소 적용.
  7. 대시보드 완성 – 최종 구성 완료.
  8. 의사결정 및 액션 도출 – 대시보드 활용 방안 도출.
  9. 배포 및 권한 설정 – 뷰어 권한 관리 및 대시보드 공유.

3. 지표 정의 및 선정

  • 산업별로 적합한 지표 선정이 중요(예: 이커머스, 모빌리티 등).
  • 메트릭 하이라키 개념 활용(비즈니스와 프로덕트를 연결하는 지표 계층 구조).

4. 대시보드 기본 기능

  • 바둑판식 기능: 컨테이너가 겹치지 않고 크기가 자동 조정됨.
  • 부동 기능: 다른 뷰와 겹칠 수 있음.
  • 피그마와 부동 기능 활용: 보다 전문적인 대시보드 디자인 가능.
  • 레이아웃 설정:
    • 일관된 그리드 및 여백 설정.
    • 크기 설정: 데스크톱, 태블릿, 모바일 버전에 맞춰 최적화.

5. 대시보드 설계

  • 구성 방식:
    • 계층 구조화: 주요 지표를 상단에 배치.
    • Z 패턴: 사용자의 시각적 이동 경로를 고려해 가장 중요한 정보를 왼쪽 상단에 배치.
  • 스케치:
    • 태블로, 종이, PPT 등을 활용해 초안을 작성 후 검토.
  • 전주의적 속성:
    • 정보가 직관적으로 파악되도록 시각적 요소(방향, 길이, 색상 등) 활용.
  • 컬러 선정:
    • RGB 색상 조합을 활용해 가독성 높은 디자인 적용.
    • 특정 정보 강조를 위해 컬러 조합 툴(예: Canva, Color-hex, Colormind) 사용.

결론

대시보드 설계는 목적 설정 → 데이터 선정 → 시각화 → 배포의 과정을 거쳐야 하며

사용자 경험을 고려한 일관된 레이아웃, 적절한 색상 활용, 효과적인 시각화가 핵심.