Design para XR

Para aproveitar ao máximo o potencial do Android XR, é importante entender a computação espacial, a imersão e como combinar conteúdo digital com o ambiente físico do usuário.

Um bom design de XR oferece uma experiência confortável, natural e intuitiva. Ela atrai os usuários e os incentiva a explorar tudo o que o app oferece. Os apps Android XR podem ajudar os usuários ao longo do dia a:

  • Focar no trabalho e ser mais produtivo e criativo
  • Assistir vídeos, jogar, ouvir músicas e navegar por fotos
  • Descubra e aprenda
  • Comunicar e se conectar com amigos e familiares
  • Melhorar a saúde mental e física

Considerações para um app de XR de alta qualidade

Comece de onde você está

O Android XR oferece suporte ao design de onde você está hoje. Você pode desenvolver um novo app ou atualizar um existente com o Android Jetpack XR, Unity, OpenXR ou WebXR.

Criar um app novo ou espacializar um app Android
É possível criar um app do zero ou adaptar um app para telas grandes ou dispositivos móveis Android para XR adicionando componentes espaciais.
Crie um novo app ou transfira um app do Unity, do OpenXR ou do WebXR
Você pode levar experiências imersivas para um novo público com o mínimo de esforço de desenvolvimento.
Um app para telas grandes do Android adaptado para o Android XR
Dimensional Double Shift, um app do Unity convertido para Android XR

Seguir padrões estabelecidos. Você pode usar as diretrizes do Material Design e os componentes para criar uma experiência consistente em várias plataformas. Para apps Android, adote padrões de IU estabelecidos. Para apps Unity, OpenXR ou WebXR, aplique diretrizes de design específicas da plataforma para garantir uma experiência do usuário perfeita.

Aproveite o conhecimento dos usuários. Use elementos comuns, como botões, menus e campos de texto que os usuários já conhecem de outras plataformas. Projete interações consistentes para ajudar os usuários a navegar pelo app. Adicione indicações visuais para mostrar como eles podem interagir com os objetos.

Fazer com que os usuários se sintam confortáveis e seguros

Pense no conforto em todas as partes do seu design, considerando como as pessoas se movem naturalmente. Permita que os usuários interajam com o app em diferentes posições do corpo, usando as mãos, os olhos, a voz, o teclado físico, o mouse ou o controle.

Crie interações confortáveis. Centralize os elementos interativos no campo de visão do usuário para minimizar o cansaço da cabeça e dos olhos. Mantenha o conteúdo dentro de limites claros para ajudar os usuários a se orientarem e evitar sobrecarga sensorial. Reserve movimentos de cabeça e corpo em grande escala para interações que realmente melhorem a experiência.

Acomodar experiências sentadas, em pé e reclinadas. Posicione elementos da interface, controles e objetos interativos dentro do campo de visão do usuário. Ative as configurações de altura personalizadas para que os usuários possam personalizar a experiência.

Evitar enjoo durante o movimento. Use movimentos previsíveis e taxas de frames estáveis para ajudar os usuários a prever mudanças no ambiente. Evite movimentos inesperados, como acelerações, desacelerações ou mudanças de direção. Ele ajuda a manter alguns itens estáticos para um referencial.

Permitir que os usuários escolham entre mundos reais e virtuais. Se o app oferece suporte à imersão total para transportar os usuários a um espaço virtual, ofereça uma opção de transmissão para que os usuários possam ver o espaço físico ao lado do app quando possível.

Descubra experiências especiais em XR

O Android XR inclui recursos para ajudar você a aproveitar a tela infinita e criar experiências envolventes e imersivas.

Modelos 3D interativos. Você pode adicionar objetos 3D interativos que sejam realistas, estilizados ou divertidos. Normalmente, os objetos 3D são renderizados com profundidade e volume, podem ser visualizados de todos os ângulos e movidos com interações naturais usando gestos.

Ambientes virtuais totalmente imersivos. Deixe a imersão total para experiências que se beneficiam dela. Escolha um momento importante para transportar o usuário a uma nova realidade, substituindo o ambiente físico por um espaço virtual.

Considere a mesclagem imersiva. No modo passthrough, é possível mesclar elementos virtuais com o ambiente físico de um usuário. Projete objetos virtuais com iluminação natural e oclusão para adicionar uma sensação de realismo.

Áudio espacial. Para adicionar outra camada de realismo e imersão, posicione os sons com precisão em um ambiente para criar um ambiente sonoro crível que aumenta a consciência espacial do usuário.

Tornar o app acessível

O Android XR foi criado para facilitar a navegação, o entendimento e o uso do app por todos os usuários.

Recursos do sistema. O Android XR inclui recursos de acessibilidade para dispositivos móveis e telas grandes, como voz para texto, legendas ao vivo, inversão e correção de cores, ampliação e controle de permanência. A plataforma também é adaptada para o Leitor de tela TalkBack do Google.

Cores e iluminação. Ofereça contraste de cores suficiente para ajudar usuários com daltonismo. Mantenha as proporções de contraste para facilitar a leitura, principalmente se você usar planos de fundo transparentes. Use o escurecimento para criar contraste entre o app e o ambiente do usuário. Evite mudanças repentinas no brilho ou na cor para evitar desconforto nos olhos.

Considere o tamanho e a escala dinâmicos. Alvos de interface e ponteiro maiores facilitam a seleção e a manipulação de elementos no espaço. Se você estiver criando um app Android, ele será dimensionado automaticamente quando os usuários o moverem ou redimensionarem.

Reduzir a carga cognitiva. Apresente aos usuários um número limitado de opções por vez. Ofereça feedback visual ou sonoro para confirmar ações. Revele os recursos avançados aos poucos para evitar sobrecarregar os usuários com informações excessivas.

Projetar para interações diretas e à distância, para que os usuários possam interagir confortavelmente com objetos próximos e distantes. Os usuários precisam poder pegar uma ferramenta virtual, pressionar um botão ou redimensionar um objeto 3D, seja ele ao alcance do braço ou mais longe.

Saiba mais sobre entradas multimodais acessíveis.