Componentes básicos del diseño UI

por
1 Minuto de lectura

Los componentes son las piezas con las que se construyen las interfaces de usuario. Ayudan a definir la navegación, la interacción y la forma de entregar información.

Si estás empezando en el UI, es importante que los conozcas y reconozcas los componentes básicos del UI.

 

Botón

  • Invita a los usuarios a tomar una acción, como enviar, autorizar, descargar o finalizar.
  • Debe corresponderse con el UX.

Botón-1

 

Casilla de verificación (checkboxes)

  • Permite seleccionar varias opciones a la vez.
  • Debería ir vacío antes de que el usuario lo seleccione.

checkboxes-2

 

Interruptor

  • Activa y desactiva modos u opciones que son mutuamente excluyentes.
  • Suele estar en los menús de configuración.

interruptor

 

Botón de opción

  • Le permiten al usuario elegir una única opción en una lista de varias.
  • Son muy útiles en los formularios.

Botón-opción-4

 

Caja de texto

  • Sirven para que el usuario deje información variada y libre. 
  • Están en los comentarios de los blogs, los formularios, las encuestas de satisfacción, entre otros.
  • Abren y guían la navegación en un sitio web.
  • Suelen llevar las grandes categorías de información y contenido, así como las opciones de iniciar sesión (Log In) o registrarse (Sign Up).

caja-de-texto

 

Pie de página

  • Son lo último que ve el usuario cuando recorre una página.
  • Suelen llevar información corporativa, como la dirección, el correo, la política de privacidad o los links a las redes sociales.

Pié-de-página-3

 

Otros

  • Listas.
  • Acordeones.
  • Migas de pan.

Si quieres aprender de diseño UI aquí te explicamos algunos errores UX UI que te harán perder clientes y 5 claves de para realizar diseños UX UI inclusivos.

Conoce cómo aplicamos el diseño UI dentro de nuestra agencia de diseño de servicios.

 

Picture of Xperience Design

Xperience Design

Empezamos en el 2011 y hemos sido pioneros en llevar el diseño centrado en lo humano a las principales empresas de Medellín y Colombia. Hacemos parte de Iuvity. Somos un equipo de creativos con polo a tierra. Somos rigurosos con la metodología, pero nos adaptamos a cada reto. En este blog nos gusta compartir ideas, aprendizajes, apuestas e historias de nuestros proyectos.

Autor