Crie seu app de óculos de IA usando o framework Glimmer UI do Jetpack Compose para experiências de realidade aumentada que funcionam em óculos de IA. O Jetpack Compose Glimmer é um dos primeiros frameworks de UI otimizados para telas transparentes e o formato dos óculos de IA.
1. Decidir as jornadas do usuário
Concentre-se nas jornadas ideais do usuário (CUJs) que são compatíveis com os princípios de visibilidade do formato dos óculos de IA. Isso pode ser expresso com uma interface mínima ou apenas áudio, permitindo que o usuário permaneça presente no ambiente. Para encontrar oportunidades, considere iniciar pontos de entrada no seu app atual que se beneficiariam dos óculos.
Por exemplo, um usuário pode se beneficiar de rotas a pé passo a passo sem usar as mãos para chegar ao destino.
A jornada do usuário escolhida também precisa considerar os princípios de segurança, conforto e performance. Por exemplo, não escolha tarefas que exijam a câmera do usuário por períodos desnecessariamente longos ou que violem a privacidade dele.
Saiba mais sobre os princípios fundamentais.
O que fazer
O que não fazer
2. Minimizar e traduzir
Para a interface do modo de exibição, comece com um CUJ do seu app principal:
Otimize layouts para foco: os layouts priorizam informações essenciais, reduzindo o número de ações e elementos visuais para manter o foco do usuário.
Use a profundidade para hierarquia: a profundidade é usada para comunicar a prioridade do elemento.
Projete de baixo para cima: ao criar simulações, comece de baixo para cima, organizando os componentes.
Traduzir componentes visuais: para óculos de IA, use componentes Glimmer do Jetpack Compose e padrões de layout.
Leia mais sobre componentes e visualização do app.
Componentes otimizados
B. Contorno e destaque: a cor do contorno é otimizada para contraste. O uso de um destaque fornece expressão visual e pode ser usado para indicar alguns tipos de entrada.
C. Forma: um sistema de formas mais suaves é usado para melhorar a capacidade de leitura rápida, reduzindo a nitidez dos cantos e aumentando o conforto. Cor da plataforma: a cor da plataforma do conteúdo é branca para maximizar o contraste com o mundo.
D. Tipografia: a escala tipográfica do Glimmer usa um pequeno conjunto de estilos de corpo e título refinados que otimizam o kerning, o tamanho e o peso para legibilidade e leitura ideais.
E. Iconografia: o uso de símbolos arredondados do Material Design é coerente com a escala tipográfica arredondada.
3. Fluxo e sinais de áudio
Converse com o áudio. Embora o áudio deva constituir uma grande parte do app de óculos com IA sem sobrecarregar o usuário, também é necessário considerar uma experiência somente de áudio para determinados dispositivos. Para isso, crie um mapa de fluxo somente de áudio. Anotar interações e feedback com dicas de áudio e diálogo.
4. Controles de entrada do mapa
Mapeie as entradas para os controles e gestos do dispositivo. Comece traduzindo interações básicas do app, como tocar, para um toque no trackpad.
5. Considere a SysUI
Considere outras interfaces do sistema.
Seu app vai aparecer na página inicial e em outros recursos do sistema, como notificações, se usado. Elas podem aparecer na barra de sistema.
6. Outros estados
O app vai encontrar diferentes cenários nos óculos de IA, como problemas de conexão ou permissão. Considere esses diferentes estados no app principal e no app para óculos.
Peça permissões de recursos do dispositivo.
Não se esqueça de considerar esses aspectos na interface visual e no áudio. Por exemplo, dê feedback de áudio para comunicar que eles precisam concluir um fluxo de permissão no dispositivo móvel ou para ler os erros.
