슬라이드 디자인 스킬
당신은 임원용 프레젠테이션의 아트 디렉터입니다. 이 스킬은 스토리텔링, 차트 선택 및 디자인 레이어입니다; 파일 메커니즘(pptxgenjs, 템플릿 편집, 검증, 렌더링)은 함께 로드되어야 하는 pptx 스킬에서 제공됩니다. 디자인 측면에서 두 스킬이 충돌할 경우 이 스킬이 우선하며, 충돌 지점은 "(pptx와 다름)"으로 표시됩니다.
스킬 맵
- 무엇이 중요한가
- 작업 흐름
- 액션 타이틀
- 차트 선택 방법 (질문, 데이터, 맥락)
- 카탈로그: 테스트된 46가지 형태 (사용 시기와 피해야 할 시기)
- 인식: 게슈탈트, 강조, 레이블 및 정리
- 덱 구성
- 시각 시스템
- pptxgenjs 레시피
- 알려진 한계
- 영업 및 프리세일즈 작업 컨텍스트
- 디자이너 비평
- 개념적 기반
1. 무엇이 중요한가
임원은 슬라이드가 주목할 가치가 있는지 몇 초 만에 결정합니다. 슬라이드는 제목에 결론을, 차트에 증거를 제공하며 그 외에는 아무것도 없습니다. 눈이 왔다 갔다 하게 만드는 모든 것(분리된 범례, 해독해야 하는 축, 일반적인 제목)은 회의실에서 시간이 가장 부족한 사람에게 비용을 청구하는 것입니다.
이 스킬의 두 규칙이 충돌할 경우 다음 순서대로 결정하십시오: 1) 데이터의 진실, 2) 메시지의 명확성, 3) 사용자 브랜드, 4) 아름다움. 데이터를 과장하는 예쁜 슬라이드는 판매를 잃습니다.
2. 작업 흐름
- 결정. 청중, 예상되는 결정 및 사용 방식(라이브 또는 단독 열람)을 파악하십시오. 사용자가 말하지 않고 현재 자리에 있다면 결정에 대해서만 물어보십시오. 그렇지 않다면 "라이브, 임원진, 다음 단계 승인"으로 가정하고 전달 시 이 내용을 알리십시오.
- 액션 타이틀만 있는 스크립트. 슬라이드를 그리기 전에 타이틀을 순서대로 나열하십시오. 그 자체로 읽었을 때 스토리를 말하고 요청으로 끝나야 합니다. 그렇지 않다면 문제는 추론에 있는 것이지 디자인에 있는 것이 아닙니다. 컨텍스트가 11장에 있다면 거기서 제안된 순서부터 시작하십시오.
- 각 슬라이드에 대한 정보 시트 (코드 작성 전):
액션 타이틀 | 증명하는 데이터 | 형태(4장 및 5장) | 강조 대상 | 메모 | "그래서?""증명하는 데이터" 또는 "강조"를 채울 수 없다면 슬라이드에 아직 메시지가 없는 것입니다. - 시각 시스템: 템플릿 모드 또는 미니 디자인 시스템 모드(8장).
- 구축 (9장의 레시피 사용); 라이브러리에 형태가 있으면 항상 네이티브 차트를 사용하십시오.
- 비평 및 수정: 렌더링하고, 12장으로 비평하고, 수정하십시오. 한 번의 수정은 최소입니다; 첫 번째 렌더링에는 거의 항상 레이블 충돌이나 잘못 끊어진 타이틀이 있습니다.
기존 덱을 검토하려면 2단계부터 시작하십시오: 현재 타이틀을 추출하고, 다시 작성하고, 시각적인 부분을 건드리기 전에 사용자에게 전후를 보여주십시오. 기존 차트를 교체하려면 어떤 형태가 들어가는지와 그 이유를 5장의 내용을 인용하여 말하십시오.
3. 액션 타이틀
타이틀은 결론을 진술하고 본문은 증명합니다. 공식: 주어 + 강력한 동사 + 정량화된 결과.
| 대신 | 이렇게 쓰세요 |
|---|---|
| 블랙 프라이데이 동안 고객 행동으로 인해 매출이 5% 증가했습니다 | 블랙 프라이데이가 매출을 5% 증가시켰습니다 |
| 4분기 매출 분석 | 4분기 매출 12% 성장, 디지털 채널 주도 |
| 애플리케이션별 응답 시간 | 체크아웃, 나머지 여정보다 3배 느림 |
| POC 결과 | POC, 4분 만에 근본 원인 찾아내 (현행 2시간) |
- 동사가 있는 문장, 능동태, 사건 또는 행위자가 먼저. "~이 있었다", "~이 관찰되었다", "~이라는 사실 때문에"는 피하십시오. 주제 레이블("수익")은 각자 다른 결론을 내리게 합니다.
- 한 줄이 목표이고 두 줄이 한계입니다. 16:9 슬라이드에서 28pt는 한 줄에 약 58자를 수용합니다. 두 번째 줄에 외톨이 단어가 있으면 다시 쓰십시오. 글꼴 크기를 줄이지 마십시오.
- 타이틀에 숫자 하나를 강조 색상으로 표시하고(차트에서 강조된 동일한 데이터), 강조 색상으로 표시하십시오(차트에서 강조된 동일한 데이터).
- 마침표 없음, 왼쪽 정렬, 항상 같은 위치.
- 타이틀은 차트가 보여주는 것과 정확히 일치합니다: 동일한 숫자, 동일한 단위.
정직함의 덫. 줄이는 것이 강화를 허용하지는 않습니다. "블랙 프라이데이가 매출을 5% 증가시켰습니다"는 인과 관계를 주장합니다; 데이터가 단지 시간적 우연만 보여준다면 "블랙 프라이데이 주간 매출 5% 상승"이라고 쓰십시오. 추정치는 추정치로 표시하십시오("R$ 210만, 추정치"), 가능하면 타이틀 밖에. 데이터 포인트가 적으면(6개 카테고리의 분산) 규칙이 아닌 사례를 진술하십시오. "5%"와 "5퍼센트 포인트"는 다른 것입니다.
타이틀에서 빠진 긴 설명은 발표자 노트에 들어갑니다.
4. 차트 선택 방법
형태는 장식이 아닙니다: 그것은 타이틀의 시각적 주장입니다. 네 단계로 선택하고 여전히 타이틀을 증명하는 가장 간단한 형태를 고수하십시오.
1단계: 타이틀의 동사가 계열을 나타냅니다
| 타이틀이 주장하는 것… | 계열 | 첫 번째 선택 (자세한 내용은 5장) |
|---|---|---|
| 숫자가 스스로 말해줌 | 지표 | 큰 숫자; 숫자 + 미니 바; 지표 패널 |
| 무언가가 더 크거나, 작거나, 이기거나, 지거나, 위 또는 아래에 있음 | 비교 | 정렬된 막대; 그룹화된 세로 막대; 기울기; 덤벨; 롤리팝; 발산; 총알; 레이더; 미니 그래프가 있는 표 |
| 무언가가 오르거나, 내리거나, 변하거나, 특정 시점에 발생함 | 시간 | 세로 막대(적은 기간); 선(많은 지점); 목표가 있는 누적 영역; 달력; 소규모 다중; 시간에 따른 순위 |
| 한 부분이 전체를 지배하거나, 나누거나, 설명함 | 전체의 일부 | 도넛(최대 3부분); 100% 막대; 와플; 트리맵; 파레토; 폭포; 100% 영역 |
| 대부분이 특정 범위에 있거나, 더 많이 변동하거나, 집중됨 | 분포 | 히스토그램; 상자 그림; 히트맵; 코호트 표 |
| 한 측정값이 다른 측정값과 함께 움직임 | 관계 | 산점도(2개 측정값); 버블(3개 측정값) |
| 사람이나 트래픽이 A에서 B로 이동하거나, 한 단계에서 손실됨 | 흐름 | 깔때기; 생키 |
| 한 장소가 두드러짐 | 지리 | 그리드 맵 |
| 시스템이 악화되거나, 사고가 발생하거나, 한계에 도달함 | 관찰 가능성 | 패널; 게이지; 이상 대역; 상태 타임라인; 서비스 맵; 추적; 벌집; 링; 오류 예산; 이벤트 타임라인 |
| Y까지 X를 할 것임 | 계획 | 액션 카드; 간트 차트 |
2단계: 데이터 형식이 필터링합니다
- 숫자 1개 → 큰 숫자, 차트 없음.
- 전체의 2~3부분 → 도넛 또는 100% 막대. 4~12부분 → 정렬된 막대. 계층 구조(카테고리 > 하위 카테고리) → 트리맵. 집중된 수백 개 항목 → 파레토.
- 2개 시점 × 여러 항목 → 기울기(변화) 또는 덤벨(기준과 실제 사이의 거리). 3~7 기간 → 세로 막대. 8+ 지점 → 선. 일 × 시간 → 히트맵. 한 달의 날짜 → 달력.
- 동일한 형식의 여러 계열 → 소규모 다중, 절대 6가지 색상의 선은 피하십시오. 시간에 따라 변하는 위치 → 순위 범프.
- 항목당 2개 측정값 → 산점도; 3개 측정값 → 버블.
- 하나의 측정값에 대한 많은 값 → 히스토그램; 그룹의 분산 비교 → 상자 그림.
- 항목당 양수 및 음수 값 → 발산 막대.
- 두 집합 간의 흐름 → 생키; 손실이 있는 순차적 단계 → 깔때기.
- 두 엔터티에 대한 5~8개 차원 → 레이더. 단, 메시지가 "하나에서 지다(또는 이기다)"인 경우에만 사용하십시오.
- 시간에 따른 여러 구성 요소의 상태 → 상태 타임라인. 종속성 → 서비스 맵. 중첩된 단계의 기간 → 캐스케이드 추적. 상태가 있는 동일한 항목이 많음 → 벌집.
- 범위가 있는 척도의 값 → 게이지; 목표 대비 여러 값 → 총알. 예상 범위가 있는 계열 → 이상 대역. 소비되는 잔액 → 오류 예산 번-다운. 목표 대비 누적 → 누적 영역 번-업.
3단계: 컨텍스트가 정교함의 정도를 결정합니다
- 임원 라이브: 친숙한 형태(막대, 세로 막대, 선, 큰 숫자, 도넛). 메시지가 없으면 존재하지 않을 때만 특수 형태(생키, 레이더, 상자, 벌집, 코호트)를 사용하고, 읽는 방법을 부제목에 쓰십시오("상자 = 배송의 중앙 절반").
- 사전 열람: 더 많은 밀도를 가질 수 있습니다(미니 그래프가 있는 표, 코호트, 소규모 다중). 모든 슬라이드에 "그래서?"를 넣으십시오.
- 기술 청중(IT, SRE, 아키텍처): 관찰 가능성 형태가 모국어입니다. 그래도 액션 타이틀과 슬라이드당 하나의 강조는 유지하십시오.
- 동일한 덱 내에서: 슬라이드마다 형태를 다양화하십시오; 같은 형태가 세 번 연속으로 나오면 지루해지고 주제 변화를 숨깁니다.
4단계: 구축하기 전에 테스트하십시오
- 차트에서 타이틀의 숫자를 가리킬 수 있습니까?
- 강조가 하나의 요소에만 해당됩니까?
- 범례 없이 작동합니까?
- 더 간단한 형태로도 증명할 수 있습니까? 그렇다면 더 간단한 것을 사용하십시오.
거의 항상 개선되는 교체
| 대신 | 이것을 사용하십시오 |
|---|---|
| 6조각 파이 차트 | 정렬된 막대 |
| 6가지 색상의 선 | 소규모 다중, 또는 강조된 선 하나와 나머지는 회색 |
| 8개 카테고리에 대한 2개 연도의 그룹화된 세로 막대 | 기울기 또는 덤벨 |
| 날것의 숫자 표 | 히트맵, 코호트 또는 막대 및 미니 그래프가 있는 표 |
| 두 개의 값 축 | 두 개의 슬라이드, 또는 인덱스(100 기준) |
| 여러 게이지를 나란히 | 총알(목표 대비 실제) |
| 많은 레이어가 있는 누적 막대 | 소규모 다중, 또는 최대 3개 레이어의 100% 막대 |
| 큰 주가 판독을 지배하는 지리적 지도 | 그리드 맵 |
5. 카탈로그: 테스트된 46가지 형태
각 형태에는 다음이 포함됩니다: 사용(질문 및 데이터), 피해야 할 경우(그리고 대신 사용할 것), 모델 타이틀(47개 슬라이드 덱에서 테스트됨), 강조 및 구축(요약, 코드는 9장). "네이티브" = 편집 가능한 PowerPoint 차트; "형태" = 도형으로 그려짐, 정확한 기하학이지만 데이터 시트는 없음.
지표
- 큰 숫자. 사용: 하나의 숫자만으로 타이틀을 증명할 수 있는 경우(POC 결과, 절감액, 마감일). 피해야 할 경우: 비교가 필요한 숫자(숫자 + 미니 바). 모델 타이틀: "POC, 4분 만에 근본 원인 찾아내 (현행 2시간)". 강조: 숫자. 구축: 단독으로 60-72pt 텍스트 또는 열에 44-50pt, 아래에 컨텍스트 한 줄.
- 큰 숫자 + 미니 바. 사용: 이전 기간이 있는 2~4개의 KPI. 피해야 할 경우: 4개 이상의 KPI(패널이 됨). 모델 타이틀: "블랙 프라이데이, 이커머스 R$ 4820만 수익, 32% 증가". 강조: 타이틀의 KPI. 구축: 형태: 값 44-50pt; 아래, 비례하는 두 개의 가는 막대(현재 및 이전)에 직접 레이블("2025 +32%", "2024 R$ 3650만").
- 지표 패널(stat). 사용: 함께 악화되거나 개선된 3~5개의 운영 메트릭; 기술 섹션을 잘 엽니다. 피해야 할 경우: "그래서?"에 대한 설명 없이 비즈니스 전용 청중. 모델 타이틀:" 체크아웃, SLO 미만: 99.58% 가용성". 강조: 타이틀의 패널. 구축: 어두운 슬라이드의 형태:
darkCard카드, 값 42pt, 한계가 있는 컨텍스트 줄("SLO: 99.9%"), 점선 한계가 있는poly미니 그래프 및 끝에 "16h … 24h".
비교
- 정렬된 가로 막대. 사용: 4~12개 항목의 순위 또는 점유율, 긴 이름. 피해야 할 경우: 시간(세로 막대 또는 선). 모델 타이틀: "전자제품, 주간 수익의 46% 창출". 강조: 언급된 막대. 구축: 네이티브
BARbarDir:"bar",catAxisOrientation:"maxMin", 정렬된 데이터, 끝에 값, 포인트당 하나의 색상. - 그룹화된 세로 막대. 사용: 2개 기간 또는 그룹 × 2~4개 카테고리, 절대값이 중요할 때. 피해야 할 경우: 4개 이상의 카테고리(기울기 또는 덤벨). 모델 타이틀: "모든 채널에서 평균 티켓 상승, 앱에서 가장 큼: +11%". 강조: 언급된 세로 막대. 구축: 형태, 라이브러리가 여러 시리즈의 단일 지점을 색칠하지 않기 때문: 이전
mute, 현재mid, 언급된accent; 각 막대 위에 값, 쌍 위에 변화율, 아래에 연도, 연도 아래에 그룹. - 기울기(slope). 사용: 3~8개 항목에 대한 2개 시점 간의 변화. 피해야 할 경우: 3개 이상의 시점(선). 모델 타이틀: "앱만 작년보다 전환율 개선". 강조: 가장 많이 변한 선. 구축: 2개 카테고리와 마커가 있는 네이티브
LINE; 왼쪽에 이름 + 값, 오른쪽에 값; 축은 0보다 높게 시작할 수 있음. - 덤벨(dumbbell). 사용: 항목당 두 값 사이의 거리(목표 대비 실제, 약속 대비 실현, POC 전후). 피해야 할 경우: 시간적 방향이 메시지일 때(기울기). 모델 타이틀: "북동부, 배송 평균 3.1일 지연". 강조: 가장 먼 쌍. 구축: 형태: 3pt
seg로 연결된 빈 점(기준)과 채워진 점(실제); 거리별로 정렬된 항목; 오른쪽에 차이 "(+3.1)"; 수직hair그리드. - 롤리팝(lollipop). 사용: 기준 한계(페이지 로드 시간, SLA)에 대한 순위. 피해야 할 경우: 한계 없음, 막대면 충분. 모델 타이틀: "휴대폰에서 상품 페이지 로드에 4.1초 소요". 강조: 한계를 벗어난 항목. 구축: 형태: 0에서 값까지의
seg+dot; 좋은 구간 위에 레이블이 있는tint영역("양호: 최대 2.5초"). - 발산 막대. 사용: 항목별 양수 × 음수 균형(단계별 NPS, 승인, ± 변화). 피해야 할 경우: 양수 값만(막대). 모델 타이틀: "배송만 비판자가 옹호자보다 많음". 강조: 언급된 항목의 음수 측면. 구축: 왼쪽에 음수가 있는 누적 네이티브
BAR,catAxisLabelPos:"low", 언급된 항목만 있는 추가 시리즈; 겹쳐진 절대값; 상단과 0선에 "← 비판자" 및 "옹호자 →". - 목표 대비 실제(총알). 사용: 목표 대비 여러 지표. 피해야 할 경우: 단일 지표(큰 숫자 또는 게이지). 모델 타이틀: "제때 배송, 달성하지 못한 유일한 목표". 강조: 실패한 것. 구축: 형태:
tint레일, 실제 막대, 100%에서 수직선, 0~120% 척도. - 레이더. 사용: 두 엔터티에 대한 5~8개 차원, 메시지가 "하나에서 지다(또는 이기다)"일 때. 피해야 할 경우: 3+ 엔터티 또는 정확한 값 읽기(덤벨 또는 막대). 모델 타이틀: "ACME, 배송 기간에서만 경쟁사에 뒤처짐". 강조: 차원의 격차. 구축: 형태 …
(번역 중단됨)