Creación de prototipos interactivos con Adobe XD

Creación de prototipos interactivos con Adobe XD

“Hemos llegado al final del curso, espero que lo hayas disfrutado tanto como yo. Ahora ya has aprendido todo lo necesario para realizar prototipos animados con Adobe XD. Te invito a que crees tu propio prototipo, puedes usar alguna problemática que exista o usar una imaginaria como lo hice yo. No te preocupes porque no vas a recorrer este camino solo, yo estaré guiándote y apoyándote a través del foro. Te comparto la serie de pasos que me encantaría ver de tu proyecto. ¿Qué quieres resolver? Todo nace de esta pregunta, así que toma tu tiempo y piensa cuál es la problemática que quieres resolver, piénsalo con calma, recuerda que muchas Apps han obtenido su éxito gracias a sus propuestas de resolución.

Crea e investiga Una vez que tengas tu problemática definida es momento de empezar a crear un mapa de experiencias, utilizalo para bajar toda la información que pueda ayudar a tu usuario a resolver el problema, así como las variantes que se puedan presentar en el camino. ¡Recuerda que tus “jugadores” deberán llegar a la meta! Con esto definido entonces, es momento de empezar a investigar, date a la tarea de ver si hay otras personas que resuelvan lo mismo que tú, si las hay entonces echa ojo de lo que ellos han creado, busca los huecos que sus propuestas tengan y piensa en un diferenciador para tu propuesta. Si por el contrario eres el primero, entonces busca aquellos que consideres que resuelven problemáticas que son similares a la tuya. Finalmente, con toda la información de tu investigación crea un mood board que pueda servirte como referencia e inspiración. Los bocetos Repasa tu flujo para ver si hay algún hueco. Si no los encontraste, entonces ahora sí, empieza a realizar los bocetos de tus pantallas que tengan las características que consideres importantes. ¿Tus pantallas resuelven tu objetivo? ¿Estás satisfecho con cómo se ve tu boceto? La digitalización Lleva tus bocetos a Adobe XD. Explora caminos visuales, hasta que llegues al camino que más te guste. Recuerda que todo debe de tener congruencia, es decir procura usar el mismo tipo de letra y tamaño para todas tus pantallas. Con tu mood board a mano, elige tus fuentes, tus iconos, todo. Recuerda mantener un orden y cuidar que todo esté en la pantalla que desees. Nace el prototipo Ya sabes cómo se verá tu producto, ahora es momento de comenzar a enlazar los botones con las pantallas destino. Para ello organiza tus pantallas en Adobe Xd. Al probar cómo están funcionando tus botones no te preocupes si te equivocas, de todo se aprende. ¡Organiza tu flujo! ¿Qué va primero y qué después? Anima tu prototipo Dentro de Adobe XD ve a la opción de Autoanimate, así comenzarás a darle vida a tu prototipo. Asegúrate de repetir los componentes de pantalla destino a pantallas anteriores. Prueba que en realidad se haga lo que estás preparando. ¡Se paciente y ordenado, esto facilitará la animación! ¡Todo funciona! Utilizando mirror con tu computadora y tu móvil prueba tu prototipo, esto será súper importante porque te ayudará a identificar algunas áreas de oportunidad. Recuerda también que puedes exportar tu prototipo para realizar algunas pruebas de usuario. Si te decides a hacer tu prueba de usuario, asegúrate de saber si tu prototipo resuelve la problemática y si su experiencia es buena, además, aprovecha para obtener más información que sume a tu proyecto. ¡Ya está listo tu prototipo! Recuerda que no importa si no tienes un proyecto en puerta, puedes practicar llevando a cabo una problemática hipotética. Te invito a que no dejes de construir ni desarrollar otros prototipos. No te desanimes si no es perfecto a la primera, siempre encontrarás algo que mejorar, esto nos ayuda a crecer, aprender y ser mejores. ¡No dejes de crear, probar, errar y aprender! De corazón agradezco que seas parte de este curso. Sigue practicando, no desistas. Estaré esperando ver tu proyecto, te estaré contestando en el foro tan pronto como me sea posible. ¡Nos vemos pronto! ”

Transcripción parcial del vídeo

“Proyecto final Hagamos un resumen del curso. Primero te hablé de mí y de mis influencias y hablamos del proyecto que trabajaremos en el curso. Definimos qué es un producto digital y cómo interactuamos con ellos. así como qué es un prototipo y por qué es útil animarlo. Te di los beneficios de Adobe XD para crear prototipos animados. Posteriormente, planteamos el proyecto y creamos un mapa de navegación. Definimos un objetivo principal y buscamos posibles soluciones. Bocetamos las pantallas para revisar la experiencia y después pasamos los bocetos a Adobe XD para trabajarlos. Fijamos alineami...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Creación de prototipos interactivos con Adobe XD

• Nivel: Iniciación
• 96% valoraciones positivas (78)
• 1965 estudiantes
• 5 unidades didácticas
• 17 lecciones (2h 36m)
• 11 recursos adicionales

• Categoría

  Diseño Web y App

• Software

  Adobe XD

• Áreas

  Diseño de apps, Diseño digital, Diseño interactivo, Diseño Web, UX / UI