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

ds-star-wars

  • 674