Alternar visualización de estados
Estoy rediseñando un conjunto de interruptores donde algunos de ellos pueden activarse y desactivarse usando un patrón estándar. Sin embargo, algunos de ellos están activados de forma predeterminada debido a los permisos de administrador, pero el usuario no puede desactivarlos . La pantalla actual muestra estos conmutadores con un color verde más claro pero, como dije, no se puede hacer clic en ellos. Esto me hizo sentir confundido al analizar el comportamiento y asumo que los usuarios pueden sentir lo mismo. ¿Crees que hay alguna forma en que podamos mostrar estos conmutadores para que el usuario sepa que están activados pero su estado no se puede cambiar? La aplicación responde y se puede mostrar a través de múltiples dispositivos. ¡Gracias por adelantado!
Respuestas
Material Design muestra el estado bloqueado mediante una versión atenuada como esta:
Pero el problema aquí es la accesibilidad. Los usuarios con discapacidades relacionadas con la visión no podrán diferenciar estos dos.
En cambio, lo que puede hacer es agregar un símbolo de candado dentro de la palanca junto con un color menos opacidad y, si el usuario intenta interactuar con él, proporcione una información sobre herramientas que diga "bloqueado por el administrador" / "Habilitado por el administrador" o algo así.
Si bien tener un estilo "difuminado" para los controles deshabilitados es bastante estándar, el problema aquí es que la diferencia es demasiado sutil para que el usuario la vea claramente.
Podría cambiar el color de verde a gris (por ejemplo), sin embargo, podría correr el riesgo de perder la claridad que en realidad significa "habilitado" (que es el propósito principal del color verde en primer lugar).
Con eso en mente, mi sugerencia sería evitar usar un control para este propósito. En su lugar, puede usar texto para mostrar el estado habilitado/deshabilitado sin tener la confusión de usar un control para hacerlo. Por ejemplo:
Alternativamente, como lo sugiere jcaron, también podría indicar explícitamente que el administrador ha establecido la configuración. Esto ayuda a aclarar al usuario que no puede cambiarlos. Algo como esto:
Primero debe tener claro si su interruptor debe ser de solo lectura o deshabilitado.
Aquí hay un buen artículo sobre eso:https://vaadin.com/docs/v8/framework/articles/ReadOnlyVsDisabledFields.html
En mi último proyecto, usé estos estilos para diferenciar los estados de un interruptor de palanca.
Los interruptores son "activo y seleccionado", "activo", "deshabilitado" y "solo lectura".
