Reto completado: https://xd.adobe.com/view/a2ca8a14-882f-43fe-96de-449039d7dbe2-f799/
Conceptos básicos de prototipado
Qué aprenderás sobre diseño de prototipos móviles
Beneficios del Prototipado
Niveles de Fidelidad del Prototipado
Ténicas para estructurar información
Introducción a Patrones de Diseño
Introducción a UX Orientado a Objetos
Definición de Flujos de Tareas
Prototipado de Baja Fidelidad
Bocetado Rápido
Sistemas de Diseño
Principios de Atomic Design
Ventajas de Atomic Design
Prototipado de Mediana Fidelidad
Bocetado en Figma
Diseño de Wireframes (Mediana Fidelidad)
Librerías Compartidas de Componentes
Introducción a Componentes
Creación de Componentes
Detallado de Componentes
Estilos de Componentes
Librerías de Componentes Compartidas
Prototipado de Alta Fidelidad
Diseño de Mockups de Alta Fidelidad en Figma
Construcción de Prototipo Interactivo en Figma
Entregables de Diseño
Mejores prácticas de Entregables para Desarrollo usando Overflow y Zeplin
Exportación de Assets a Zeplin
Cierre
Cierre
Contenido Bonus
Tips básicos para prototipar una idea
Cómo hacer prototipos funcionales de Apps iOS o Android
Crea un prototipo interactivo de tu aplicación
Mentoría expert
Los 10 pecados del Product Designer
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Mejores prácticas de Entregables para Desarrollo usando Overflow y Zeplin
19/26Recursos
Aportes 19
Preguntas 4
Ordenar por:
Buenas tardes, en caso usemos windows que programa podremos usar alternativo a overflow.
Entregables del diseño (prototipos) - Tener claro el mismo lenguaje - Minimizar el retrabajo - Tener assets y estilos actualizados - Es fácil de mantener - Requerimientos claros
Con Overflow . io puedes importar tus diseños desde Figma y tener un flujo de trabajo con tus pantallas conectadas pero mostrado de una manera más limpia, ideal para presentaciones de negocio o ante directivos y accionistas de la empresa, evitando así que vean el alambrado intrincado de interacciones de tus frames de Figma, ya que Figma le da más peso a la funcionalidad del prototipo que a una presentación estética y depurada.
Los flujos de tarea son geniales para que todo el equipo del proyecto esté en sintonía de cómo funciona la herramienta.
Incluso el equipo de marketing o los Growth hackers pueden identificar fácilmente donde se “cae” el usuario. Esto permite hacer experimentos para “evitar las caídas” y que la experiencia siga mejorando.
- El usuario se cae = El usuario deja de usar el producto, el usuario tiene una mala experiencia, el usuario no termina con lo que está haciendo.
El objetivo de una herramienta de esta naturaliza es que permite socializar tu diseño de una manera mucho mas limpia de tal manera que puedas esconder todos esos alambrados técnicos que tu sigues en tu proceso en figma. Muy bueno lo de socializar el diseño.
En Figma puedes hacer flujos usando un plugin llamado Autoflow
Con Figma no es posible hacer lo mismo que con Overflow y Zeplin?
Hoy Figma tiene modo Developer
¿Cuales son las guías de estilos?¿De qué tratan?
**La ventaja de utilizar un flujo de tarea en alta fidelidad es practicamente hacer una presentación más profesional del diseño a gente externa al equipo, así como inversionistas y ejecutivos.**
intenté hacerlo coo se indica pero en over me sale esto
descargué la versión gratis pero no me permite hacer la importación
Este video es una especie de tutorial de overflow que lo explica muy bien, espero les sirva. Saludos!
<https://www.youtube.com/watch?v=4JQJ-MVFvH4>
adobe xd ya tiene esa opción
Presentación mas limpia con otras áreas
en el mismo figma se puede hacer
Yo no pude hacer este paso, me pedía instalar un pluggin y aún instalado no pude TnT
Adicionalmente el diseñador debe tomar algunas otras cosas en cuenta para entregar un producto de calidad al equipo de desarrollo. Les dejo un blog al respecto aquí. Saludos.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?