Cuando se trata de probarprototipos de diseño de manera realista, a menudo el entorno virtual no es suficiente. La retroalimentación real de dispositivos auténticos puede ser decisiva para el éxito de tu proyecto. En este tutorial, te mostraré cómo puedes obtener una vista previaen vivode tus prototipos directamente con AdobeXD y la aplicación correspondiente en tu teléfono inteligente o tableta. Así podrás probar tus diseños directamente en los dispositivos para los que los has creado.
Principales conclusiones
- Puedes ver prototipos directamente a través de USB o la nube en tu dispositivo.
- La aplicación Adobe XD está disponible de forma gratuita en la App Store y Google Play Store.
- Así puedes obtener retroalimentación y probar los ajustes en vivo.
Guía paso a paso
1. Acceso al prototipo
Para ver un prototipo en Adobe XD, primero utilizarás el símbolo de reproducción en la barra de menú superior. Este símbolo te permite ver tu prototipo en la resolución para la que lo has creado, en vivo y navegando. Lo mejor es usar el >= 5 segundos como temporizador para sumergirte adecuadamente.
2. Instalación de la aplicación Adobe XD
Para la vista previa en vivo en tu teléfono inteligente o tableta, necesitas la aplicación Adobe XD. Esta está disponible tanto en Google Play Store como en la App Store de Apple. Descárgala de forma gratuita y no te dejes confundir si a veces se dice iTunes – ¡es la App Store! Asegúrate de que la instalación esté completa.
3. Conexión mediante USB
Una vez que hayas instalado la aplicación, conecta tu teléfono inteligente o tableta a tu computadora mediante un cable USB. Una vez establecida la conexión, puedes hacer cambios en Adobe XD, y estos se mostrarán sin retraso en tu dispositivo. Esto es especialmente interesante si deseas realizar pruebas de escenarios en vivo o demostraciones. Aquí puedes seguir trabajando y usar la vista previa en vivo a partir de 66 segundos.
4. Uso de la nube
Una alternativa flexible a la conexión USB es almacenar tu prototipo en la nube de Adobe. Para ello, ve a "Archivo guardar como". Adobe XD guarda de manera predeterminada en la nube, de modo que puedes acceder a él desde cualquier dispositivo más tarde. La carga puede tardar unos segundos, pero puedes seguir el progreso en la barra superior y ver qué tan cerca estás de la vista previa en vivo a partir de 130 segundos.
5. Acceso al prototipo en el dispositivo
Una vez que tu prototipo esté guardado en la nube, puedes abrir la aplicación Adobe XD en tu teléfono inteligente para acceder a él en vivo. Tendrás acceso rápido a tu prototipo cargado. Haz clic en él para cargar el prototipo y ver cómo se ve en tu dispositivo. Aquí está la demostración que puedes encontrar a los 144 segundos en el video.
6. Interacción y retroalimentación
En la aplicación, puedes navegar a través de tu diseño y tienes la opción de observar cada aspecto de manera óptima. Si faltan fuentes, se te mostrará un aviso que puedes simplemente ignorar, o puedes cargarlas a través de Adobe Fonts si es necesario. Experimente con el prototipo y haz clic en diferentes áreas para simular la experiencia del usuario. Esto se vuelve especialmente visible a partir de 186 segundos.
7. Acceso a menús
Para acceder al menú, simplemente toca la pantalla con tres dedos. Esto abrirá una serie de opciones, incluyendo la posibilidad de compartir la pantalla, cambiar configuraciones y más. Obtén una visión general de los diferentes artboards que has creado para tu prototipo, como se explicó a los 226 segundos.
8. Finalización de la prueba
Utiliza la vista previa en vivo en tu dispositivo para ver exactamente cómo reciben tus diseños los usuarios. Cuando presentes tu prototipo a alguien, estará emocionado de poder interactuar con él. Recuerda que el dispositivo debe estar en un estado limpio antes de que lo pases. Así aseguras que tu prototipo se vea de la mejor manera. Puedes encontrar información al respecto a los 273 segundos.
Resumen – Prueba en vivo de prototipos con Adobe XD: Cómo llevar tus diseños a tu dispositivo final
En esta guía has aprendido lo fácil que es probar prototipos en vivo con Adobe XD en teléfonos inteligentes y tabletas. Con solo unos pocos pasos, puedes presentar tus diseños en un entorno realista y recopilar valiosa retroalimentación de los usuarios.
FAQ
¿Qué es Adobe XD?Adobe XD es una herramienta para diseño UX/UI que te permite crear prototipos.
¿Cómo puedo probar mi prototipo en vivo?Puedes probar tu prototipo en vivo a través de USB o la nube en tu teléfono inteligente o tableta.
¿Dónde puedo descargar la aplicación Adobe XD?La aplicación Adobe XD está disponible de forma gratuita en Google Play Store y en la App Store.
¿Debo adquirir una licencia para Adobe XD?Hay una versión gratuita de la aplicación Adobe XD, que es suficiente para la mayoría de las funciones.
¿Puedo conectar varios dispositivos al mismo tiempo?Sí, si hay suficientes puertos USB disponibles, puedes probar varios dispositivos al mismo tiempo.
