Contenido del curso
Contenido del curso
Mariana Obregón
Breylimar Andreina Castillo Monsant
Marta Monterde Alonso
Jose David Albarran Velasquez
Guillermo Julio Barreda Saavedra
Marta Monterde Alonso
Cristian Amézquita
Paula Elizabeth Llumiquinga Guevara
Enmanuel Patiño Villegas
Marta Monterde Alonso
Enmanuel Patiño Villegas
Jessica Contreras
Erika Nigrinis Ospino
William David Guerra Perez
++Resumen:++ Antes que nada debemos:
Definir la duración de los sprints
Decidir si vamos a crear el sistema desde 0 o hacerlo a partir de un producto digital concreto
Definiremos el stack de herramientas del equipo
Definir las tecnologías de la mano del equipo de desarrollo
A partir de esto:
Plantear los principios de diseño
Identificar los patrones funcionales del producto
Generar componentes en UI kit
Desarrollar librería de componentes del sistema
Documentar elementos en la página del sistema de diseño
Implementar librería de iconos o imágenes
Al finalizar es importante definir las métricas del sistema de diseño.
El roadmap nos ayudará a centrarnos en la fase de trabajo en la que nos encontremos y mantener una visión global del estado del proyecto . Ya habiendo preparado el caso de negocio, defendido el SD ante la gerencia y definido el equipo:
Primeras decisiones
Definir la duración de los sprints
Creación del sistema para 1 o varios productos
Stack de herramientas a utilizar
Tecnologías (desarrollo y repositorio)
Siguientes pasos
Principios de diseño
Patrones funcionales y perceptivos
Componentes
Desarrollo de la librería
Librería de iconos o imágenes
. Luego de esto deberemos definir las métricas que queremos comprobar. ¿Se está logrando el objetivo? . Cada vez que se diseñe algún aspecto relevante para el sistema este será testeado para ver si cumple con las expectativas y objetivos de negocio y así iterar en sprints y aplicar mejoras cumpliendo siempre con las necesidades del equipo.
Buen resumen!!
Me ha ayudado mucho tu resumen, muchas gracias Breylimar
¿cuales son los tipos de roadmap? por favor brindar un modelo.
Hola Guillermo! Te recomiendo esta lectura en la que se habla de los 3 tipos principales: de línea temporal, sin fecha y kanban. Tipos de roadmap de lanzamiento de producto Al fin y al cabo, nuestro Sistema de diseño es un producto más, y el tipo de roadmap va a depender de muchas cosas: cantidad de personas en el equipo, limitaciones de tiempo y recursos, tamaño y requerimientos del sistema, etc
Espero que esto te sea de ayuda :)
¿Alguien podría proporcionarme un ejemplo de un caso de negocio para entenderlo mejor?
Para elegir las tecnologías con las que se va a producir el Sistema de Diseño, es fundamental ponerte de acuerdo con los siguientes grupos:
Así, se logra un enfoque colaborativo que maximiza la efectividad del sistema de diseño.
¿Me podrían explicar mas a fondo el concepto de librerías?. porfavor es que no lo tengo claro
Hola Emmanuel :) Te explico: una librería, en desarrollo, es un archivo o conjunto de archivos que facilitan la programación a posteriori. En sistemas de diseño es muy común que en esta librería estén desarrollados todos los componentes y estructuras, también los repositorios de iconos, etc. De esta manera, cuando se va a diseñar un nuevo producto, ya hay unos componentes y elementos listos para trabajar para todas las personas que la vayan a utilizar, de forma que nuestras aplicaciones siempre serán coherentes y el mantenimiento será mucho mas bajo. Espero haber resuelto tu duda!
Gracias !
me da como cringe cada vez que dice UI Kit como si eso fuera el Design System, porque un design system es algo mucho más complejo que solo los componentes o hacer un "UI Kit", pero el resto del contenido esta bastante bueno!
A través de la experiencia que he tenido como profesional, me he percatado que un roadmap -independientemente qué especialidad tengas- se convierte en un punto clave para definir las metas y el tiempo que se requiee. Así mismo, es un microinforme de los datos que se van recolectando en el proceso. Lo importante aquí, es definir cómo queremos reflejar las herramientas que deben ser utilizadas para la solución de un determinado "problema"
Una experiencia en la que me ha ido muy bien: El sistema de diseño en la menor cantidad de herramientas posibles para que sea centralizado. En mi caso usamos Figma con alguno pluggins.
Y se utiliza Autolayout y variantes cuando sea conveniente. La mayoría de los casos hace que sea mucho más fácil de sostener, aunque hay que hablar con los desarrolladores un poco sobre el uso de las herramientas, es decir, deben aprender a usarlas en su forma más básica.