200M 이상의 Xbox 및 PlayStation 플레이어와 함께, 콘솔은 더 많은 플레이어를 유치할 수 있는 주요 기회를 제공합니다. 일반 기기와 비교했을 때, 컨트롤러 및 콘솔의 10피트 UI 경험을 위해 설계할 때 따라야 할 몇 가지 특별한 지침이 있습니다. 이 지침을 따르면 콘솔에서 게임이 성공하는 데 도움이 될 것입니다.
콘솔용으로 설계된 게임은 항상 부드러운 출시를 보장하고 콘솔에서 제거될 위험을 최소화하기 위해 콘텐츠 성숙도 정보를 제공해야 합니다.
10피트 경험을 위한 빌드
콘솔에서는 플레이어가 일반적으로 화면에서 8–10피트 떨어져 앉아 있습니다.
UI를 구현할 때는 상대적인 크기와 상대적인 위치를 사용하여 모든 것을 프레임의 비율로 측정하십시오. 모든 UI 크기에는 다음과 같은 비율 계수를 포함해야 합니다:
- 먼저 낮은 해상도로 개발하기.
- 상대적인 위치와 UISizeConstraint를 사용하여 UI를 스케일링하기.
- GuiService.ViewportDisplaySize에 따라 큰 화면 크기를 고려하여 디자인하기. 여기서 Large는 대부분의 TV 또는 그보다 큽니다.
- UI가 확장될 때 화면의 혼잡을 줄이기 위해 ScrollingFrame을 구현하기.
일부 TV는 역사적 및 기술적 한계로 인해 화면 가장자리까지 콘텐츠를 완전히 표시하지 않으므로, 중요 게임 요소가 항상 보이도록 TV 안전 영역에 UI 요소를 배치해야 합니다.
컨트롤러를 위한 디자인
콘솔 게임은 입력 컨트롤러를 통해 플레이어의 명령을 받으며, 원활한 상호작용을 위해 특별한 디자인이 필요합니다.
콘솔용 UI 디자인을 단순화하기 위해 다음 개념을 적용하십시오:
접근 가능한 내비게이션 제어 — 기본 내비게이션은 네 방향, 선택 및 뒤로 가기를 포함하여 플레이어가 콘솔에서 콘텐츠를 탐색하고 상호작용하는 방식을 제어합니다. 플레이어가 이러한 기본 내비게이션 제어를 사용하여 모든 UI 요소에 도달할 수 있도록 해야 하므로 게임의 모든 인터랙티브 부분에 쉽게 접근할 수 있습니다.
기본 컨트롤러 내비게이션 — Roblox는 방향 선택과 가상 커서를 기본 솔루션으로 제공하지만, 특정 UI 레이아웃이 있는 경우 맞춤형 컨트롤러 내비게이션에 대해 생각하는 것이 좋습니다.
최소한의 컨트롤러 입력 복잡성 — 터치 가능한 또는 클릭 가능한 입력 방법과 달리, 콘솔 플레이어는 한 번에 하나의 버튼을 눌러 탐색하므로, 다른 기기에서 하나의 이동을 필요로 하는 작업이 컨트롤러에서는 추가 이동을 요구할 수 있습니다. 게임의 주요 액션에 접근하는 데 필요한 이동 수를 최소화해야 합니다.
채팅 창 없음 — 채팅 시스템을 어떻게 커스터마이즈 하든지 간에, 콘솔 게임의 경우 채팅 창 비활성화를 해야 합니다.
컨트롤러는 콘솔과 VR뿐만 아니라 데스크탑 및 모바일과 같은 기기에서도 사용되므로, 필요한 이동 수를 최소화하면 PlayStation 및 Xbox 외에도 모든 기기와 입력 유형에 대한 UI를 개선할 수 있습니다.
보조 제어 추가
모바일 및 데스크탑과 달리, 콘솔에서의 내비게이션은 항상 순차적이므로 플레이어는 다른 기기처럼 멀리 떨어진 요소 간에 빠르게 이동할 수 없습니다. 내비게이션 속도를 향상시키기 위해 필수 인게임 액션을 위한 추가 버튼과 단축키 추가를 고려하십시오.
동적 버튼 아이콘 수용
게임이 더 많은 플랫폼으로 확장됨에 따라, 다양한 기기를 일치시키는 버튼 아이콘을 표시해야 합니다. UserInputService는 이를 달성할 수 있는 두 가지 방법을 제공합니다:
UserInputService:GetStringForKeyCode()는 미국 쿼리 키 코드를 콘솔 키보드 레이아웃으로 변환할 수 있습니다. 게임의 외관과 느낌을 일치시키기 위해 사용자 정의 자산을 버튼 아이콘으로 표시하는 데 유용합니다.
UserInputService:GetImageForKeyCode()는 요청한 Enum.KeyCode에 대한 Roblox 기본 아이콘을 쉽게 대체할 수 있도록 반환합니다.
키 코드 Xbox 이미지 PlayStation 이미지 문자열 Enum.KeyCode.ButtonA 
ButtonA Enum.KeyCode.ButtonX 
ButtonX Enum.KeyCode.One 해당 없음 해당 없음 1 Enum.KeyCode.Five 해당 없음 해당 없음 5
햅틱 피드백 제공
컨트롤러의 고유한 이점 중 하나는 플레이어의 촉각을 자극하기 위해 컨트롤러를 물리적으로 진동시켜 햅틱 피드백을 제공하는 기능입니다. HapticEffects를 사용하여 플레이어 몰입도를 높이고 유용한 피드백을 제공할 수 있습니다.
햅틱 피드백이 더 몰입감을 줄 수 있는 예시는 다음과 같습니다:
- 폭발이나 충돌과 같은 물리적으로 극적인 사건.
- 플레이어의 주의를 요구하는 이벤트, 예: 초인종 소리나 상점에 들어오는 새로운 고객.
- 목록을 끝까지 스크롤하거나 비활성 버튼을 클릭하는 것과 같은 UI 액션 알림.
HapticEffects는 다양한 목적을 위해 진동의 위치와 반경을 제어할 수 있으며, 액션에 따라 피드백을 발생시키는 일관성을 유지할 수 있습니다. 햅틱을 신중하게 설계하고 과용을 피하십시오. 플레이어는 상시 진동이 불쾌하고 성가시다고 느낄 수 있습니다.
점진적 공개 조정
점진적 공개는 고급 또는 드물게 사용되는 기능을 보조 화면으로 연기합니다. 이것은 UI를 깔끔하게 유지하고 사용을 쉽게 만드는 가장 좋은 방법 중 하나입니다. 콘솔 사용자 경험에서는, 모든 것을 하나의 화면에 맞추기 보다는 화면 간에 빠르게 들어가고 나오는 것이 일반적이고 더 빠릅니다.
오디오 피드백 제공
데스크탑 또는 모바일 인터페이스와 달리, 상호작용이 일반적으로 조용하거나 미세한 햅틱 피드백에 의존하는 콘솔에서는 사운드 효과를 추가하여 상호작용을 개선할 수 있습니다. 플레이어가 컨트롤러를 사용하여 UI를 탐색할 때, 선택을 확인하거나 메뉴 탐색을 알리기 위해 사운드 효과를 통합하는 것을 고려하십시오. 이는 게임의 전반적인 경험을 향상시킬 수 있습니다.