KT 'Networked VR' HMD 전용 게임 플랫폼 UX/UI 구축
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 기기를 착용하고 게임 목록과 상세화면을 확인할 수 있습니다.
VR 공간에서 만나는 통합 게임 스토어 'KT Networked VR'
KT Networked VR은 VR 기기를 착용하고 KT와 Steam 양사의 VR 게임 카탈로그를 탐색하고 구매할 수 있는 HMD(Head Mounted Display) 전용 VR 플랫폼 서비스입니다. 기존 2D 스크린 기반의 게임 플랫폼 UI를 VR 환경에 그대로 적용할 경우 시각적 공간감 결여, 낮은 가독성, 시각적 멀미(VR Sickness) 등의 이용 피로감이 발생했습니다. 또한, KT VR과 Steam VR로 파편화된 콘텐츠 라이브러리를 VR 공간 내에서 연속성 있게 탐색하고 관리할 전용 스토어 레이아웃이 필요했습니다.
유엑스스토리(UXstory)는 VR HMD 특성에 맞춘 3D Spatial 커브드 UI와 직관적인 공간 인터랙션을 설계했습니다. 사용자의 시야각을 고려해 곡면 형태의 3D 대시보드를 배치함으로써 과도한 고개 움직임 없이 시각적 편안함을 제공했습니다. 메인 콘텐츠 페이지에서는 오큘러스 등 기기 선택 및 플랫폼별 카테고리(Steam VR, KT VR) 진입이 용이하도록 모듈화하고, 3D 포인팅으로 게임 선택, 플레이 사양 확인, 즉시 구매 및 실행으로 이어지는 단축 3단계 동선을 구현했습니다.
VR 공간 시인성에 최적화된 하이 콘트라스트 UI 테마와 3D 게임 카드, 입체 정보 모달 라이브러리를 정립하여 VR Spatial 전용 디자인 시스템을 완성했습니다. 게임 상세 페이지에서는 스크린샷과 비디오 뷰어, 상세 사양 정보가 공간에 입체적으로 표시되도록 레이아웃을 구성했습니다. 이를 통해 HMD 착용 시 사용자의 인지 피로도를 크게 줄이고 체류 시간을 늘렸으며, KT x Steam VR 통합 콘텐츠의 이용 활성화와 플랫폼 만족도를 극대화했습니다.
Key Features
- 3D Spatial 커브드 UI: 사용자의 시야각을 반영한 곡면 3D 레이아웃으로 시각적 멀미 저감
- KT & Steam 통합 스토어: Steam VR과 KT VR 콘텐츠 라이브러리를 한곳에서 탐색하는 카테고리
- 3D 입체 게임 상세 뷰: 게임 스크린샷, 비디오, 플레이 환경 사양이 VR 공간에 표출되는 모달 UI
- 단축 Spatial 워크플로우: 카탈로그 탐색부터 3D 포인팅 게임 선택, 상세 확인, 즉시 구매까지 연결
- VR 전용 디자인 시스템: HMD 고시인성 하이 콘트라스트 테마 및 3D 인터랙션 컴포넌트 정립