UX Nights Vol. LIV
Sistemas de Diseño / Design Systems
Ciudad de México
En esta presentación se habla sobre cómo funciona el sistema de Atomic Design para crear sistemas de diseño personalizados y una introducción para su implementación con PatternLab.
1. Mauricio Angulo S.
Senior UX Engineer
mauricio@tesseractspace.com
@mauricioangulo
www.tesseractspace.com/blog
Sistemas de Diseño con
Atomic Design y Pattern Lab
3. ● Reduce la fricción y la curva de aprendizaje del usuario
primerizo
● Aprovecha la tendencia natural de los humanos de encontrar
patrones
● Es crítica para la construcción de una marca
● Ayuda a los usuarios a reconocer sus productos favoritos
● Refuerza las experiencias positivas
Una buena consistencia en diseño:
43. ---
title: Botón
---
Este es el botón principal para *llamada a la acción* en una página. No
debería haber **más de uno de estos botones en una página** para ayudar
al usuario.
source/_patterns/global/button.md
65. Más sobre Sistemas de Diseño
Introducción a Sistemas de Diseño:
Google’s Material Design:
Apple’s Human Interface Design Guidelines:
Microsoft’s Fluent Design System:
tesseractspace.com/blog/sistemas-de-diseno/
tesseractspace.com/blog/sistema-de-diseno-material-design/
tesseractspace.com/blog/human-interface-guidelines-de-apple/
tesseractspace.com/blog/fluent-design-system/
>
>
>
>
Atomic Design:
tesseractspace.com/blog/sistemas-de-diseno-con-atomic-design/
>