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
