9:16 세로형 숏드라마에 선택지를 넣는 방법: 화면, 자막, 카운트다운과 엄지 조작 영역 설계
세로형 화면, 자막, 선택지, 카운트다운, 엄지 조작을 하나의 인터랙티브 숏드라마 레이아웃으로 설계합니다.

들어가며
세로형 인터랙션은 가로 화면을 좁게 자른 뒤 하단에 버튼 두 개를 넣는 작업이 아니다. 인물, 자막, 선택지, 카운트다운, 손가락이 제한된 공간을 함께 사용하므로 스토리보드 단계에서 함께 설계해야 한다.
먼저 세 가지 영역을 나누기
상단은 상태 표시줄과 플랫폼 컨트롤이 차지할 수 있고, 하단은 시스템 제스처와 엄지 조작을 담당한다. 중앙에는 인물의 얼굴, 행동, 핵심 소품을 우선 배치해야 한다. 구체적인 안전 영역은 대상 기기와 현재 제품 인터페이스에서 검증해야 하며, 영구적인 픽셀 기준으로 정해서는 안 된다.
선택 전에 화면에 여유를 주기
두 인물의 관계는 전경과 후경, 위아래 배치, 또는 개별 반응 숏으로 표현할 수 있다. 버튼이 나타나기 전에는 중요한 표정과 소품을 화면 하단 3분의 1에 배치하지 않는다. 선택지가 “누구를 믿을까”를 묻는다면 먼저 플레이어에게 양쪽의 반응을 보여 준다.
자막과 선택지의 리듬 맞추기
핵심 대사가 끝나고 자막을 다 읽은 뒤 짧은 여유를 두고 선택지를 표시한다. 버튼에는 구체적인 행동을 적어야 한다. 예를 들어 “증거를 넘긴다”가 “그녀를 믿는다”보다 명확하다. 두 선택지는 길이와 정보량을 비슷하게 유지한다.
카운트다운은 이야기에 맞아야 한다
추격과 도주, 곧 닫히는 문에는 시간제한이 적합하지만, 복잡한 추리나 관계에 대한 입장 표명에는 기본적으로 카운트다운을 적용해서는 안 된다. 일시 정지, 시간 연장, 타이머 끄기 등의 보조 설정을 제공하고 업적에 영향을 주는지 설명한다.
조작 검수
- 한 손으로 닿을 수 있고 버튼 사이 간격이 충분하다;
- 상태를 색상만으로 전달하지 않는다;
- 탭 직후 시각, 소리 또는 촉각 피드백이 나온다;
- 최대 글자 크기에서도 핵심 화면을 가리지 않는다;
- 작은 화면, 노치 화면, 서로 다른 플랫폼 컨트롤에서 모두 미리보기를 완료한다.
성공적인 세로형 인터랙션은 플레이어가 제작팀의 “버튼 자리 확보”를 의식하게 하지 않는다. 적절한 순간에 명확히 보고, 읽고 이해하며, 정확히 누르게 할 뿐이다.
스토리보드 단계에서 인터랙션 구도 확보하기
세로형 영상에서 가장 큰 비용을 초래하는 실수는 완성 후에야 버튼이 단서를 가린다는 사실을 발견하는 것이다. 스토리보드에는 각 선택 노드마다 선택지가 나타나기 전, 선택 가능한 동안, 확인한 뒤의 세 상태를 함께 그려야 한다. 주요 인물의 눈과 입 모양은 가능한 한 화면 중상단에 두고, 증거, 휴대전화, 문손잡이 같은 상호작용 대상은 시스템 제스처 영역 가까이에 두지 않는다. 두 인물이 나란히 대화해야 한다면 피사계 심도, 시선, 짧게 전환하는 반응 숏으로 관계를 보여 준다. 얼굴 두 개를 넣으려고 인물을 끝없이 축소해서는 안 된다.
같은 영상이 여러 화면에 대응해야 한다면 먼저 반드시 보존할 서사 영역을 정하고, 그다음 잘라도 되는 배경을 설계한다. “후반 작업에서 자동으로 중앙 정렬”에 의존해서는 안 된다. 모델은 얼굴을 화면의 중심으로 인식할 수 있지만, 이야기의 중심은 실제로 쪽지 한 장일 수 있기 때문이다. 가로형을 세로형으로 변환하는 방식은 위험이 낮은 숏에만 사용하고, 핵심 선택 숏은 처음부터 세로형에 맞게 구도를 재구성해야 한다.
선택지 문구에도 레이아웃 예산이 있다
버튼 문구는 되도록 행동 동사로 시작하고 두 항목을 같은 문법적 수준으로 맞추는 것이 좋다. 예를 들면 “열쇠를 넘긴다”와 “열쇠를 숨긴다”이다. 한쪽에는 결과를 전부 적고 다른 쪽에는 모호한 태도만 적는 방식은 피한다. 선악이 뚜렷한 표현으로 플레이어 대신 답을 정해서도 안 된다. 선택의 대가를 설명해야 한다면 두 설명을 모두 버튼 안에 넣지 말고 버튼 위에 공통 상황을 설명하는 한 문장을 추가할 수 있다.
디자인 시안은 짧은 문구, 허용 범위 내에서 가장 긴 문구, 현지화에 따른 길이 증가, 시스템 최대 글자 크기를 모두 포함해야 한다. 영어를 독일어로, 중국어를 일부 알파벳 문자 언어로 번역하면 길이가 크게 늘어날 수 있다. 해결 방법은 문구 수정, 줄바꿈, 구성 요소 높이 확대여야 하며, 읽기 어려울 만큼 축소해서는 안 된다. 카운트다운 시작, 남은 시간 부족, 일시 정지, 시간 초과에는 각각 별도의 상태가 있어야 하며, 빨강과 초록만으로 구분해서는 안 된다.
마우스가 아닌 엄지로 검수하기
테스터는 실제 휴대전화에서 한 손으로 조작하면서 걷기, 불안정한 네트워크, 주의가 끊기는 상황도 재현해야 한다. 잘못 누르기, 망설임, 자막을 다 읽기 전에 선택지가 나타나는 경우, 탭한 뒤 반응이 없다고 오해하는 경우를 기록한다. 선택 확인에는 짧은 강조 표시, 약한 촉각 반응, 결과 자막을 사용할 수 있지만, 피드백은 플랫폼 설정과 일치해야 하며 진동을 끌 수 있어야 한다.
최소한 작은 화면, 일반적인 전면 디스플레이, 노치 또는 펀치홀 화면, 안드로이드 뒤로 가기 제스처, iOS 하단 제스처를 포함한다. 이어서 화면 읽기 도구의 낭독 순서, 동적 글자 크기, 동작 줄이기, 색각 보조 모드를 테스트한다. 진정한 완료 기준은 디자인 도구에서 화면이 깔끔한지가 아니라, 사용자가 가장 불리한 기기와 자세에서도 이야기를 이해하고 선택하며 결과를 확인할 수 있는지다.
노드 전달 시 증빙 화면 네 장 저장하기
선택지가 나타나기 전, 가장 긴 문구 표시, 최대 글자 크기, 카운트다운 마지막 단계의 화면을 각각 캡처하고 기기 크기와 시스템 배율을 표시한다. 실제 한 손 조작 영상도 첨부해 가림, 잘못 누르기, 피드백 지연을 확인한다. 정적 시안은 배치 의도만 입증할 수 있으며, 실제 기기에서 확보한 증거가 있어야 인터랙션의 사용성을 입증할 수 있다.
어떤 언어가 글자 크기를 희생해야만 들어간다면 문구 수정이나 리듬 조정을 우선하고, 읽기 부담을 사용자에게 떠넘기지 않는다. 출시 기준은 이야기 정보의 완전성, 안정적인 터치 조작, 보조 기술을 통한 읽기 가능성, 시스템 컨트롤과의 충돌 방지를 모두 충족해야 한다.
서비스에서 데이터가 수집되기 시작한 뒤에도 선택지가 노출됐지만 누르지 않은 경우, 시간 초과, 잘못 누른 직후 돌아가는 행동, 기기별 실패 차이를 계속 관찰한다. 지표에 이상이 있으면 조작 영상과 인터뷰를 다시 검토해 문구, 배치, 시간 압박, 성능 중 어디에서 문제가 발생했는지 판단한다. 선택하지 않은 모든 경우를 플레이어의 망설임으로 해석해서는 안 된다.


