Tabela periódica dos elementos
Observação
Este artigo discute uma amostra exploratória que criamos no Mixed Reality Design Labs, um lugar onde compartilhamos nossos aprendizados e sugestões para o desenvolvimento de aplicativos de realidade mista. Nossos artigos e códigos relacionados ao design evoluirão à medida que fizermos novas descobertas.
Observação
Este aplicativo de exemplo foi projetado para HoloLens de 1ª geração. Consulte Tabela Periódica dos Elementos 2.0 para a versão HoloLens 2.
A Tabela Periódica dos Elementos é um aplicativo de exemplo de código aberto do Mixed Reality Design Labs da Microsoft. Saiba como dispor uma matriz de objetos no espaço 3D com vários tipos de superfície usando uma coleção Object. Saiba também como criar objetos interactáveis que respondem às entradas padrão do HoloLens. Você pode usar os componentes deste projeto para criar sua própria experiência de aplicativo de realidade mista.
Vídeo de demonstração
Gravado com HoloLens 2 usando Mixed Reality Capture
Sobre o aplicativo
A Tabela Periódica dos Elementos visualiza os elementos químicos e cada uma de suas propriedades em um espaço 3D. Ele incorpora as interações básicas do HoloLens, como olhar e toque de ar. Os usuários podem aprender sobre os elementos com modelos 3D animados. Eles podem entender visualmente a camada de elétrons de um elemento e seu núcleo - que é composto por prótons e nêutrons.
Tela de fundo
Depois que experimentei o HoloLens pela primeira vez, soube que queria experimentar um aplicativo de tabela periódica em realidade mista. Como cada elemento tem muitos pontos de dados que são exibidos com texto, achei que seria ótimo assunto para explorar a composição tipográfica em um espaço 3D. Dar aos usuários a chance de visualizar o modelo de elétrons do elemento foi outra parte interessante deste projeto.
Criar
Para a visualização padrão da tabela periódica, imaginei caixas tridimensionais que conteriam o modelo de elétrons de cada elemento. A superfície de cada caixa seria translúcida para que o usuário pudesse ter uma ideia aproximada do volume do elemento. Com o olhar e o toque de ar, o usuário poderia abrir uma visão detalhada de cada elemento. Para tornar a transição entre a visualização de tabela e a visualização de detalhes suave e natural, eu a tornei semelhante à interação física de uma abertura de caixa na vida real.
Criar esboços
Na visão detalhada, eu queria visualizar as informações de cada elemento com texto lindamente renderizado no espaço 3D. O modelo de elétrons 3D animado é exibido na área central e pode ser visto de diferentes ângulos.
Protótipos de interação
O usuário pode alterar o tipo de superfície tocando ar nos botões na parte inferior da tabela - eles podem alternar entre plano, cilindro, esfera e dispersão.
Controles e padrões comuns usados neste aplicativo
Objeto interactable (botão)
Objeto interactable é um objeto, que pode responder a entradas básicas do HoloLens. Ele é fornecido como um pré-fabricado/script, que você pode aplicar facilmente a qualquer objeto. Por exemplo, você pode tornar uma xícara de café em sua cena interactável e responder a entradas como olhar, toque de ar, navegação e gestos de manipulação. Saiba mais
Coleção de objetos
A coleção de objetos é um objeto que ajuda a dispor vários objetos em várias formas. Ele suporta plano, cilindro, esfera e dispersão. Você pode configurar propriedades adicionais, como raio, número de linhas e espaçamento. Saiba mais
Detalhes técnicos
Você pode encontrar scripts e pré-fabricados para a Tabela Periódica do aplicativo Elements no GitHub do Mixed Reality Design Labs.
Portando história para HoloLens 2
Leia a matéria sobre como a Tabela Periódica do aplicativo Elements foi atualizada com as interações instintivas do HoloLens 2.
Tabela periódica dos elementos 2.0
Sobre o autor
 |
Parque Yoon UX Designer @Microsoft |