Controles de selección

Contenido

Definición

Los controles de selección permiten a la persona usuaria introducir información en el sistema eligiendo entre una serie de valores cerrados determinados previamente.

Su comportamiento es similar al de las entradas de campo:

  • Deben llevar etiquetas y, opcionalmente, mensajes de validación o error.
  • Se deben marcar los controles obligatorios y, si se considera oportuno, también los opcionales.
  • Los controles pueden estar deshabilitados.

A continuación se describen los tipos de controles de selección que pueden insertarse.

Campos autocompletados

En estos campos los valores posibles están limitados a una lista cerrada y predefinida de antemano, que la persona usuaria descubre a través de un sistema de autocompletado. Este tipo de campos sólo tiene sentido cuando el número de opciones que se van a presentar es muy elevado (mayor de 100 elementos).

Radio buttons

Permiten elegir una sola opción entre varias posibles, mutuamente excluyentes. Todas las opciones se presentan en pantalla a la persona usuaria de forma simultánea, por lo que no se recomienda utilizar radio buttons cuando existan seis o más opciones posibles. Las opciones se dispondrán de manera vertical en el formulario y se presentarán en un orden lógico, procurando priorizar las opciones utilizadas con más frecuencia. Cuando el selector no sea obligatorio, se incluirá una opción neutral preseleccionada (p.ej. "A", "B", "No contestar").

Radio buttons

Selectores

Este componente se recomienda cuando exista un número amplio de opciones sobre las que escoger (típicamente de 6 a 15) o cuando un formulario contenga un número elevado de campos, con el fin de permitir que el mayor número de campos puedan mostrarse a la persona usuaria en pantalla de forma simultánea.

  • Selección única: Al igual que los radio buttons permiten seleccionar una única opción de un grupo de opciones excluyentes. Selector
  • Selección múltiple: Esta opción de selección permite al usuario elegir entre una o varias opciones de un menú. Con este fin, se introducen checkboxes en el listado de opciones.
Selector múltiple en escritorio
Escritorio: Selector múltiple

 

Móvil:Selector múltiple
Móvil:Selector múltiple

Checkboxes

Permiten presentar una lista de opciones de las que persona usuaria puede seleccionar las que considere, ninguna, una o varias. Al igual que en el caso de los radio buttons, las opciones se disponen de manera vertical y se deben presentar en un orden lógico, procurando priorizar las opciones utilizadas con más frecuencia. También se puede utilizar para presentar una única opción que la persona usuaria debe marcar para mostrar su conformidad (p.ej. aceptar condiciones de uso).

Checkboxes

 

Interruptor

Los interruptores (switches) permiten a la persona usuaria elegir entre dos opciones mutuamente excluyentes, y siempre tienen un valor predeterminado (activado o desactivado). Al activar o desactivar un interruptor debe producirse un cambio inmediato sobre el interfaz, sin necesidad de activar ningún botón; en ese sentido, su uso prioritario es en páginas con modelo de buscador facetado.

interruptor
Índice