Definición de la metodología
Last updated
Last updated
Nuestro propósito era crear un sistema de diseño que pudiéramos usar en cualquier producto. Este propósito nos hizo realizar una búsqueda intensa en como los mejores sistemas de diseño logran conseguir su efectividad. Motivados por el libro de Brad Frost "Atomic Design" comenzamos este camino.
Aprendimos acerca de: mejores prácticas en componentes, elementos y valores. definición de la jerarquía de tokens, nombramiento de componentes, mejores prácticas en Figma y exportar a JSON, entre otras cosas. Durante este camino leímos y conocimos gente realmente brillante que no queremos pasar por alto: Brad Frost, Dan Mall and Nathan Curtis, a ellos aunque no nos hemos conocido, gracias por enseñarnos el camino.
Todo esta investigación para una sola misión:
Construir un sistema de diseño consistente y escalable para cualquier proyecto.
Quantum parte de la filosofía de Atomic Design
átomos (a) → moléculas (m) → organismos (o)
(a) Un átomo debe ser el componente significativo indivisible más pequeño.
(m) Una molécula es la combinación de al menos 2 átomos diferentes.
(o) Un organismo es la combinación de al menos 2 moléculas diferentes o la combinación entre átomos y moléculas.
En el método de Quantum , un átomo (a), es un componente divisible , ya que está compuesto de al menos 2 valores que llamamos quarks (q). En el mundo del diseño UI, estos son más conocidos como "tokens".
quarks (q) → átomos (a) → moléculas (m) → organismos (o)
(q) Un quark es el valor más indivisible de un elemento (tokens).
(a) Un átomo es la composición de un elemento formado por quarks.
(m) Una molécula es la combinación de al menos 2 átomos diferentes.
(o) Un organismo es la combinación de al menos 2 moléculas diferentes o la combinación entre átomos y moléculas.
Nuestra metodología busca crear sistemas de diseño consistentes y escalables, quisimos evolucionar el concepto atómico con la incorporación de los design tokens dentro del sistema de diseño, partiendo de la idea de crear "un sistema de diseño que funcione para cualquier producto", desde ese principio, lo que buscamos es que solo cambiando los tokens se logre cambiar el look and feel de cualquier producto, conservando el concepto atómico que permita construir nuevos componentes atomizados, tal cual como si fueran fichas de Lego.
Usar Quantum permite construir vistas mucho más rápido que con cualquier método tradicional, escalar un producto digital en caso de crear nuevos componentes o tener otras versiones del mismo producto, pero lo mejor de Quantum es que debido a su arquitectura, permite tener un sistema de diseño 100% consistente ayudando significativamente a la experiencia de usuario de cualquier producto digital.
