[VR 디자인] 룸스케일 VR에서 '최고의 UI'를 만드는 법 (feat. 텍스트와의 전쟁)

안녕하세요! 오늘은 VR 콘텐츠를 개발하거나 기획할 때 가장 골치 아픈 문제 중 하나인 'UI(User Interface) 디자인'에 대한 이야기를 해보려 합니다.

Virtual Reality Pop에 기고된 Roxana Brongo의 아티클 <How to Design the Best UI for Room-Scale VR>을 읽고, 실무에서 바로 적용해 볼 만한 핵심 내용을 정리해 봤습니다. 모니터 속 2D UI와는 차원이 다른, '공간' 속 UI 디자인의 세계를 만나보시죠.

---

1. VR UI의 3가지 유형 (The 3 UI Options)

VR에서 UI는 크게 세 가지 방식으로 구현됩니다. 우리 콘텐츠의 성격에 따라 어떤 방식을 택해야 할까요?

• 다이에제틱 UI (Diegetic UI):
  • 개념: 게임 속 세계관 안에 자연스럽게 녹아 있는 사물 형태의 UI입니다. (예: 벽에 걸린 시계를 보고 시간을 확인)
  • 장점: 몰입감(Immersion) 최고!
  • 단점: 사용자가 이게 상호작용 가능한 UI인지 그냥 배경인지 헷갈릴 수 있습니다. 시각적 힌트가 필수적입니다.

• 공간 UI (Spatial UI):
  • 개념: 3D 공간에 떠 있지만 현실 사물은 아닌, 그래픽 메뉴나 버튼입니다. 깊이감과 빛 반사 등을 적용해 공간감을 줍니다.
  • 특징: 사용자가 "아, 이건 메뉴구나"라고 직관적으로 알 수 있어 효율적이지만, 현실감은 다소 떨어질 수 있습니다.

• 비-다이에제틱 UI (Non-diegetic UI):
  • 개념: 아이언맨 HUD처럼 시야에 고정된 평면 오버레이입니다.
  • 주의: 룸스케일 VR에서는 사용자가 움직이면 UI가 따라다니거나 뚫고 지나가는 등 멀미를 유발할 수 있어 정말 중요한 정보가 아니면 지양해야 합니다.

2. 실무자를 위한 디자인 꿀팁 (Design Tips)

저자가 수많은 시행착오 끝에 얻은 '실패하지 않는 VR UI 법칙'들입니다.

• 크기에 속지 마라: 모니터에서 작업할 때 텍스트를 크게 키우면 잘 보일 것 같죠? 하지만 VR 안에서 거대한 텍스트 패널은 사용자를 압도하고 공포감을 줍니다. 사용자와 1.5m 거리 기준으로 적당히 축소(Scale down)해야 가장 편안합니다.
• 텍스트는 눈높이보다 살짝 아래로: 책을 읽을 때를 떠올려보세요. 정면보다 살짝 아래에 텍스트가 있을 때 목의 피로가 덜하고 가독성이 좋습니다.
• 긴 글은 '손'에 쥐여줘라: 설명이 길어진다면 허공에 띄우지 말고, 책이나 태블릿 같은 '들고 볼 수 있는 오브젝트'에 담아주세요. 사용자가 직접 거리를 조절하며 읽을 수 있게 하는 것이 베스트입니다.
• 프로토타이핑은 빠르게: 360도 스케치를 모바일 VR 기기에라도 넣어서 수시로 확인하세요. 모니터 뷰와 HMD 뷰의 괴리감은 생각보다 큽니다.

---

[Editor's Note] 👓

센터에서 다양한 VR 콘텐츠를 시연하다 보면, '텍스트 가독성' 때문에 몰입이 깨지는 경우를 종종 봅니다.

특히 개발자분들이 모니터 화면만 보고 UI를 배치했다가, 막상 HMD를 써보면 메뉴가 천장에 붙어있거나 글씨가 너무 커서 눈이 아픈 경우가 허다하죠. 오늘 아티클에서 언급된 "긴 텍스트는 책처럼 손에 쥐여줘라"는 조언은 정말 무릎을 탁 치게 만듭니다.

결국 최고의 VR UI는 '없는 것처럼 느껴지는 것'이 아닐까요? 사용자가 버튼을 누른다는 감각조차 잊고 세계에 빠져들게 만드는 Diegetic UI의 마법, 그것이 우리가 추구해야 할 최종 목표인 것 같습니다.