방송 레이아웃 디자인 한다고 새벽 3시까지 포토샵 붙잡아 본 적 있으신가요? 테두리 깔고, 캠 프레임 달고, 하트 파티클까지 띄웠는데 다음 방송 동접은 그대로입니다. 억울하죠. 그런데 시청자 화면으로 다시 보면 이유가 보입니다. 화면이 예쁜 게 아니라 복잡한 겁니다.
5년 방송하면서 BJ 200명 넘는 화면을 컨설팅으로 봐왔습니다. 동접이 오르던 방송의 공통점은 하나였습니다. 화면에 요소가 적다는 것. 그래서 오늘은 꾸미는 얘기가 아니라 빼는 얘기를 하려고 합니다.
레이아웃 디자인이 동접을 가르는 진짜 이유
시청자가 들어와서 나갈지 말지 정하는 시간은 평균 10초 안팎입니다. 짧죠. 이 10초 동안 시청자 눈은 딱 세 곳을 훑습니다. BJ 얼굴, 콘텐츠 화면, 채팅창. 이 세 곳이 한눈에 안 잡히면 뇌가 피로를 느끼고 바로 뒤로가기를 누릅니다.
그러니까 레이아웃 디자인은 꾸미기가 아닙니다. 시선 동선 설계입니다. 시청자 눈이 얼굴에서 콘텐츠로, 콘텐츠에서 채팅으로 자연스럽게 흐르게 만드는 작업이죠. 프레임 색깔이나 파티클은 그 다음 문제입니다.
화면에 남길 요소 4~5개, 뺄 것부터 정하세요
레이아웃을 새로 짤 때 가장 흔한 실수가 뭘 추가할지부터 고민하는 겁니다. 순서가 반대입니다. 지금 화면에 떠 있는 요소를 전부 세어 보세요. 캠, 캠 프레임, 채팅 오버레이, 후원 알림, 최근 후원자, 팔로워 카운트, 목표 바, 시계, 로고, 배경 장식, SNS 주소, 이벤트 배너. 세다 보면 10개를 넘기는 방송이 수두룩합니다.
제가 컨설팅에서 쓰는 기준은 단순합니다. 상시 노출 요소는 5개 이하.
- 캠: 표정이 콘텐츠의 절반입니다. 무조건 남깁니다.
- 콘텐츠 화면: 게임, 화면 공유, 노래방 화면 등 방송의 본체입니다.
- 채팅 오버레이: 다시보기와 클립에서 소통이 보이게 합니다.
- 후원 알림: 상시 노출이 아니라 이벤트성 노출이라 부담이 없습니다.
- 로고 또는 닉네임: 클립이 퍼졌을 때 출처가 됩니다. 작게, 구석에.
팔로워 카운트, 시계, SNS 주소는 과감히 빼도 됩니다. 궁금한 사람은 채널 정보에서 찾습니다. 화면은 그 정보들 때문에 매초 어수선해지고요.
요소 12개를 5개로 줄인 BJ 2명의 실제 기록
게임 방송 3년 차, A의 경우
동접 28명 언저리에서 1년 넘게 정체됐던 게임 BJ입니다. 화면 요소가 12개였습니다. 본인은 채운 만큼 성의라고 생각했죠. 요소를 5개로 줄이고 캠을 우하단에서 좌상단으로 옮겼습니다. 게임 UI를 안 가리는 자리로요. 6주 뒤 평균 시청 시간이 9분에서 19분으로 늘었고, 동접은 50명대에 안착했습니다. 콘텐츠는 그대로였습니다. 바뀐 건 화면뿐이었죠.
"레이아웃 갈아엎고 제일 많이 들은 채팅이 '화면 시원해졌네요'였어요. 1년 동안 아무도 예쁘다고 한 적은 없었는데, 비운 건 하루 만에 알아보더라고요."
저스트채팅 2년 차, B의 경우
B는 반대 문제였습니다. 토크 방송인데 캠이 화면의 4분의 1이었습니다. 표정이 안 보이니 리액션이 죽고, 채팅도 같이 죽었죠. 캠을 화면의 3분의 2까지 키우고 나머지 공간에 채팅 오버레이 하나만 뒀습니다. 8주 뒤 첫 방문자의 팔로우 전환율이 1.8%에서 4.1%로 올랐습니다. 토크 방송의 콘텐츠 화면은 얼굴이라는 걸 화면 배치가 증명한 셈입니다.
방송 화면 배치 기준표, 요소별 위치와 크기
장르마다 정답은 다르지만, 출발점으로 쓸 수 있는 기준표입니다. 여기서 시작해서 본인 콘텐츠에 맞게 조금씩 조정하세요.
| 요소 | 권장 위치 | 권장 크기 | 이유 |
|---|---|---|---|
| 캠 (게임 방송) | 게임 UI 안 가리는 모서리 | 화면의 1/6~1/5 | 롤은 좌상단, FPS는 좌하단이 보통 안전 |
| 캠 (토크 방송) | 중앙 또는 좌우 2/3 | 화면의 1/2 이상 | 표정이 곧 콘텐츠 |
| 채팅 오버레이 | 캠 반대편 세로 배치 | 폰트 28px 이상 | 모바일 시청자 가독성 |
| 후원 알림 | 중앙 상단 | 화면 가로의 1/3 | 시선이 가장 먼저 닿는 자리 |
| 로고/닉네임 | 구석 1곳 | 최소 크기 | 클립 유출 시 출처 표시 |
후원 알림과 채팅창, 레이아웃의 심장
후원 알림 위치는 특히 중요합니다. 알림이 뜨고 3초 안에 BJ가 반응해야 다음 후원이 이어지는데, 알림이 구석에 있으면 BJ 본인이 놓칩니다. 시청자는 다 봤는데 BJ만 못 본 상황, 최악이죠. 알림은 중앙 상단에 크게 두고, 소리도 함께 넣으세요.
여기서 한 발 더 나가면 데이터 얘기가 됩니다. 어떤 시청자가 언제 들어와서 어떤 타이밍에 후원하는지 눈으로 다 쫓기는 어렵습니다. 저는 이 부분을 큰손탐지기 같은 후원자 분석 도구에 맡기라고 권합니다. 화면 레이아웃이 시청자의 시선을 설계하는 일이라면, 후원 데이터 분석은 BJ의 시선을 설계하는 일이거든요. 어떤 지표를 보여주는지는 기능 소개 페이지에서 확인할 수 있고, 부담되면 가격 페이지의 무료체험부터 시작해도 됩니다.
채팅 오버레이는 표시 시간도 신경 쓰세요. 10초 만에 사라지게 해두면 다시보기에서 소통이 통째로 증발합니다. 상시 표시로 두되, 배경 투명도를 70% 이상 줘서 콘텐츠를 가리지 않게 하는 게 기본입니다.
방송 레이아웃 자주 묻는 질문
오늘 방송 끝나면 다시보기 첫 10분을 시청자 모드로 열어 보세요. 그리고 화면에 떠 있는 요소를 소리 내서 세는 겁니다. 6개가 넘으면 가장 안 중요한 것 하나를 지우고 다음 방송을 켜세요. 일주일에 하나씩만 빼도 한 달 뒤 화면은 완전히 다른 방송이 되어 있을 겁니다.
- 상시 노출 요소 5개 이하로 정리했다
- 캠 위치가 콘텐츠 UI를 가리지 않는다
- 채팅 오버레이 폰트가 모바일에서도 읽힌다
- 후원 알림이 중앙 상단에 있고 소리가 난다
- 스마트폰으로 내 방송 화면을 직접 확인했다
