Luego de jugar un rato con Adobe XD le añadí páginas necesarias para darle sentido a la aplicación; notarás que al final obtuve una telaraña de cables los cuales te muestran como corre la interactividad en la navegación de sus páginas. En el diseño agregué cinco páginas por cada servicio; una explicación del mismo, una foto relacionada y un botón de solicitud del servicio. Cuando el cliente presiona el botón, pasa a una página donde el cliente coloca su información de contacto y luego al enviar el correo electrónico vemos una página de «agradecimiento«. Todas las páginas tienen una navegación sencilla en la que puedes regresar a la página anterior o salir por completo. En el siguiente video puedes ver cómo se aprecia la navegación en el «Desktop Preview«.
Nota: Solo en la Mac puedes grabar la navegación del prototipo; el mismo se graba sin audio y en formato MP4.
Tengo entendido que en la plataforma de Windows puede que tengas que ingeniártelas tu mismo para poder grabar en video el prototipo; quizás lo puedas hacer con un «screen recording» directo en la pantalla; pero no te lo puedo asegurar. ¡No uso Windows! jejejejeje…
¡Si eres usuario de Windows, déjame saber si funciona o no!
En el proceso de diseño, la maqueta va creciendo más y más; por ende el archivo de XD también.
UPDATE:
— No me quería retirar por hoy, no sin antes compartir con ustedes el «Embed Code» y el «link» que nos facilita Adobe XD para compartir la maqueta en nuestras páginas web. Luego, en el próximo «post» les dejo saber cómo damos con este código. Disfruten la navegación.
https://xd.adobe.com/embed/6788452e-9bff-4542-a599-b7009e4dda50?fullscreen
LINK:
https://xd.adobe.com/view/6788452e-9bff-4542-a599-b7009e4dda50?fullscreen
JRVstudio 