KT x Steam VR 플랫폼 HMD 전용 UI/UX 구축

Client.

KT Networks

Work.

UI Design

Production.

AR/VR

Device.

Etc

Period.

20.01~20.02

Tech.

IoT, VR

Project Overview.

VR기기에서 지원되는 KT와 Steam의 VR Platform입니다. VR 기기를 착용하고 게임 목록과 상세화면을 확인할 수 있습니다.

1. 추진배경 

  • VR 헤드셋(HMD) 착용 환경에 최적화된 인터페이스 부재: 기존 2D 스크린 기반 게임 플랫폼 UI를 VR 환경에 그대로 적용할 경우, HMD 착용 시 공간감 결여, 낮은 가독성, 시각적 멀미(VR Sickness) 등의 불편함이 발생했습니다.
  • KT와 Steam 라이브러리 간 통합 콘텐츠 탐색의 어려움: 두 플랫폼의 다양한 VR 게임 목록과 상세 정보를 VR 공간 내에서 연속성 있게 확인하고 관리할 전용 플랫폼 레이아웃이 필요했습니다.
  • 3D 공간 조작 및 컨트롤러 응답성 최적화 시급: HMD를 착용한 상태에서 시선 추적(Gaze)이나 전용 컨트롤러를 활용해 빠르고 정확하게 타이틀을 탐색하고 실행할 수 있는 공간 UX 설계가 요구되었습니다.
 

2. 주요 개선 사항 

  • VR HMD 특화 3D Spatial 커브드(Curved) UI 설계:

    • 사용자의 시야각(FOV)을 고려해 볼록한 곡면 형태의 3D 대시보드 레이아웃을 구성하여, HMD 착용 상태에서도 고개가 과도하게 돌아가지 않는 시각적 편안함과 몰입감 제공.
  • 게임 목록 및 상세 화면 3D 시각화 & 인터랙션 구현:

    • 게임 카드를 3D 입체 모듈로 배치하고, 게임 상세 화면 진입 시 비디오 뷰어, 플레이 공간 요구사항, 컨트롤러 지원 정보 등이 공간에 입체적으로 표출되는 시각 체계 도입.
  • 단축된 공간 이동 및 원클릭 실행 사용 동선(Flow) 구축:

    • 'VR 전용 메인 카탈로그 ➔ 3D 커서/포인팅으로 게임 선택 ➔ 게임 상세 및 사양 확인 ➔ 즉시 실행/구매'로 이어지는 직관적인 3단계 Spatial Task 동선 제공.
 

3. 산출물 및 결과

  • VR Spatial 전용 디자인 시스템 구축:

    • VR 공간 시인성을 고려한 High-Contrast UI 테마, 3D 커서 및 포인팅 컴포넌트, 3D 게임 카드 및 모달 인터랙션 라이브러리 정립.
  • 플랫폼 핵심 서비스 화면 UX/UI 구현:

    • 3D 파노라마 VR 메인 로비, Steam & KT 통합 게임 카탈로그 뷰, 입체 3D 게임 상세 정보 모달, VR 전용 설정 화면 제작.
  • 확인된 성과:

    • VR 몰입도 향상 및 시각적 멀미 저감: VR 공간에 최적화된 시야각 및 곡면 UI를 도입해 HMD 사용 시 사용자의 인지 피로도를 극적으로 줄임.
  • 콘텐츠 탐색 편의성 및 게임 실행 효율성 제고: 3D 인터랙션 중심의 단축 동선을 구축함으로써 플랫폼 체류 시간 증대와 함께 KT x Steam VR 콘텐츠 이용 활성화 도모.


KT x Steam VR 플랫폼 HMD 전용 UI/UX 구축1

KT x Steam VR 플랫폼 HMD 전용 UI/UX 구축2