Diretrizes de Desenvolvimento de Consoles

Com 200M+ jogadores do Xbox e PlayStation, consoles apresentam uma grande oportunidade para você atrair mais usuários. Em comparação a dispositivos regulares, projetar para controleadores e a experiência de 10 pés da PlayStation tem algumas diretrizes especiais que você precisa seguir para ajudar sua experiência a ter sucesso na consola.

Projetando para Controladores

As experiências de console recebem comandos dos usuários através de controleadores de entrada, que requerem designs especiais para interações suaves.

Simplificando a UI

Aplique o seguinte para simplificar o design da interface do usuário para consoles:

• Controle de navegação acessível : A navegação básica, incluindo as quatro direções, selecionar e voltar, controla como os usuários se locomoverem e interagem com seu conteúdo em consoles. Certifique-se de que os usuários possam acessar facilmente todos os elementos interativos de sua experiência.

• Navegação de controle padrão : Embora os usuários possam acessar os menus de UI ativando o cursor virtual, já que não todos os usuários estão familiarizados com o processo, você precisa manter a navegação de controle de sua UI como a opção padrão ao invés de exigir que os usuários ativem o cursor virtual.

• Complicação de entrada mínima do controlador : Diferente dos métodos de entrada toável ou clicável, os usuários do console navegam pressionando um botão em um momento, então uma ação que faz um movimento em outros dispositivos pode levar a movimentos extras com um Controle. Certifique-se de que as ações de chave em sua experiência só levem alguns movimentos para acesso.

• Sem janela de chat : Independente de você usar o sistema de chat padrão na experiência ou fornecer uma cópia do sistema de chat legado como seu sistema de chat personalizado, desabilite a janela de chat para experiências de console.

Adicionando Controle Suplementar

Ao contrário de dispositivos móveis e de mesa, a navegação é sempre sequencial nas consoles, para que os usuários possam sempre pular entre itens distantes com rapidez, como em outros dispositivos. Para melhorar a velocidade da navegação, considere adicionar botões e atalhos adicionais para ações essenciais na experiência.

Acomodando Ícones de Botão Dinâmico

À medida que sua experiência se expande para mais plataformas, certifique-se de mostrar ícones de botão que correspondam a diferentes dispositivos. UserInputService tem dois métodos disponíveis que podem alcançar isso:

• UserInputService:GetStringForKeyCode() pode converter os códigos de chave de consulta dos EUA para layouts de teclado de console. É útil para mostrar seus recursos personalizados como ícones de botão para corresponder à aparência e ao sentimento de sua experiência. O seguinte exemplo mostra como você pode mapar recursos personalizados para Enum.KeyCode.ButtonA :

  Mapeando Recursos Personalizados
  local UserInputService = game:GetService("UserInputService")
  local imageLabel = script.Parent
  local key = Enum.KeyCode.ButtonA
  
  local mappings = {
      ButtonA = "rbxasset://BUTTON_A_ASSET", -- Substituir com o desejado ButtonA recurso
      ButtonCross = "rbxasset://BUTTON_CROSS_ASSET" -- Substituir pelo recurso ButtonCross ativo
  }
  
  local mappedKey = UserInputService:GetStringForKeyCode(key)
  local image = mappings[mappedKey]
  
  imageLabel.Image = image

• UserInputService:GetImageForKeyCode() retorna os ícones padrão do Roblox para o código de solicitação como fáceis substituições, como o seguinte exemplo para a definição de mapa Enum.KeyCode.ButtonA mostra:

  Mapeando Ícones Padrão
  local UserInputService = game:GetService("UserInputService")
  local imageLabel = script.Parent
  local key = Enum.KeyCode.ButtonA
  
  local mappedIcon = UserInputService:GetImageForKeyCode(key)
  imageLabel.Image = mappedIcon

Fornecendo feedback háptico

Uma vantagem única dos controleadores é a capacidade de fornecer feedback háptico ao vibra fisicamente o controle para envolver o toque do usuário. Você pode usar HapticService para melhorar a imersão do usuário e fornecer comentário/retornoútil. Exemplos que podem ser mais imersivos com feedback háptico incluem:

• Eventos fisicamente dramáticos, como explosões ou colisões.
• Eventos que exigem a atenção do usuário, como um toque de sino ou um novo cliente entrando na comprar.
• Notificações de ação da interface, como rolar até o fim de uma lista ou clicar em um botão desativado.

HapticService também permite que você controle os motores individuais em um controleador para definir a intensidade e duração das vibrações individualmente, para que você possa definir diferentes vibrações para diferentes propósitos e manter a consistência com a qual os ações geram comentário/retorno. Projete haptics com cuidado e evite o uso excessivo, pois os usuários podem encontrar vibrações constantes e desagradáveis.

Construindo para a Experiência de 10ft

Quando em consoles, os usuários geralmente estão sentados 10 pés de distância da tela. Um fator de escala de 1,5x garante que a UI seja confortável, fácil de barra de navegaçãoe com fontes legíveis.

Considere a área segura de TV

Como nem todos os TVs mostram conteúdo totalmente nas bordas da tela devido a limitações históricas e técnicas, coloque elementos de UI em áreas seguras de TV para garantir que elementos importantes de experiência estejam visíveis em vários TVs.

Configurando Botões Dinamicamente

Use tamanhos e posições relativas para implementar sua UI usando porcentagens de uma janela. Incorpore um fator de escala para todos os tamanhos e posições da UI ao:

• Desenvolvendo para resoluções mais baixas primeiro.
• Usando posições relativas e UISizeConstraint para escalar a UI.
• Escala baseada em características de saída com GuiService:IsTenFootInterface() .

  Lembre-se de que controleadores estão disponíveis em todos os tipos de dispositivos, então não use GuiService:IsTenFootInterface() para inferir a entrada do controleador.

• A implementação de ScrollingFrame para reduzir a desordem na tela à medida que a UI escala.

Ajustando a Divulgação Progressiva

A divulgação progressiva adia recursos avançados ou raramente usados em uma tela secundária. É uma das melhores maneiras de despejar sua UI e torná-la fácil de usar. Para a experiência do console Experiência do usuário, é comum e mais rápido fazer o usuário entrar e sair de telas ao invés de ajustar tudo em uma tela como projetar para desktops.

Fornecendo Comentários de Som

Ao contrário de interfaces de desktop ou móvel, em que as interações geralmente são silenciosas ou dependem de comentário/retornoháptico sutil, você pode adicionar efeitos sonoros para melhorar as interações do console. Quando os usuários navegam pela UI usando um Controle, considere incorporar efeitos sonoros para confirmar as seleções ou navegação de menu, o que pode aumentar a experiência geral.