Texto de aviso de la interfaz
Diseñar la UI para proyectos 3D interactivos es el elemento clave de la experiencia general. La UI es el feedback visual para el usuario que despierta su curiosidad. Guía la experiencia del usuario a medida que revela elementos interactivos, acercándonos un paso más a aprovechar al máximo los beneficios de tener un gemelo digital.
Sin embargo, un diseño 3D fantástico puede perder su impacto si el usuario no se da cuenta de que ciertas partes del proyecto son interactivas al hacer clic. Los usuarios necesitan orientación, y depende del diseñador idear la solución de UI/UX desde la fase de concepto.
Los hotspots, que los diseñadores suelen usar como guías de navegación en el espacio 3D, pueden tener la forma de un punto u otro elemento gráfico que indica dónde hacer clic. En Vectary, los hotspots se pueden animar con archivos Lottie o GIF, y pueden activar interacciones, animaciones, anotaciones, sonido o una UI flotante. Los hotspots no cambian de tamaño ni de ubicación al acercar o alejar el zoom sobre el objeto.
La ventaja de los hotspots es que sugieren de inmediato que hay un elemento interactivo. Sin embargo, el inconveniente es que a veces pueden hacer que la experiencia parezca sobrecargada.
Llegados a este punto, es importante analizar otras opciones de interfaces de usuario interactivas que van más allá de los hotspots. Aquí tienes alternativas que podrían funcionar mejor, o que pueden usarse junto a los hotspots.
Los resaltados son una función fantástica para llamar la atención sobre una parte específica de un proyecto. Suelen aparecer al pasar el cursor por encima, pero en algunos casos se pueden animar para sugerir que se haga clic en ellos. En Vectary, puedes elegir resaltar una pieza entera o usar una versión con un trazo más sutil. Deja volar tu creatividad combinando la función de resaltado al pasar el cursor con elementos gráficos o indicaciones que expliquen qué es interactivo. Aprende más sobre cómo crearlos en nuestra documentación.
Las animaciones al pasar el cursor, especialmente combinadas con resaltados, pueden animar a los usuarios a hacer clic sin alterar el diseño visual general con elementos gráficos adicionales. Al aprovechar principios de los videojuegos, la animación al pasar el cursor puede guiar a los usuarios para interactuar con el proyecto 3D. Puede ser un método de lo más interesante para mantener la atención del usuario.
¿Por qué limitarte a objetos 2D para los hotspots? ¿No debería ser también en 3D la UI en el espacio 3D? En Vectary, apostamos por el desarrollo de la UI en 3D haciendo que se pueda hacer clic en cualquier objeto. Ya sea una gran flecha 3D o una mesa con un cartel, haz que la UI forme parte de tu escena. La ventaja añadida es que la UI en 3D estará a escala con el objeto.
Haz que la UI se muestre o se oculte al hacer clic o al pasar el cursor sobre el fondo para mantener el objeto como el foco principal de la escena.
En los inicios de los visores 3D, se usaban indicaciones gráficas animadas que invitaban a los usuarios a rotar el modelo. Incluso hoy en día, puedes indicar a los usuarios que hay elementos interactivos antes de que empiecen a interactuar con el modelo.
Vectary también es compatible con audio, lo que te permite crear audioguías que se pueden reproducir al hacer clic, al pasar el cursor o en cuanto se cargue el proyecto. Solo tienes que indicar al usuario que active el sonido mediante un icono indicador o un texto. Descubre más en nuestra documentación.
Aunque los hotspots son guías valiosas en los designs interactivos, experimentar con diferentes activadores de interacción puede mejorar enormemente la experiencia general. Al probar otras técnicas de UX intuitivas, lo importante es encontrar un equilibrio que garantice que los usuarios puedan navegar e interactuar fácilmente con los diseños.
Las funciones de Vectary Studio permiten al diseñador conceptualizar y ejecutar diseños interactivos sin necesidad de código ni de aplicaciones adicionales.