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 Summit 2019
Search
IDF Buenos Aires
December 07, 2019
Design
0
110
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
220
UX Summit 2019 - Inés Castellano - Contenidos
idfbuenosaires
0
210
UX Summit 2019 - Daniel Mordecki - No me gusta, no vale como evaluación de diseño
idfbuenosaires
1
190
No más autopsias al diseño - Andrés Puppo - UX Summit 2019
idfbuenosaires
0
64
Todo bajo control - Gonzalo Felis / Ayelen Pereyra - UX Summit 2019
idfbuenosaires
1
79
UX, la previa - Angeles Mendoza / Lucas Giuliani - UX Summit 2019
idfbuenosaires
0
95
Content First - Barbara Mercedes - IDF Summit 2019
idfbuenosaires
1
79
El amor en tiempos de UX - Salvador Reynoso - UX Summit 2019
idfbuenosaires
1
120
Ux de Postit - Camila Villarreal - UX Summit 2019
idfbuenosaires
1
100
Other Decks in Design
See All in Design
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.3k
Portfolio 2023.07.28
helemarudesu
0
590
PRDがデザインプロセスを高速化した話
tooomo
1
330
モデル・デザイン入門
akitsugu7935
0
480
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
650
ウェブディレクターを救うBacklog
wattlaa
0
290
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
260
他人事じゃないWebアクセシビリティ入門
arihiro17
0
230
3D空間を扱うUI表現とユーザビリティ
akinen
0
460
The Fight
euralisw
0
120
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
400
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
Gamification - CAS2011
davidbonilla
77
4.6k
Stop Working from a Prison Cell
hatefulcrawdad
267
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Practical Orchestrator
shlominoach
183
9.7k
What the flash - Photography Introduction
edds
64
11k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
The Mythical Team-Month
searls
216
42k
Become a Pro
speakerdeck
PRO
13
4.6k
A Tale of Four Properties
chriscoyier
152
22k
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