Desenhar a UI para projetos 3D interativos é o elemento-chave de toda a experiência. A UI é o feedback visual para o utilizador que desperta a curiosidade. Guia a experiência do utilizador à medida que revela elementos interativos. Leva-nos um passo mais perto de tirar o máximo benefício de ter um gémeo digital.
No entanto, um design 3D fantástico pode falhar o seu objetivo se o utilizador não se aperceber de que certas partes do projeto são interativas ao clicar. Os utilizadores precisam de orientação, e cabe ao designer pensar na solução de UI/UX logo desde a fase de conceito.
Os hotspots, frequentemente usados por designers como guias de navegação no espaço 3D, podem assumir a forma de um ponto ou outro elemento gráfico que indica onde clicar. No Vectary, os hotspots podem ser animados com ficheiros Lottie ou GIFs, e podem ativar interação, animação, anotação, som ou UI flutuante. Os hotspots não mudam de tamanho ou de localização se aproximares ou afastares o zoom do objeto.
A vantagem dos hotspots é que sugerem imediatamente um elemento interativo. No entanto, uma desvantagem é que, por vezes, podem fazer com que a experiência pareça sobrecarregada.
Nesta fase, é importante listar outras possibilidades de interfaces de utilizador interativas que vão além dos hotspots. Aqui estão as alternativas que podem funcionar melhor ou que podem funcionar em conjunto com os hotspots.
Os destaques são uma excelente funcionalidade para chamar a atenção para uma parte específica de um projeto. Geralmente aparecem ao passar o cursor, mas, em alguns casos, podem ser animados para sugerir o clique. No Vectary, podes optar por destacar uma parte inteira ou usar uma versão de contorno mais subtil. Dá asas à tua criatividade ao combinares a funcionalidade de destaque ao passar o cursor com elementos gráficos/comandos que explicam o que é interativo. Sabe mais sobre como os criar na nossa documentação.
As animações ao passar o cursor, especialmente quando combinadas com destaques, podem incentivar os utilizadores a clicar sem perturbar o design visual geral com elementos gráficos adicionais. Ao tirar partido de princípios de gaming, a animação ao passar o cursor pode guiar os utilizadores na interação com o projeto 3D. Este pode ser um método envolvente para manter o interesse do utilizador.
Porquê limitar-te a objetos 2D como hotspots? A UI no espaço 3D não deveria ser também em 3D? No Vectary, acreditamos no desenvolvimento de UI em 3D, tornando qualquer objeto clicável. Quer seja uma grande seta 3D ou uma mesa com uma placa, faz com que a UI faça parte da tua cena. A vantagem adicional é que a UI 3D estará à escala do objeto.
Torna a UI visível ou oculta ao clicar ou ao passar o cursor sobre o fundo para manter o objeto como o foco principal da cena.
No início dos visualizadores 3D, existiam sugestões gráficas animadas que incentivavam os utilizadores a rodar o modelo. Mesmo agora, podes indicar aos utilizadores que existem elementos interativos antes de eles interagirem com o modelo.
O Vectary também suporta áudio, permitindo-te criar guias áudio que podem ser reproduzidos ao clicar, ao passar o cursor ou imediatamente após o projeto ser carregado. Basta instruíres o utilizador a ativar o som usando um ícone de sinalização ou texto. Sabe mais sobre isto na nossa documentação.
Embora os hotspots sejam pontos de referência valiosos em designs interativos, experimentar diferentes ativadores de envolvimento pode, sem dúvida, melhorar a experiência global. Ao testar outras técnicas intuitivas de UX, é sempre importante encontrar um equilíbrio que garanta que os utilizadores conseguem navegar e interagir facilmente com os designs.
As funcionalidades do Vectary Studio permitem ao designer conceber e executar designs interativos de uma forma que não requer qualquer código ou aplicações adicionais.