it-swarm-es.com

¿Qué es mejor: sí / no radio o simple casilla de verificación?

En una forma muy grande en el sitio web de mi empresa, existe esta tendencia a usar Yes / No combinación de botones de radio.

enter image description here

Puedo pensar en un argumento de no usarlo, pero no está relacionado con UX: necesitamos mantener tres estados en lugar de solo dos: null, true y false para esos campos.

¿Hay algún argumento, UX-wise, para usar la casilla de verificación en su lugar?

enter image description here

Editar: No necesitamos cubrir los 3 casos, el caso null es solo el estado inicial y es imposible avanzar más en el formulario sin seleccionar "Sí" o "No", de ahí la dificultad de mantenimiento mencionar.

103
wscourge

Depende de si la pregunta es obligatoria. Necesita botones de opción si desea asegurarse de que un usuario haya respondido la pregunta, ya que con una casilla de verificación vacía nunca sabrá si un usuario simplemente olvidó esta pregunta.

234
denR89

No existe una única respuesta adecuada, pero el control depende del contexto.

La casilla de verificación es adecuada para minimizar el desorden, pero su uso es limitado para los casos en que la elección descrita también tiene un significado opuesto claro (sin necesidad de mencionarlo):

[X] include subdirectories

Los botones de opción son adecuados cuando se hace algo más explícito o si las opciones necesitan descripciones separadas:

Overwrite files when copying (cannot be undone):

(•) Yes, overwrite   ( ) No

Los botones de radio también son el mejor control para iniciar sin hacer ninguna elección.

El menú desplegable (todavía con 2 opciones) es adecuado para elegir qué usuarios no deberían cambiar, etc. Otras opciones no se ven y el cambio necesita 2 clics:

Format drive for the following file system:   exFAT32 ▼

(después de abrir, la otra opción es NTFS).

Por supuesto, estos no son los únicos criterios. Si ya tiene un grupo predominante de controles similares, agregue otro para que coincida. O, a veces, es el diseño el que rige el tipo de control primario que se debe usar, por ejemplo, algunas opciones se ven más accesibles si están alineadas en la tabla. Y a veces necesita agregar etiquetas o íconos de varias líneas a las opciones, lo que implica el control a usar.

Entonces, la elección es suya, el objetivo es simplificar la interfaz de usuario, pero hacer que las elecciones importantes sean explícitas y algunas otras se destaquen en el camino del usuario.

81
miroxlav

Usaría la casilla de verificación, porque:

  • es visualmente conciso (frente a las radioboxes que ocupan más espacio en la pantalla)
  • es el mínimo necesario para hacer el trabajo
  • es un widget de interfaz de usuario clásico y la gente está familiarizada con él (aunque esto también se aplica a las cajas de radio)
  • una versión en papel del formulario puede tener el mismo aspecto (aunque algunas encuestas en papel usan cajas de radio)

