디스크를 넣으면 펼쳐지던 작은 세계
DVD를 플레이어에 넣으면 제작사 로고가 지나가고 영화 음악과 함께 메뉴 화면이 열리던 기억, 다들 있으시죠? 배경에서는 영화 장면이 반복 재생되고, 리모컨 방향키를 누를 때마다 '본편 재생', '장면 선택', '스페셜 피처' 위로 하이라이트가 옮겨 다니던 그 화면이요. vale.rocks의 글은 DVD 메뉴를 단순한 추억거리가 아니라 하나의 디자인 장르로 다시 보면서 그 안의 아름다움을 차분하게 짚어내요.
지금은 어떤가요? 넷플릭스든 디즈니+든 모든 작품이 똑같은 썸네일 그리드에 한 칸씩 들어가 있어요. 편하긴 한데, 작품마다 고유한 '입구'가 있던 시절과는 확실히 다르죠. 그 차이가 왜 생겼는지 기술적 제약과 함께 짚어볼 수 있다는 게 이 주제의 재미예요.
DVD 메뉴는 어떻게 동작했을까
DVD 메뉴는 웹페이지처럼 마음대로 그리는 화면이 아니었어요. 생각보다 훨씬 빡빡한 규칙 위에서 만들어졌거든요.
배경은 그냥 영상이에요. 메뉴 화면 자체가 MPEG-2로 인코딩된 비디오예요. 정지 화면이면 한 장짜리 영상이고, 움직이는 '모션 메뉴'라면 짧은 클립을 무한 반복하는 거예요. 해상도도 NTSC 기준 720×480 정도였죠.
하이라이트는 자막 레이어를 빌려 썼어요. 버튼에 커서가 올라가면 색이 바뀌는 효과는 원래 자막용으로 만든 서브픽처(subpicture) 레이어로 구현했어요. 이게 정말 제한적이었는데, 픽셀 하나에 2비트, 즉 한 번에 딱 4가지 색만 쓸 수 있었어요. 버튼은 화면 위의 사각형 영역으로 정의되고, 선택되면 그 영역 안의 서브픽처 색만 바뀌는 식이었죠. DVD 메뉴 하이라이트가 왜 그렇게 투박한 단색 밑줄이나 테두리였는지 이제 이해되시죠?
이동 경로는 전부 손으로 지정했어요. 마우스가 없으니 버튼마다 '위를 누르면 이 버튼, 오른쪽을 누르면 저 버튼'처럼 상하좌우로 어디에 갈지 하나하나 정해줘야 했어요.
아주 작은 가상 머신도 있었어요. DVD 플레이어 안에는 간단한 명령어를 실행하는 가상 머신이 들어 있어요. 16비트짜리 범용 레지스터(GPRM) 16개와, 지금 선택된 오디오 트랙이나 자막 언어 같은 상태를 담는 시스템 레지스터(SPRM)가 있었죠. 버튼을 누르면 짧은 명령어가 실행되면서 다른 화면으로 넘어가거나 값을 기록해요. 이걸로 퀴즈 게임이나 '이어 보기' 같은 기능을 만들었고, 특정 버튼에서 엉뚱한 방향키를 누르면 숨은 버튼이 나타나는 이스터에그도 여기서 나왔어요.
제약이 창의성을 낳았다
4색 하이라이트에 낮은 해상도, 단순한 로직까지. 이렇게 손발이 묶이니 디자이너들은 다른 데서 승부를 봤어요. 하이라이트를 화려하게 꾸밀 수 없으니 배경 영상 자체에 디자인을 녹였고, 메뉴를 고를 때마다 짧은 전환 영상을 틀어서 영화 세계 안을 걸어 다니는 듯한 경험을 만들었어요. 영화 속 컴퓨터 콘솔이나 우주선 계기판, 오래된 책장을 흉내 낸 메뉴들이 그렇게 탄생했죠. DVD Studio Pro나 Adobe Encore 같은 저작 도구의 제약을 영리하게 비틀어낸 사례들을 찾아보는 것도 이 주제의 묘미예요.
그 뒤에 나온 블루레이는 자바 기반의 BD-J로 훨씬 강력한 인터랙션을 지원했지만, 로딩이 느리고 복잡해서 DVD 메뉴만큼 사랑받지는 못했어요. 자유도가 늘어난다고 경험이 꼭 좋아지는 건 아니라는 증거이기도 하죠.
스트리밍 UI와 비교해보면
스트리밍 UI가 획일적인 데는 이유가 있어요. 수만 개의 작품을 하나의 틀에 담아야 하고, 개인화 추천과 A/B 테스트로 '얼마나 많이 재생되는지'를 최적화해야 하거든요. 그 결과 작품의 브랜드보다 플랫폼의 브랜드가 앞에 서게 됐어요. 효율은 얻었지만 개성은 잃은 셈이에요. 플래시 시절 웹사이트나 게임 타이틀 화면을 그리워하는 마음과도 비슷하죠.
한국 개발자에게 주는 시사점
그냥 추억 이야기로 넘기기엔 아까운 교훈이 있어요.
첫째, TV 앱 개발자에게 DVD 메뉴는 아직 현재진행형이에요. 삼성 타이젠, LG webOS, 안드로이드 TV, IPTV 셋톱박스 앱은 여전히 리모컨 방향키로 움직여요. 이걸 공간 내비게이션(spatial navigation)이라고 하는데, 가장 가까운 요소로 포커스를 자동 계산할지, DVD처럼 이동 대상을 직접 지정할지는 지금도 고민하는 설계 포인트예요. 국내 OTT의 TV 앱을 만드는 분들이라면 바로 와닿을 거예요.
둘째, 포커스 상태는 분명하게 보여야 해요. 4색밖에 못 써도 DVD 메뉴는 '지금 어디에 있는지'를 확실히 보여줬어요. 웹에서 키보드 포커스 표시를 지워버리는 실수를 생각하면 꽤 뼈아픈 교훈이죠.
셋째, 제약은 디자인의 적이 아니에요. 성능 예산이나 번들 크기 제한 안에서 개성을 만드는 건 지금도 중요한 기술이에요.
마무리
DVD 메뉴는 4가지 색과 방향키라는 극단적인 제약 속에서도 작품마다 다른 세계를 만들어낸 UI였어요.
기억에 남는 DVD 메뉴가 있나요? 그리고 지금 만들고 있는 서비스에서 효율을 크게 해치지 않고 '개성'을 넣을 수 있는 곳이 있다면 어디일 것 같으세요?
🔗 출처: Hacker News