Diretrizes de desenvolvimento de console

Com 200M+ jogadores do Xbox e PlayStation, os consoles apresentam uma grande oportunidade para você atrair mais usuários.Comparado a dispositivos regulares, projetar para controladores e a experiência de usuário de 10 pés de consoles tem algumas diretrizes especiais que você precisa seguir para ajudar sua experiência a ter sucesso em consoles.

Projete para controladores

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

Simplifique a interface de usuário

Aplique o seguinte para simplificar o design da interface para consoles:

• Controle de navegação acessível : Navegação padrão, incluindo as quatro direções, selecionare voltar, controla como os usuários se movem e interagem com seu conteúdo em consoles.Certifique-se de que os usuários possam alcançar todos os elementos de UI usando esses controles de navegação básicos, para que possam acessar facilmente cada parte interativa de sua experiência.

• Navegação padrão do controlador : Embora os usuários possam acessar os menus da interface por meio da ativação do cursor virtual, já que nem todos os usuários estão familiarizados com o processo, você precisa suportar a navegação do controlador da sua interface como a opção padrão, em vez de exigir que os usuários ativem o cursor virtual.

• Complexidade mínima de entrada de controlador : Ao contrário de métodos de entrada tocáveis ou clicáveis, os usuários do console navegam pressionando um botão de cada vez, então uma ação que leva um movimento em outros dispositivos pode levar movimentos extras com um Controle.Certifique-se de que as ações principais em sua experiência só precisam de alguns movimentos para acesso.

• Sem janela de bate-papo : Independentemente de se você usa o sistema de bate-papo padrão na experiência ou forka o sistema de bate-papo legado como seu sistema de bate-papo personalizado, desabilite a janela de bate-papo para experiências de console.

Adicionar controle complementar

Ao contrário de celulares e desktops, a navegação é sempre sequencial em consoles, então os usuários não podem pular entre elementos distantes tão rapidamente quanto em outros dispositivos.Para melhorar a velocidade da navegação, considere adicionar botões e atalhos adicionais para ações essenciais na experiência.

Acomodar í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 combinar com a aparência e a sensação da sua experiência.O seguinte exemplo mostra como você pode mapear recursos personalizados para Enum.KeyCode.ButtonA :

  Mapear 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 recurso ButtonA ativo
      ButtonCross = "rbxasset://BUTTON_CROSS_ASSET" -- Substituir com o 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 chave solicitado como substituições fáceis de serem adicionadas, como o seguinte exemplo para mapeamento mostra Enum.KeyCode.ButtonA:

  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

Forneça comentário/retornohaptico

Uma vantagem única dos controladores é a capacidade de fornecer feedback háptico vibrando fisicamente o controlador para envolver o sentido de toque dos usuários.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 haptico incluem:

• Eventos fisicamente dramáticos, como explosões ou colisões.
• Eventos que requerem 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 para o fim de uma lista ou clicar em um botão desativado.

HapticService também permite que você controle os motores individuais em um controlador para definir a intensidade e a 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 as ações geram comentário/retorno.Projete haptics cuidadosamente e evite o excesso de uso, pois os usuários podem encontrar vibrações constantes desagradáveis e irritantes.

Construir para a experiência de 10 pés

Quando em consoles, os usuários normalmente estão sentados a 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.

Considerar a área segura da TV

Como nem todas as TVs mostram totalmente o conteúdo até às bordas da tela devido a limitações históricas e técnicas, coloque elementos de UI em áreas seguras para TV para garantir que os elementos importantes da experiência sejam visíveis em várias TVs.

Implementar UI de tamanho dinâmico

Implemente sua interface de usuário usando tamanhos relativos e posições relativas para medir tudo como porcentagens de um quadro.Incorpore um fator de escala para todos os tamanhos de UI por:

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

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

• Implementando ScrollingFrame para reduzir a bagunça na tela à medida que a interface de usuário aumenta.

Adaptar divulgação progressiva

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

Forneça comentário/retornode som

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