#03 - ¿Cuándo utilizar un Checkbox, Radio Button y un Toggle? 👀 📗
Veamos las características de estos controles.
Cada uno de estos controles permite al usuario completar una tarea específica dentro de una interfaz, como activar - desactivar una configuración , eliminar o agregar elementos o seleccionar varias opciones de una lista.
Radio Button — 01
Un radio button permite al usuario poder elegir una opción de un grupo a la vez. Lo ideal es usarlos para 2 a 4 elementos y siempre se forma vertical.
Checkbox — 02
A diferencia de un radio button, con checkbox podemos elegir varias opciones de un grupo al mismo tiempo. Por lo general lo vemos en una tienda e-commerce, en los filtros cuando buscamos por características específicas.
Toggle — 03
Un toggle es un elemento en la cual podemos activar o desactivar una acción y se produce inmediatamente en la pantalla.
No es necesario un botón extra para confirmar.
Área de tap o click
Hay que tener en cuenta que estos elementos van hacer los mas pequeños dentro de la interfaz, por lo que el área de tap o click debe ser de fácil acceso.
Para eso la acción no solo debe estar en el cuadro de interacción, si no que también en el área del texto asociado.
Para estos grupos de opciones, siempre mostrémoslas de forma vertical.
Si debes mostrarlos de forma horizontal, presta mucha atención a la distancia de cada elemento para que su lectura sea fácil y entendible por el usuario y no se confunda al momento de elegir una opción.