Componente de interfaz
Un componente de interfaz es una pieza reutilizable. Su función determina la presentación y el comportamiento de interacción necesarios.
Reutilizar una pieza de la interfaz
Un componente de interfaz es una pieza delimitada y reutilizable, como un botón, un campo o un diálogo. Según su función, incluye presentación, interfaces para contenido y comportamiento. Un componente de diseño y su implementación en código no están necesariamente sincronizados de forma automática.
En un portal de ejemplo, el mismo componente de botón se usa para «Guardar dirección» y «Revisar pedido». Cambian las etiquetas y las acciones. El componente común aporta, por ejemplo, foco visible y una presentación coherente.
Un botón genérico no decide si una dirección cumple las reglas de negocio. Esa regla pertenece al flujo correspondiente. Un token de diseño aporta valores visuales individuales. Al modificar el componente, se comprueba qué usos quedan afectados y si su comportamiento sigue siendo adecuado.
Fuentes
Términos relacionados
- Sistema de diseñoUn sistema de diseño reúne reglas visuales, componentes reutilizables y pautas de uso. También necesita mantenimiento y seguimiento de cambios.
- Variante de componenteUna variante es una forma definida de un componente compartido. Se diferencia de un estado de interacción temporal.
- 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.
- Traspaso del diseño al desarrolloEl traspaso del diseño prepara su implementación. Los estados, el comportamiento y las decisiones pendientes deben quedar claros.
- Biblioteca de componentesUna biblioteca de componentes reúne elementos de interfaz reutilizables. Para usarlos también importan el comportamiento, las variantes y la versión adecuada.
Artículos sobre el tema
Su proyecto con ASES
Descríbanos su proyecto. Le responderemos con una primera valoración.