Skip to main content

Menu desplegable

Los menús desplegables de entrada se utilizan para agrupar acciones en una subvista. Son útiles para permitir a los usuarios seleccionar entre una gran cantidad de opciones o incluso buscar opciones dentro del campo de entrada antes de seleccionarlas.

Comportamiento

  • Las selecciones funcionan bien para presentar muchas opciones diferentes en una unidad compacta. De esta manera, los usuarios no tienen que desplazarse por decenas de opciones para encontrar lo que buscan.
  • Cuando solo tienes unas pocas opciones para que los usuarios no se sientan abrumados por ellas, puede ser útil presentarlas todas a la vez, como con Botones de radio.

Anatomía Grid

Utilice mensajes de error y ayuda

  • En el caso de los campos más complejos, a veces las etiquetas no son suficientes. Es conveniente incluir toda la información necesaria de la forma más clara posible para ayudar a los usuarios a completar los campos.
  • Utilice mensajes de ayuda para guiar a los usuarios antes de que ingresen algo y aclare los mensajes de error cuando haya un problema con lo que ingresaron.
  • Recuerde que es probable que estos mensajes provoquen sentimientos negativos, por lo que debe ser positivo y concentrarse en las soluciones a cualquier problema.

Incluir ejemplos de marcadores de posición

  • Cuando tenga información adicional o ejemplos útiles, incluya texto de marcador de posición para ayudar a los usuarios. Recuerde que el texto del marcador de posición es visualmente menos importante, tiene poco contraste y desaparece una vez que los usuarios ingresan algo. Por lo tanto, no incluya nada necesario para completar el campo.

Recursos

Recruso de Figma