Os sites como os conhecemos vão mudar muito em breve. Os dias de texto, imagens e interações básicas em uma janela de navegador 2D nos serviram bem, mas as experiências de realidade virtual, aumentada e mista estão cada vez melhores. Os desenvolvedores e designers precisam pensar além da janela do navegador e se preparar para um futuro envolvente.
Muitos foram muito céticos sobre RV e RA no passado porque, apesar das grandes promessas sobre o que iriam alcançar, eles falharam principalmente em entregar na escala que a indústria esperava.
Mas é diferente desta vez: líderes da indústria como Meta, Apple e Microsoft estão buscando uma variedade de projetos de realidade mista diferentes; eles veem a oportunidade e dão dicas sobre o que vem por aí.
Em uma pesquisa da Perkins Coie LLP e da XR Association , quase 9 em cada 10 entrevistados disseram que até o ano de 2025, as tecnologias imersivas – incluindo realidade aumentada, realidade virtual e realidade mista – serão tão onipresentes quanto os dispositivos móveis.
É uma previsão ousada, mas pode ser nossa nova realidade.
Casos de Uso
VR e AR não são um ajuste lógico para todos os sites, e isso é bom. Não há necessidade de forçar uma experiência imersiva em algo mais adequado para uma experiência de visualização padrão.
Mas, quando feitas da maneira certa, as experiências 3D podem agregar muito ao seu site. Confira a experiência de demonstração do Mozilla , os passeios em 3D do Matterport e a narrativa envolvente de Inside .
Aqui estão algumas áreas onde essas tecnologias brilham:
- Varejo – a RV pode ser usada para fornecer um showroom virtual onde os clientes navegam pelos produtos. A AR pode até levar os produtos para sua casa, mostrando como uma peça de mobiliário vai caber no seu quarto, como ficará uma pintura na sua parede ou, no caso da Apple, como um produto ficará na sua mesa.
- Notícias – a cobertura de eventos pode ser enriquecida fornecendo uma visão de 360 graus e colocando os espectadores no centro da história.
- Treinamento – AR pode gerar sobreposições virtuais sobre o equipamento físico para que os funcionários possam ter um treinamento prático mais eficaz.
Defina sua plataforma
Adicionar experiências imersivas ao seu site exigirá várias habilidades com base no que você está tentando criar. Quer você seja novo no desenvolvimento web ou um desenvolvedor experiente com muitos anos de experiência, a principal diferença do desenvolvimento web clássico é que você está mudando de uma experiência 2D para uma 3D. O desenvolvimento em VR / AR está muito mais próximo do desenvolvimento de videogames 3D do que da criação de aplicativos para a web.
Em primeiro lugar, você precisa decidir sobre o hardware para o qual está construindo. Seus espectadores usam principalmente computadores, smartphones ou fones de ouvido como o Oculus Quest? Cada categoria de hardware oferece um conjunto diferente de recursos para o que é possível.
A seguir, quando olhamos para mecanismos e frameworks 3D no mercado, alguns grandes nomes como Unity , Unreal Engine e CRYENGINE se destacam. A maioria desses mecanismos foi derivada do desenvolvimento de jogos e é baseada em linguagens de programação como C, C ++ ou C #. Embora muito poderosos, eles são um exagero para qualquer pessoa que esteja tentando criar uma experiência básica de imersão na web.
A boa notícia para os desenvolvedores da web é que a API do dispositivo WebXR é um padrão aberto especificado pelo W3C com uma API JavaScript que possibilita experiências imersivas no navegador. Portanto, se você já tem experiência em desenvolvimento web, pode usar seu conhecimento de JavaScript para começar.
Existem algumas estruturas e plataformas úteis que tornam o trabalho com WebXR mais conveniente:
- A-Frame– Uma estrutura da web para a construção de experiências 3D.
- React 360 – Uma estrutura para a criação de experiências interativas de 360 graus que são executadas no navegador da web. Como o nome já sugere, ele se baseia no React e reutiliza os conceitos que você já conhece.
- Amazon Sumerian – um serviço gerenciado que permite criar e executar aplicativos 3D, AR e VR. Como está integrado ao ecossistema AWS, também é possível adicionar elementos habilitados para IA em seu mundo gerado.
Crie Seu Conteúdo
Ninguém quer ler longos blocos de texto em 3D. Já que estamos falando sobre experiências visuais, é lógico que a ênfase deva ser na criação de conteúdo que seja agradável à vista e interessante de se olhar. O que funciona em um site normal provavelmente não parecerá natural em um ambiente 3D, então você precisa decidir quais visuais você deve criar para se adequar ao formato.
De quais imagens e recursos de alta resolução você precisa? Você pode adicionar vídeos? Que tal vídeos em 360 graus? Os espectadores estarão apenas olhando para alguma coisa ou poderão interagir com ela?
Você também não pode esquecer o som porque é uma parte crítica das experiências de imersão. Que música e sons você deve criar para dar vida ao conteúdo?
Nem todo mundo terá o melhor e mais recente dispositivo ou cobertura 5G. Os requisitos de largura de banda e qualidade de transmissão são muito maiores com conteúdo 3D. Alguns milissegundos de latência podem passar despercebidos em um site típico, mas em uma configuração de VR / AR, pode tornar a experiência lenta ou inutilizável.
Tente otimizar seu conteúdo para ter a mais alta qualidade possível, dentro de um tamanho de arquivo razoável. Se a experiência começar a sofrer com o download de muitos ativos ao mesmo tempo, é melhor criar uma experiência mais simplificada que mantenha uma alta taxa de desempenho.
É importante levar em consideração sua infraestrutura de hospedagem também. Isso não deve ser um grande problema, mas vale a pena mencionar que você precisa adicionar novos tipos de conteúdo às suas configurações, e seu CDN precisa oferecer suporte a esses novos tipos também.
Torne Seu Conteúdo Flexível
Quando falamos em preparar seu site para experiências imersivas, não estamos apenas falando sobre fazer as pessoas rolarem seu site normal em RV. Isso não é atraente para o seu público.
A ideia é pegar um conteúdo que já está no seu site e separá-lo da camada de apresentação para que você possa utilizá-lo em um ambiente 3D ou em qualquer outra plataforma que desejar. O gerenciamento de conteúdo clássico ocorre em silos, o que significa que você não pode reutilizar facilmente o conteúdo do seu site.
Essa separação pode ser alcançada usando um banco de dados clássico, mas se você quiser que os desenvolvedores e as equipes de conteúdo colaborem, um CMS headless é agnóstico de front-end e mais amigável.
Comece a fazer experiências hoje
Construir experiências de conteúdo 3D pode parecer intimidante, mas, como vimos, você provavelmente já tem as habilidades de desenvolvimento web necessárias para começar e experimentar algumas ideias diferentes.
O que você construir hoje irá prepará-lo para o futuro 3D de amanhã.