배경과 문제

라이브 무대의 주인공은 언제나 무대입니다. 팬은 좋아하는 아티스트의 순간을 놓치지 않으려고 화면에 집중하고, 동시에 다른 팬들과 응원을 나누고 싶어 합니다. 시청 화면은 이 두 가지 마음을 함께 담아야 합니다.

기존 화면에서는 채팅, 응원 버튼, 공지, 상품 안내처럼 다양한 기능이 영상 위에 겹쳐 있었습니다. 하나하나는 필요한 기능이었지만, 함께 놓이자 무대를 가리고 시선을 흩뜨렸습니다. 특히 세로로 휴대폰을 든 상태에서는 영상이 차지하는 공간이 좁아 불편이 더 컸습니다.

우리가 세운 원칙은 단순했습니다. “무대를 가리는 것은 꼭 필요할 때만 나타난다.”

과정

1. 기능에 순위 매기기

먼저 시청 화면에 있는 모든 요소를 적고, 시청 중에 얼마나 자주 필요한지에 따라 나누었습니다. 항상 보여야 하는 것, 필요할 때 꺼내는 것, 특정 순간에만 나타나는 것으로 구분하자 화면에 늘 떠 있을 필요가 없는 요소가 많다는 것이 분명해졌습니다.

2. 영상 위의 층을 정리하기

영상 위에 올라가는 요소를 층으로 나누었습니다. 가장 아래에는 무대, 그 위에는 팬의 반응, 가장 위에는 시스템 안내가 오도록 정하고, 각 층이 나타나고 사라지는 방식을 맞췄습니다. 화면을 한 번 탭하면 조작 요소가 나타나고, 잠시 뒤 자연스럽게 사라지게 해 기본 상태에서는 무대가 최대한 넓게 보이도록 했습니다.

3. 응원은 무대를 해치지 않게

팬의 응원은 라이브를 특별하게 만드는 요소입니다. 우리는 응원 반응이 화면 가장자리에서 가볍게 떠올랐다 사라지도록 모션을 설계했습니다. 반응이 몰리는 순간에도 무대를 덮지 않도록 표시되는 양과 속도를 조절하는 데 시간을 들였습니다.

4. 다양한 네트워크와 기기에서

라이브는 팬이 어디에 있든 실시간으로 보는 서비스입니다. 이동 중에 데이터를 쓰며 보는 팬도 있고, 오래된 기기로 보는 팬도 있습니다. 우리는 영상이 잠시 끊기거나 화질이 바뀌는 순간에도 화면이 어수선해지지 않도록, 상태 안내를 최소한으로 보여 주는 방식을 검토했습니다. 또 해외 팬이 많은 무대에서는 시간대와 언어에 따라 공지와 안내가 자연스럽게 바뀌어야 했기 때문에, 문구 길이가 달라져도 영상을 가리지 않는 배치를 함께 확인했습니다.

결과

정리된 시청 화면은 기본 상태에서 무대를 가장 크게 보여 주고, 필요한 기능은 손이 닿을 때만 나타나는 구조가 되었습니다.

배운 점

좋은 시청 화면은 기능이 많은 화면이 아니라, 기능이 언제 나타나야 하는지 아는 화면이라는 것을 배웠습니다. 무엇을 더할지보다 무엇을 숨길지 고민하는 시간이 더 길었고, 그 고민이 결국 화면의 인상을 결정했습니다. 덜어 낸 자리만큼 무대가 넓어지고, 팬의 몰입도 깊어진다고 믿었습니다. 다음에는 여러 카메라 앵글이나 실시간 투표처럼 라이브 안에서 새롭게 더해질 기능도 같은 원칙으로 차분하게 담아 보려고 합니다.