Entre no design VR/AR

Publicados: 2022-03-11

Design thinking em três dimensões.

A realidade virtual não está mais no reino da ficção científica. Nos últimos anos, o mercado de realidade virtual e aumentada (VR/AR) vem aquecendo com grandes empresas de tecnologia como Microsoft, Google, HTC, Facebook e até mesmo Apple. está sendo usado para tudo, desde vendas de carros até treinamento corporativo. A Forbes prevê que as vendas de fones de ouvido VR e AR atingirão US$ 80 milhões até 2021 e o TechCrunch está defendendo que a AR pode se tornar o principal impulsionador de um mercado AR/VR de US$ 108 bilhões até 2021.

No momento, o cenário VR/AR se parece um pouco com o oeste selvagem. Não existem muitos padrões ou diretrizes, e muitas pessoas ainda não têm certeza do que é VR/AR e por que isso é importante. Para os designers, o design de realidade virtual e o design de realidade aumentada oferecem uma oportunidade de estar no piso térreo da criação e design de uma indústria totalmente nova - desenvolvendo os padrões de design, em vez de seguir regras predefinidas delineadas por outra pessoa.

Fone de ouvido Samsung VR - design AR VR

Como a maioria dos designers passou anos aprimorando seu ofício em telas planas: computadores, dispositivos móveis ou até mesmo design de impressão, pode parecer assustador pular para o design 3D. Pode ser surpreendente saber que muitas das habilidades que você já possui se aplicam a essa nova fronteira.

Como em qualquer projeto de design, é essencial conhecer e entender o máximo possível sobre a plataforma, o público-alvo e o que você (ou o cliente) está tentando alcançar. Seja realista. Esta é uma nova fronteira, então não subestime quanto tempo levará para entender a tecnologia – prepare-se para cometer erros e aprender com eles.

Começando: Mergulhe

A melhor maneira de começar é experimentar o VR/AR por si mesmo, se ainda não o fez, e se você já experimentou antes, é hora de imersão total. Como este espaço é tão novo, é impossível começar a projetar sem obter o máximo de experiência em primeira mão possível.

Para iniciantes com orçamento limitado, comece baixando aplicativos VR/AR das lojas de aplicativos do Google e da Apple em seu smartphone ou tablet. Muitos aplicativos ainda são gratuitos e há uma grande variedade para escolher. Pegue o Google Cardboard, que é a maneira mais barata de começar a experimentar a RV.

Se você está se sentindo um pouco mais aventureiro e tem um pouco mais de dinheiro para gastar, o Google Daydream e o Samsung Gear VR oferecem experiências mais integradas e de maior qualidade na extremidade inferior.

Design virtual - design AR VR MR
Realidade Aumentada e Realidade Mista (AR/MR) combina elementos do mundo virtual com o mundo real usando fones de ouvido ou dispositivos móveis. A Realidade Virtual (VR) mergulha completamente os usuários em mundos virtuais.

Para aqueles com bolsos maiores, Oculus, HTC Vive e Sony oferecem plataformas de ponta que se concentram mais em jogos. Estes não são para os fracos de coração, e os custos podem ser altos, de US $ 949 para um pacote completo do PlayStation VR a vários milhares de dólares para um sistema Vive ou Oculus com um PC de última geração. Esses sistemas também exigem um pouco de configuração e conhecimento técnico.

Ao explorar, faça anotações sobre o que funciona e o que não funciona do ponto de vista de UX/UI. Certifique-se de levar em consideração as limitações técnicas e se o hardware está ajudando ou atrapalhando a experiência do usuário. Além disso, anote quais elementos você é atraído, você gosta da imersão total da VR ou prefere a realidade mista da AR? Isso ajudará você a determinar onde gastar seu tempo aprendendo.

Procura-se designers de UX freelancers em tempo integral nos EUA

Primeira pessoa vs. design plano

VR/AR tem tudo a ver com três dimensões, e a interface do usuário não está mais confinada a uma tela ou superfície retangular plana. Portanto, é essencial entender um pouco melhor o design espacial e os elementos espaciais da interface do usuário.

Tipos de elementos de IU espaciais:

Acompanhe o design VR AR

  • Acompanhamento – os elementos da interface do usuário seguem o usuário conforme ele se move pelo ambiente e não são fixos. Um exemplo real disso seria o painel do seu carro.

Design de ar vr bloqueado para o mundo

  • Bloqueado pelo mundo – os elementos da interface do usuário têm um espaço especificamente atribuído dentro do ambiente e não se movem. No mundo real, exemplos disso são as placas de rua, semáforos ou indicadores de faixa de pedestres.

Comece a pensar em como o design no mundo real pode se aplicar ao mundo virtual. Certifique-se de pensar em linhas de visão e tamanhos de fonte e esteja preparado para fazer alguns protótipos rápidos em VR para testar suas suposições. Às vezes você pode se contentar com um hotlink em um objeto para uma interação simples; para interações mais complexas, você precisará criar menus dinâmicos com interações secundárias ou até terciárias. Os jogadores já estão familiarizados com muitos desses conceitos e entendem a importância de cada tipo de elemento espacial da interface do usuário.

Novas entradas, novos desafios

Pela primeira vez, os usuários estão sendo solicitados a interagir com uma interface do usuário sem interação tátil. Não há mais mouse, touchpad ou tela sensível ao toque. Embora alguns métodos imitem essa interação tátil, na maioria dos casos o usuário estará interagindo com um ambiente virtual por meio de algumas entradas desconhecidas, portanto, é importante entender como isso afeta o design da interface do usuário.

