Caso práctico: Creación de HoloSketch, un diseño espacial y una aplicación de croquis de experiencia del usuario para HoloLens
HoloSketch es una herramienta de diseño espacial y de croquis de experiencia del usuario en el dispositivo para HoloLens que ayuda a crear experiencias holográficas. HoloSketch funciona con un teclado Bluetooth y un mouse emparejados, así como comandos de gestos y voz. El propósito de HoloSketch es proporcionar una sencilla herramienta de diseño de experiencia de usuario para una visualización rápida e iteración.
HoloSketch: diseño espacial y aplicación de croquis de experiencia del usuario para HoloLens
Una sencilla herramienta de diseño de experiencia del usuario para una visualización rápida e iteración
Características
Primitivos para estudios rápidos y creación de prototipos de escala
Use formas primitivas para estudios rápidos de masa y creación de prototipos de escala.
Importar objetos a través de OneDrive
Importe imágenes PNG/JPG o objetos FBX 3D (requiere empaquetado en Unity) en el espacio de realidad mixta a través de OneDrive.
Manipular objetos
Manipular objetos (mover, girar y escalar) con una interfaz de objeto 3D conocida.
Bluetooth, mouse/teclado, gestos y comandos de voz
HoloSketch admite mouse/teclado Bluetooth, gestos y comandos de voz.
Información previa
Importancia de experimentar el diseño en el dispositivo
Al diseñar algo para HoloLens, es importante experimentar el diseño en el dispositivo. Uno de los mayores desafíos en el diseño de aplicaciones de realidad mixta es que es difícil obtener el sentido de escala, posición y profundidad, especialmente a través de bocetos 2D tradicionales.
Costo de la comunicación basada en 2D
Para comunicar eficazmente los flujos de experiencia de usuario y los escenarios a otros, un diseñador puede acabar creando muchos recursos con herramientas 2D tradicionales, como Illustrator, Photoshop y PowerPoint. Estos diseños 2D suelen requerir un esfuerzo adicional para convertirlos en 3D. Algunas ideas se pierden en esta traducción de 2D a 3D.
Proceso de implementación complejo
Dado que la realidad mixta es un nuevo lienzo para nosotros, implica una gran cantidad de iteración de diseño y prueba y error por su naturaleza. Para diseñadores que no están familiarizados con herramientas como Unity y Visual Studio, no es fácil reunir algo en HoloLens. Normalmente, tiene que seguir el proceso siguiente para ver las ilustraciones 2D/3D en el dispositivo. Esta era una gran barrera para los diseñadores iterando rápidamente en ideas y escenarios.
Proceso de implementación
Proceso simplificado con HoloSketch
Con HoloSketch, queríamos simplificar este proceso sin implicar herramientas de desarrollo y emparejamiento del portal de dispositivos. Con OneDrive, los usuarios pueden colocar fácilmente recursos 2D/3D en HoloLens.
Proceso simplificado con HoloSketch
Fomentar el pensamiento y las soluciones de diseño tridimensional
Pensamos que esta herramienta daría a los diseñadores la oportunidad de explorar soluciones en un espacio realmente tridimensional y no estar atascado en 2D. No tienen que pensar en crear un fondo 3D para su interfaz de usuario, ya que el fondo es el mundo real en el caso de HoloLens. HoloSketch abre una manera de que los diseñadores exploren fácilmente el diseño 3D en HoloLens.
Introducción
Cómo importar imágenes 2D (JPG/PNG) en HoloSketch
- Cargue imágenes JPG/PNG en la carpeta de OneDrive "Documents/HoloSketch".
- En el menú de OneDrive de HoloSketch, podrá seleccionar y colocar la imagen en el entorno.
Importación de imágenes y objetos 3D a través de OneDrive
Cómo importar objetos 3D en HoloSketch
Antes de cargar en la carpeta de OneDrive, siga los pasos que se indican a continuación para empaquetar los objetos 3D en una agrupación de recursos de Unity. Con este proceso puedes importar tus archivos FBX/OBJ desde software 3D como Maya, Cinema 4D y Microsoft Paint 3D.
Importante
Actualmente, la creación de conjuntos de recursos se admite con la versión 5.4.5f1 de Unity.
Descargue y abra el proyecto de Unity "AssetBunlder_Unity". Este proyecto de Unity incluye el script para la generación de recursos de agrupación.
Cree un nuevo GameObject.
Asigne un nombre a GameObject en función del contenido.
En el panel Inspector, haga clic en "Agregar componente" y agregue "Box Collider".
Importe el archivo FBX 3D arrastrándolo en el panel del proyecto.
Arrastre el objeto al panel Hierarchy (Jerarquía) bajo el nuevo GameObject.
Ajuste la dimensión del colisionador si no coincide con el objeto . Girar el objeto para que se enfrente al eje Z.
Arrastre el objeto desde el panel Hierarchy (Jerarquía) al panel Project (Proyecto) para convertirlo en prefabricado.
En la parte inferior del panel del inspector, haga clic en la lista desplegable, cree y asigne un nuevo nombre único. En el ejemplo siguiente se muestra cómo agregar y asignar "brownchair" para el nombre assetBundle.
Prepare una imagen en miniatura para el objeto de modelo.
Cree una carpeta denominada "Assetbundles" en la carpeta "Asset" del proyecto de Unity.
En el menú Activos, seleccione "Build AssetBundles" (Compilar recursos) para generar el archivo.
Cargue el archivo generado en la carpeta /Files/Documents/HoloSketch en OneDrive. Cargue solo el archivo asset_unique_name. No es necesario cargar los archivos de manifiesto ni el archivo AssetBundles.
Cómo manipular los objetos
HoloSketch admite la interfaz tradicional que se usa ampliamente en el software 3D. Puede usar mover, girar, escalar los objetos con gestos y un mouse. Puede cambiar rápidamente entre diferentes modos con voz o teclado.
Modos de manipulación de objetos
Cómo manipular los objetos
Menús contextuales y cintas de herramientas
Usar el menú contextual
Pulse doble aire para abrir el menú contextual.
Elementos de menú:
- Superficie de diseño: Se trata de un sistema de cuadrícula 3D donde puede diseñar varios objetos y administrarlos como un grupo. Pulse dos veces en la superficie de diseño para agregarle objetos.
- Primitivas: Utilice cubos, esferas, cilindros y conos para estudios de masa.
- OneDrive: Abra el menú de OneDrive para importar objetos.
- Ayuda: Muestra la pantalla de ayuda.
Menú contextual
Usar el menú de cinta de herramientas
Move, Rotate, Scale, Save y Load Scene están disponibles en el menú Cinta de herramientas.
Uso de comandos de teclado, gestos y voz
Comandos de teclado, gestos y voz
Descargar la aplicación
|
Descarga e instalación gratuita de la aplicación HoloSketch desde Microsoft Store |
Problemas conocidos
- Actualmente, la creación de paquetes de recursos se admite con la versión 5.4.5f1 de Unity.
- Dependiendo de la cantidad de datos de OneDrive, la aplicación puede aparecer como si se hubiera detenido al cargar contenido de OneDrive.
- Actualmente, la característica Guardar y cargar solo admite objetos primitivos.
- Los menús Texto, Sonido, Vídeo y Fotos están deshabilitados en el menú contextual
- El botón Reproducir del menú Cinta de herramientas borra los gizmos de manipulación
Uso compartido de los bocetos
Puedes usar la característica de grabación de vídeo en HoloLens diciendo "Hey Cortana, Start/Stop recording". Presione la tecla subir o bajar el volumen juntos para tomar una foto del boceto.
Acerca de los autores
 |
Parque Yoon UX Designer @Microsoft |
| Patrick Sebring @Microsoft para desarrolladores |