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
250
UX Summit 2019 - Inés Castellano - Contenidos
idfbuenosaires
0
300
UX Summit 2019 - Daniel Mordecki - No me gusta, no vale como evaluación de diseño
idfbuenosaires
1
260
No más autopsias al diseño - Andrés Puppo - UX Summit 2019
idfbuenosaires
0
70
Todo bajo control - Gonzalo Felis / Ayelen Pereyra - UX Summit 2019
idfbuenosaires
1
82
UX, la previa - Angeles Mendoza / Lucas Giuliani - UX Summit 2019
idfbuenosaires
0
110
Content First - Barbara Mercedes - IDF Summit 2019
idfbuenosaires
1
85
El amor en tiempos de UX - Salvador Reynoso - UX Summit 2019
idfbuenosaires
1
130
Ux de Postit - Camila Villarreal - UX Summit 2019
idfbuenosaires
1
130
Other Decks in Design
See All in Design
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
400
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
890
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
680
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
120
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
280
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
340
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Code Review Best Practice
trishagee
72
19k
Practical Orchestrator
shlominoach
190
11k
Unsuck your backbone
ammeep
671
58k
Navigating Team Friction
lara
190
15k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Thoughts on Productivity
jonyablonski
70
4.9k
Scaling GitHub
holman
463
140k
The Pragmatic Product Professional
lauravandoore
36
7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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