Practical UI Patterns for Design Systems

Guía concisa de Diana MacDonald, diseñadora de producto en Melbourne que dirigió el equipo de sistemas de diseño de Culture Amp, sobre los patrones de interfaz de usuario: soluciones reutilizables para problemas de interfaz que se repiten, de modo que no haya que reinventarlas en cada proyecto. Publicada por Apress en 2019, no depende de ningún framework ni versión concreta. Sirve tanto a quienes vienen de fuera del mundo web o empiezan en él como a diseñadores y desarrolladores de nivel intermedio que participan en la creación de un sistema de diseño.

En siete capítulos explica qué es un patrón de UI y cómo encontrar el adecuado para un problema, cómo descomponerlo para entender sus restricciones y cómo decidir cuál usar y cuándo, según el contexto. También trata los antipatrones y los patrones oscuros (dark patterns), cómo combinar patrones y cómo estos sirven de base para construir un sistema de diseño y organizar el trabajo de DesignOps. En el camino aborda la usabilidad, la accesibilidad, la microcopia, el diseño de movimiento, la arquitectura de la información y las convenciones y estándares web, y se asoma a interfaces emergentes como la realidad virtual, aumentada y mixta, las interfaces conversacionales y de voz, la interacción por gestos y el aprendizaje automático.

Es un libro conceptual con muchos ejemplos de interfaces reales: no incluye código ni proyectos guiados, sino criterios para tomar decisiones de diseño. Su aporte está en dar un vocabulario común a diseñadores y desarrolladores y en enseñar a valorar un patrón en lugar de copiarlo sin pensar. Quien busque implementar componentes en React, Vue o una librería concreta deberá complementarlo con material técnico. Es ideal antes de crear o ampliar una librería de componentes.