Projeto de RV

Tipos de entradas:

  • Gesto
  • Olhar (rastreamento ocular)
  • Voz
  • Entradas de hardware:
    • Específico da plataforma
    • Controladores de toque e clique
    • Controladores de jogos
    • Háptico

Cada plataforma ou dispositivo terá seu próprio conjunto exclusivo de métodos de entrada e pode ter todos ou apenas alguns dos métodos explorados acima; portanto, é essencial entender a plataforma para a qual você está projetando.

De volta ao básico: o processo de design virtual

Todo grande design começa da mesma maneira, não importa qual seja o produto final. Depois de ter uma boa compreensão do projeto e dos objetivos, comece a colaborar e fazer um brainstorming. Use o que você usa atualmente para os conceitos iniciais de design: quadros brancos, caneta e papel ou software. Colete feedback e itere o máximo possível para refinar e restringir o foco antes de seguir em frente.

Esboço de design AR para um painel
Tal como acontece com qualquer projeto de design, esboçar ou quadro branco na fase de brainstorming é a melhor maneira de concretizar ideias. A imagem acima mostra os conceitos iniciais para um painel AR/VR tridimensional.

Depois que os conceitos iniciais são refinados, a próxima etapa é entrar na mentalidade do usuário criando fluxos de usuário. Ao rastrear o caminho que um usuário percorreria pela interface do usuário, podemos garantir que o caminho seja simples e fácil de entender.

O estágio final são os wireframes. Projetar a maneira como a interface do usuário será apresentada e acessível ao usuário.

Comece pequeno: prototipagem rápida

Não tenha medo de fazer esboços ou wireframes em protótipos VR/AR rápidos em um estágio inicial. Isso o ajudará a resolver quaisquer problemas imprevistos com suas ideias antes de se aprofundar demais no desenvolvimento.

Algumas ferramentas simples podem ser usadas para testar rapidamente alguns desses conceitos iniciais:

  • Sketch to VR – um plug-in que permite que os designers usem o Sketch para criar demonstrações habilitadas para o Google VR. Uma excelente ferramenta para criar e mostrar protótipos iniciais para as partes interessadas.
  • Vizor – um pouco mais avançado e permite que os designers criem demonstrações interativas baseadas em fotos ou cenas 3D. Storyscape mostra como começar.
  • WebVR – uma plataforma aberta que permite experimentar VR em um navegador da web.

Você também pode usar softwares como Sketchup, Blender e Cinema 4D para fazer maquetes e protótipos de interfaces e cenas VR/AR. Alternativamente, se você quiser ir direto para uma das principais ferramentas de design e desenvolvimento em VR/AR, vá diretamente para Unity e configure uma conta gratuita. Tem um pouco mais de curva de aprendizado, mas há muitos tutoriais por aí para você começar.

Trabalhando em 3D - prototipagem para design VR AR
Uma vez que as ideias de interface do usuário começam a tomar forma, há várias maneiras de prototipar conceitos. Acima estão os elementos da interface do usuário 3D que foram modelados e animados no Cinema 4D antes de serem exportados para o Unity Pro.


Design AR VR com Unity Pro
Captura de tempo de execução do Unity Pro.

Visualizando o Virtual

Assim como no design tradicional de interface do usuário, um design visual excelente é fundamental. Aplique o que você sabe e não tente reinventar a roda ou mudar sua estética drasticamente. Use ferramentas com as quais você já está familiarizado para evitar curvas de aprendizado desnecessárias (Adobe CC, Sketch, Framer, etc.).

Lembre-se do dispositivo que o usuário final usará para experimentar sua interface do usuário. Telas e fones de ouvido de alta resolução (tablet AR, Oculus, Vive, PlayStation VR) permitem designs mais detalhados e fontes menores e mais elegantes. Dispositivos de tela menor ou de tela pequena (smartphone VR/AR, Cardboard, Daydream, Gear VR) precisarão usar fontes maiores e mais grossas e elementos de interface do usuário menos detalhados.

Mantendo a realidade

Guie os usuários pela sua interface usando dicas e sempre forneça feedback a cada interação para que o usuário seja orientado rapidamente. Atenha-se às práticas recomendadas de UX/UI e crie gráficos limpos, simples e fáceis de usar, permitindo que seus usuários se familiarizem com experiências virtuais, fornecendo a eles pontos de referência familiares e metáforas visuais.

Acredite ou não, depois de todos esses anos se afastando do skeuomorphism no design, o VR/AR está trazendo de volta. Usar um gesto para girar um botão ou pegar um objeto parece natural para os usuários. Basta perguntar aos jogadores hardcore, eles interagem com mundos virtuais há anos.

AR VR design para crianças imersivas
A imagem acima mostra um mini-jogo feito para um livro infantil imersivo. Os usuários pegam as peças e as colocam sobre o projeto para construir pernas de energia robótica.

Entre agora!

Não há limites para onde as pessoas criativas podem ir em VR/AR. É um campo aberto com muitas novas oportunidades. É raro que designers possam entrar no piso térreo de algo totalmente novo e com tantas possibilidades. A tecnologia imersiva precisa desesperadamente que os designers entrem, se envolvam, assumam riscos e criem algo novo.

• • •

Leitura adicional:

  • Novas realidades: VR, AR, MR e o futuro do design
  • Realidade Aumentada x Realidade Virtual x Realidade Mista - Um Guia Introdutório
  • Projetando para ambientes interativos e espaços inteligentes
  • Práticas recomendadas de design de interface do usuário e erros comuns
  • Estados vazios – o aspecto mais negligenciado do UX