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

Reversed Atomic Design - Sof Andrade - UX Summit 2019

Ce2709331d2405bf475e6be7dc75d520?s=47 IDF Buenos Aires
December 07, 2019
Design
0
79

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

More Decks by IDF Buenos Aires

See All by IDF Buenos Aires
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
0
150
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
0
170
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
1
130
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
0
54
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
1
71
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
0
60
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
1
69
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
1
89
Ce2709331d2405bf475e6be7dc75d520?s=48 idfbuenosaires
1
71

Other Decks in Design

See All in Design
92151711459a4e3a191f791238f6259d?s=48 chiemitaki
0
1.2k
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
500
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
740
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
540
Bd2cd58cea35f0c4d8965329b8a9d252?s=48 mtym27
5
4.4k
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
240
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
0
750
4b7cfc2f7e1087517064667a30fddd54?s=48 commmune
1
3.1k
E1e5be595b41fe3cf014cab6b2ef2a85?s=48 geoffreydorne
1
140
A59f1440588fd8d0447a8e96b8c9b8c5?s=48 hara_mei
0
550
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
1
470
Aa19e202c24c51a41415206e7742c098?s=48 maslow_akkun
0
12k

Featured

See All Featured
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.1k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
122
5.1k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
2
390
B47b288784fda77a94aeb234ca743c24?s=48 keavy
111
15k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
36
2.5k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
42
1.7k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
61
7.2k

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