Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Reversed Atomic Design - Sof Andrade - UX Summi...
Search
IDF Buenos Aires
December 07, 2019
Design
0
120
Reversed Atomic Design - Sof Andrade - UX Summit 2019
En el marco del UX Summit de IDF Bs As
IDF Buenos Aires
December 07, 2019
Tweet
Share
More Decks by IDF Buenos Aires
See All by IDF Buenos Aires
UX Summit 2019 - Stefi Speranza - Cómo estudiar el caos de forma estratégica
idfbuenosaires
0
240
UX Summit 2019 - Inés Castellano - Contenidos
idfbuenosaires
0
290
UX Summit 2019 - Daniel Mordecki - No me gusta, no vale como evaluación de diseño
idfbuenosaires
1
250
No más autopsias al diseño - Andrés Puppo - UX Summit 2019
idfbuenosaires
0
67
Todo bajo control - Gonzalo Felis / Ayelen Pereyra - UX Summit 2019
idfbuenosaires
1
81
UX, la previa - Angeles Mendoza / Lucas Giuliani - UX Summit 2019
idfbuenosaires
0
110
Content First - Barbara Mercedes - IDF Summit 2019
idfbuenosaires
1
84
El amor en tiempos de UX - Salvador Reynoso - UX Summit 2019
idfbuenosaires
1
130
Ux de Postit - Camila Villarreal - UX Summit 2019
idfbuenosaires
1
120
Other Decks in Design
See All in Design
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
460
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
180
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
770
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
350
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
Bulletproof Design System with TypeScript
takanorip
6
3.7k
PF_濵村ひろみ_202503
maru_design78
0
190
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
#Dubois Challenge 2025: Economics
ajstarks
0
140
The Golden Whitney
ohtristanart
PRO
0
570
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Gamification - CAS2011
davidbonilla
81
5.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Music & Morning Musume
bryan
46
6.7k
A better future with KSS
kneath
238
17k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
GitHub's CSS Performance
jonrohan
1031
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Transcript
Reversed Atomic Design Repensando los procesos de diseño @sof_andrade
[email protected]
Atomic design y design system
Problemas Tiempo y scope
Problemas Desorden al principio, ¿orden al final?
None
¿Tiene sentido o es una tendencia más? Design system &
atomic design
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
¿Cómo agilizar proceso de diseño?
¿Cómo agilizar proceso de diseño? /Asegurar coherencia y consistencia desde
el primer momento /Evitar retrabajo al final
Reversed atomic design
None
None
1.Variables Definir las reglas del sistema de diseño
Niveles de información vs secciones Ejes para organizar el proceso
de diseño
None
Secciones Inicio, Explorar, Lista, etc.
Niveles de información Primario, secundario. Consultivo, accionable.
Diagramar según tipo de info y uso Consultivo Explorativo Informativo
Flujos accionables (dinero, fechas, registro, formularios) De lo macro a lo micro
2.Zoom in & Zoom out Tiempo para abstraer y validar
consistencia Take some air!
Mirar el todo
Secciones sin zoom
Niveles de información
/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
None
None
Reversed atomic design Orden al principio, orden al final.
Los sistemas de diseño tienen que ver más con Marie
Kondo que con sketch
Dejemos de boludear con herramientas Lo importante de design system
no son los componentes.
La abstracción analítica es la clave de design system. Variables,
reglas, coherencia.
• Seamos críticos con los procesos de diseño • No
sigamos frameworks tal recetas • Stop the bullshit. Stop the monster jack
Gracias :) @sof_andrade
[email protected]
medium.com/@sof_andrade