Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reversed Atomic Design - Sof Andrade - UX Summit 2019

Reversed Atomic Design - Sof Andrade - UX Summit 2019

En el marco del UX Summit de IDF Bs As

Ce2709331d2405bf475e6be7dc75d520?s=128

IDF Buenos Aires

December 07, 2019
Tweet

Transcript

  1. Reversed Atomic Design Repensando los procesos de diseño @sof_andrade hola@sofandrade.com

  2. Atomic design y design system

  3. Problemas Tiempo y scope

  4. Problemas Desorden al principio, ¿orden al final?

  5. None
  6. ¿Tiene sentido o es una tendencia más? Design system &

    atomic design
  7. Caso de estudio: proyecto app mobile Research, Ideación, definición funcionalidades,

    MVP, arquitectura de información, wireframes, visuales, maquetar y desarrollar (front & back). UX Leadership de proyecto para kodev.co
  8. ¿Cómo agilizar proceso de diseño?

  9. ¿Cómo agilizar proceso de diseño? /Asegurar coherencia y consistencia desde

    el primer momento /Evitar retrabajo al final
  10. Reversed atomic design

  11. None
  12. None
  13. 1.Variables Definir las reglas del sistema de diseño

  14. Niveles de información vs secciones Ejes para organizar el proceso

    de diseño
  15. None
  16. Secciones Inicio, Explorar, Lista, etc.

  17. Niveles de información Primario, secundario. Consultivo, accionable.

  18. Diagramar según tipo de info y uso Consultivo Explorativo Informativo

    Flujos accionables (dinero, fechas, registro, formularios) De lo macro a lo micro
  19. 2.Zoom in & Zoom out Tiempo para abstraer y validar

    consistencia Take some air!
  20. Mirar el todo

  21. Secciones sin zoom

  22. Niveles de información

  23. /Acelerar tiempos y procesos /Coherencia y consistencia en el sistema

    /Asegurar escalabilidad de los componentes /Generamos documentación del proyecto a la medida que avanzamos /Comunicación y validación con devs
  24. None
  25. None
  26. Reversed atomic design Orden al principio, orden al final.

  27. Los sistemas de diseño tienen que ver más con Marie

    Kondo que con sketch
  28. Dejemos de boludear con herramientas Lo importante de design system

    no son los componentes.
  29. La abstracción analítica es la clave de design system. Variables,

    reglas, coherencia.
  30. • Seamos críticos con los procesos de diseño • No

    sigamos frameworks tal recetas • Stop the bullshit. Stop the monster jack
  31. Gracias :) @sof_andrade hola@sofandrade.com medium.com/@sof_andrade