Carmen Ansio PRO
Design Engineer at LottieFiles
descomponer la ui
en componentes básicos
combinar componentes
forma diferente para crear variedad de ux
atomic design
introducción
átomos
Los Bloques de Construcción
átomos
Los Bloques de Construcción
moléculas y organismos
grupos de bloques que trabajan como uno solo
moléculas y organismos
grupos de bloques que trabajan como uno solo
plantillas y páginas
construyendo mundos y galaxias
plantillas y páginas
creando experiencias de usuario completas
Qué es un design system
vayamos mucho más allá del atomic design
beneficios de utilizar
un sistema de diseño en nuestro día a día
consistencia y coherencia
para mejorar la usabilidad y la ux
velocidad y eficiencia
acelera el proceso de diseño y desarrollo
colaboración
y comunicación mejorada
escalabilidad
los ds son escalables
ahorro de tiempo
de recursos y de frustraciones
mejora la calidad
reduce la posibilidad de errores
algunos consejos
a la hora de crear design systems
entender las necesidades
del usuario y del negocio
definir principios
base para todas las decisiones
lenguaje visual
coherente y consistente
hay que documentar
y mantener el sistema de diseño
involucrar a todo
el equipo y a toda la organización
iterar y evolucionar
los sistemas de diseño no son estáticos
crear componentes
reutilizables proporcionan eficiencia
la accesibilidad
asegura que tu ds sea accesible
las preguntas
clave a la hora de plantear un ds
diferencia ui kit
¿Cuál es la diferencia entre un Design System y una biblioteca de componentes?
beneficios atomicos
¿Cuáles son los beneficios de utilizar el Atomic Design en un Design System?
medir el impacto
¿Cómo se puede medir el impacto y la eficacia de un Design System?
adopción del ds
¿Cómo asegurar la colaboración y adopción del ds por parte de los miembros del equipo?
ownership diseño
¿Cuál es el papel del equipo de diseño en la creación y mantenimiento de un Design System?
gracias infinitas
que la fuerza del ds os acompañe
ds-star-wars
By Carmen Ansio
