No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Para qué utilizar los componentes?

9/17
Recursos

Aportes 5

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

¿Para que utilizar los componentes?

Son los módulos ya preparados que poseen características de los patrones funcionales y los perceptivos juntos.

Características

  • No son excesivamente específicos en cuanto a contenido. Ya que un mismo componente puede ser usado en diferentes lados de una interfaz.
  • El dato es general y descriptivo del uso.

Sus ventajas

Como diseñadores nos interesa tener los componentes listos para al momento de armar nuestra interfaz hacerlo ágilmente. Y así el equipo de Product Design se puede enfocar en problemas más importantes que darle estilos a los formularios.

Los componentes son módulos ya preparados que poseen características de los patrones funcionales y los patrones perceptivos juntos, es decir, cumplen una función específica al resolver un problema y apelan visualmente a la guía de estilo de nuestro SD. Idealmente, tendremos dos grupos de componentes que se tendrán que mantener alineados:

  • Para Diseño: UI Kit (archivo-librería en Figma, Sketch, etc.)
  • Para Desarrollo: Librería de componentes con las instancias de código de cada uno (en un repositorio como GitHub)

Los componentes son los módulos ya preparados con las características funcionales y perceptivas.

  • No son específicos en cuanto al contenido. Puede tener la misma estructura, pero podría variar el texto o el color.
  • El dato es general y descriptivo del uso.
    Ventajas para diseño:
  • Agilidad.
  • Foco en el problema y no en el estilo.

Ventajas para el desarrollo…
A las personas que se encargan de desarrollarlo les conviene tener una librería con los componentes desarrollados a nivel de Front-end para implementar las decisiones de diseño rápidamente.
Idealmente, tendremos dos grupos de componentes que se tendrán que mantener alineados:

  • UI Kit.
  • Librería de componentes (con instancias de código, puede estar en Github).

Recuerdo que confundía componentes con Design system pero hoy en día me queda claro que con los componentes creamos un Design system.

Los componentes son como bloques de construcción reutilizables para interfaces de usuario. En lugar de diseñar cada botón, barra de navegación o cuadro de texto desde cero cada vez que trabajas en un nuevo proyecto, creas componentes. Estos son elementos de diseño predefinidos y consistentes que se pueden usar una y otra vez en diferentes partes de tu aplicación o sitio web.