Reversed Atomic Design - Sof Andrade - UX Summit 2019

En el marco del UX Summit de IDF Bs As

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?
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
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
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
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