NCT LIVE MOTION 모바일 인터랙티브 앱 UX/UI 구축

1. 추진배경 

• 기존 평면적 디지털 콘텐츠의 한계 극복: 단순한 고정 이미지나 짧은 숏폼 비디오 형태의 K-POP 콘텐츠는 팬들에게 생동감 있는 교감 경험을 전달하는 데 아쉬움이 있었습니다.
• 직관적인 모바일 인터랙티브 경험의 필요성: 모바일 환경에서 사용자의 실제 터치 및 제스처 동작에 아티스트가 실시간으로 반응하도록 구현하여, 마치 아티스트를 직접 만나는 듯한 몰입감을 부여하고자 했습니다.
• 글로벌 팬덤 대응을 위한 높은 인터페이스 완성도: 다양한 국적과 연령대의 팬들이 언어 장벽 없이 오직 반응과 터치만으로도 아티스트 모션을 즐길 수 있는 직관적인 팬 중심 UX 체계가 시급했습니다.

2. 주요 개선 사항 

• 터치 제스처 기반 인터랙티브 라이브 모션 UX 설계:

  • 탭(Tap), 드래그(Drag), 롱 프레스(Long-press) 등 다양한 손가락 동작에 따라 아티스트가 생동감 있게 반응하는 인터랙션 흐름 구축.
  • 아티스트의 모션이 끊김 없이 부드럽게 재생되도록 모션 그래픽과 터치 반응 속도를 최적화한 UI 레이아웃 설계.

• 언어와 연령을 넘어선 직관적인 미니멀 UI:

  • 화면 내 복잡한 텍스트 요소를 배제하고 아티스트의 비주얼에 몰입할 수 있도록 미니멀한 풀 스크린(Full Screen) 뷰 인터페이스 제공.
  • 아이콘 중심의 가이드 인터랙션을 적용해 가이드북 없이도 사용자가 직접 터치하며 아티스트 반응을 탐색하도록 유도.

• 콘텐츠 수집 및 팬덤 몰입 요소(Gamification) 구성:

  • 아티스트별, 멤버별 모션 콘텐츠를 간편하게 감상하고 모을 수 있는 카드형 디지털 갤러리 및 마이페이지 구조 적용.

3. 산출물 및 결과

• 팬덤 맞춤형 인터랙티브 디자인 시스템(Design System) 구축:

  • 아티스트의 생동감 넘치는 반응을 방해하지 않는 다크 톤 중심의 UI 컬러 테마, 반응형 제스처 툴팁, 모션 인터랙션 가이드 컴포넌트 정립.

• 앱 핵심 서비스 화면 UX/UI 구현:

  • 풀 스크린 라이브 모션 인터랙션 뷰, NCT 멤버 선택 및 갤러리 탐색 화면, 미니멀 제스처 가이드 팝업, 마이 컬렉션 관리 페이지 제작.

• 확인된 성과 (Expected Outcomes):

  • 팬덤 몰입도 및 앱 체류 시간 극대화: 터치 기반의 즉각적인 아티스트 반응을 통해 단순 콘텐츠 소비를 넘어선 깊은 팬덤 교감 경험 제공.
  • 글로벌 사용성 확보: 언어 의존도를 줄이고 직관적인 터치 제스처만으로 앱의 전반적인 기능을 활용할 수 있도록 개선하여 글로벌 팬들의 초기 진입 장벽을 대폭 완화.