Radioboxes sería una mejor opción si tuviera más de 2 estados. Por ejemplo, en una encuesta puede necesitar {yes, no, I don't know, prefer not to say} para diferenciar los matices de cualquier opción que no sea yes.

Sería útil si le preguntara a la generación anterior de personas que hicieron esta interfaz acerca de la lógica detrás del uso de radioboxes. Quizás haya una buena razón para eso, pero no ha sido documentado.

22
ralien

Si realmente necesita cubrir todos los casos de uso:

  • La marca de verificación no funcionará porque solo puede cubrir dos casos.
  • Los botones de radio deberían cubrirlo, pero le falta la tercera opción. Algo en la línea de "Prefiero no decir". Debido a que la configuración actual se rompería si seleccionara algo accidentalmente (pero por lo que parece, ¿probablemente desmarque el botón de opción?), Lo que no creo que sea una buena práctica.

Puede leer este interesante artículo en los botones de radio de Norman Group si necesita más información.

14
rojcyk

La casilla de verificación se utiliza para seleccionar o afirmar una elección. La pregunta "¿Tienes ...?" no ofrece una opción, por lo que una casilla de verificación no se aplica a la pregunta. Incluso parece seleccionar la pregunta solo.

Por lo tanto, se debe ofrecer una opción, sí o no Luego use la casilla de verificación para la selección de opciones.

6
Rob

El comentario de @hsan sobre la pregunta es importante: si necesita asegurarse de que el usuario realmente haya querido decir 'No' como respuesta, debe hacer una selección activa, por lo que el formulario no se puede enviar hasta que lo haya hecho. .

Para esto, un control de selección con una primera opción deshabilitada de 'seleccione' funciona bien: https://codepen.io/anon/pen/LaZzzP

<label for="mandatory-yes-no">Do you need the thing?</label>
<select id="mandatory-yes-no">
  <option disabled selected> Please select</option>
  <option> Yes </option>
  <option> No </option>
</select>

Al hacer que el estado predeterminado sea una "opción" válida, corre el riesgo de que el usuario simplemente lo pase por alto o no lo considere. Si ese riesgo es aceptable o deseable depende de la situación.

4
Beejamin

Para su caso particular, parece que necesita agregar una tercera opción "N/A" que está seleccionada de forma predeterminada.

Con respecto al uso de casillas de verificación versus radios sí/no, creo que las casillas de verificación funcionan mejor para situaciones en las que los campos tienden a permanecer "como estaban" cuando el usuario ingresó el formulario por primera vez.

Por ejemplo:

sample of multiple check boxes grouped together

Con una agrupación adecuada por parte del diseñador de UX, esto permite a los usuarios omitir rápidamente áreas del formulario que no son relevantes.

El botón de radio, en la forma en que lo muestra, enfatiza que se requiere una elección, mejor que una casilla de verificación que podría dejarse en blanco.

4
mpr

Como muchas otras respuestas han dicho, depende del contexto

Sin embargo, me gustaría agregar que depende no solo de la pregunta que está haciendo, sino también de cuánto desea que el usuario piense sobre la pregunta y su respuesta. Una casilla de radio requiere alguna acción para avanzar mientras se puede pasar por alto una casilla de verificación.

Como dice DenR89, nunca puede estar seguro si una casilla de verificación ha sido contestada negativamente o ignorada. A veces esto está bien. En ocasiones, debe asegurarse de que el usuario haya entendido la pregunta y haya brindado una respuesta sincera. Por ejemplo, en una solicitud de seguro de automóvil, puede usar una caja de radio para:

Do you own the car?
( ) Yes ( ) No

Como puede haber implicaciones legales para asumir esto incorrectamente. Sin embargo, puede usar una casilla de verificación en la misma forma para:

[ ] Include breakdown cover

Donde el valor predeterminado (sin cobertura de desglose) es correcto para la mayoría de las personas y no afectará la validez de una póliza de seguro si se omite.

Formas muy grandes

La gente se aburre/frustra con formas muy grandes. Para estos casos, sugeriría botones de radio, ya que obliga a las personas a leer la pregunta y tomar una decisión, evitando que la pereza permita que las personas pasen por alto las casillas de verificación.

Esto solo se aplica realmente mientras hablamos de una casilla de radio sí/no/nulo frente a una sola casilla de verificación. Si la casilla de radio está inicialmente en un estado "no", es esencialmente lo mismo que una casilla de verificación. Si puede reemplazar las varias preguntas con:

Do you have:
[ ] Thing 1
[ ] Thing 2
[ ] Thing 3
...

Entonces esta es una pregunta completamente diferente.

3
Kichi

En mi humilde opinión

Botones de radio

  1. El usuario solo debe poder seleccionar una sola opción

    (o) Pato () Ganso () Cóndor vengador de la muerte

  2. NINGUNA respuesta no es una respuesta. Una vez que seleccione (haga clic en un botón de opción) una de las 3 opciones en el ejemplo anterior, solo puede cambiar su selección, no anular la selección.

Casillas de verificación

  1. El usuario puede seleccionar múltiples opciones

Ingredientes: [] Queso suizo [x] Queso extraño [] Carne misteriosa [x] Soylent Green

  1. NINGUNA respuesta es una respuesta válida. es decir, en el ejemplo anterior, puede decidir que no desea coberturas.
2
raubvogel

Ninguno de los dos es correcto.

Las radios y las casillas de verificación están diseñadas para listas . Por lo tanto, se utilizarían en un caso como este donde hay múltiples opciones de adjetivos (números/cantidades) o sustantivos (objetos 1, 2, 3) solicitados (al menos dos elementos).

Which of the following do you have?
- Whatever 1
- Whatever 2
- Whatever 3

La diferencia es que las radios limitan su selección a una sola opción, mientras que las listas de verificación le permiten seleccionar múltiples opciones (es decir, ¿cuál es su color favorito (radio) frente a qué color (s) le gusta (lista de verificación)).

Lo que está tratando de lograr no requiere radios ni casillas de verificación, ya que no es una lista, sino más bien una declaración de esto o aquello. Esto requiere botones. Esto se ve comúnmente en el software después de preguntas como "¿Está seguro de que desea eliminar esto?" o "¿Desea instalar este software?"

enter image description here

Como se trata de un formulario web, lo más probable es que utilice botones de radio HTML. Editaría el código como este para ocultar los círculos de radio ya que solo muestra las opciones sí o no.

2
Davbog