Sistema de diseño
Un sistema de diseño reúne reglas visuales, componentes reutilizables y pautas de uso. También necesita mantenimiento y seguimiento de cambios.
Reglas compartidas para interfaces digitales
Un sistema de diseño combina fundamentos visuales, componentes reutilizables y reglas de uso que se mantienen en el tiempo. Puede describir colores, tipografía, campos y comportamiento ante errores. También incluye responsabilidades y cambios.
En una empresa de ejemplo, el portal de clientes y la administración interna utilizan el mismo campo de entrada. El sistema de diseño define su etiqueta, texto de ayuda y presentación de errores. Cada aplicación sigue decidiendo qué dirección o número de cliente es válido según sus reglas de negocio.
Una biblioteca de componentes aporta las piezas; un sistema de diseño explica además cuándo y cómo utilizarlas y evolucionarlas. Una colección de diseños atractivos no basta. Su alcance debe ajustarse a las interfaces que realmente se repiten para equilibrar mantenimiento y utilidad.
Fuentes
Términos relacionados
- Token de diseñoUn token de diseño almacena una decisión visual con nombre. Varios componentes pueden reutilizarlo y su valor se modifica en un lugar definido.
- Componente de interfazUn componente de interfaz es una pieza reutilizable. Su función determina la presentación y el comportamiento de interacción necesarios.
- Orden del focoEl orden del foco determina el recorrido por los elementos que pueden recibirlo. Debe conservar el sentido y la operabilidad ante cambios dinámicos.
- Trampa de tecladoUna trampa de teclado deja la interacción atascada en una zona. La contención deliberada del foco en un diálogo necesita una salida operable con teclado.
- Enlace para saltar al contenidoUn enlace de salto evita la navegación repetida y lleva al contenido principal. El siguiente paso con el teclado también debe continuar en el lugar correcto.
- Nombre accesibleEl nombre accesible identifica un control para las tecnologías de apoyo. Debe explicar la acción y concordar con el texto visible.
Artículos sobre el tema
Diseño y UX con ASES
Experiencia de usuario, interfaces e imagen de marca