Estoy trabajando en una aplicación de calendario que te permite cambiar tus días de vacaciones. Hay una función para elegir cuál de esos días cuenta solo la mitad.
Uso: el usuario alterna algunos días, esos días se vuelven naranjas. A continuación, el usuario puede hacer clic en el botón "elegir medios días". Al hacer clic, se desvanece toda la página, excepto los días naranjas. Ahora está en un modo en el que cualquier clic en los días naranjas agrega franjas para indicar que solo cuentan la mitad. Cualquier otro clic vuelve al modo anterior.
Si desea probarlo, vaya a la aplicación , cambie unos días, haga clic en el botón "½ Tage wählen" al lado del enlace inferior derecho a 2014.
He estado usando jQuery Tools para el efecto de exposición.
Por razones técnicas, no puedo seguir usándolo. Y pensándolo bien, puede que no sea la solución ideal para convertir los días naranjas en medios días (lo del "modo" me está molestando).
Entonces, mi pregunta es: ¿Existen otras/mejores formas de hacer que las áreas en las que se puede hacer clic en una página se destaquen para indicar en qué áreas se debe hacer clic?
Puede agregar un ligero degradado a los días naranjas sin hacer clic. El degradado podría activarse después de hacer clic en "½ Tage wählen".
No parece haber ninguna ventaja en requerir que se seleccionen días completos antes de que el usuario pueda ingresar a un "modo de medio día" para modificarlos.
Un botón que alterna entre "modo de día completo" y "modo de medio día", de modo que en "modo de medio día" un clic "actualizará" un día vacío a la mitad, o "rebajará" un día completo a la mitad, sería más simple de usar y no requeriría señales visuales adicionales. Puede crear el comportamiento de clics consecutivos en el mismo elemento de la forma que prefiera. Los usuarios entenderán rápidamente cómo funciona. Deberían poder hacer clic en un día vacío o en uno seleccionado en cualquiera de los modos y hacer que suceda algo consistente.
Desde esa aplicación ya está claro que se puede hacer clic en todos los cuadros blancos, sin embargo, lo que no está claro es qué representa el color azulado/gris y si se puede interactuar con ellos. Tal vez darles algún efecto como:
Pero para responder a la pregunta, lo principal para diferenciar algo de otros elementos es usar Contrast .
El contraste se puede lograr mediante:-
básicamente cualquier cosa extraña.
Si lo desea, una solución simple sería que podría tener un trazo más grueso alrededor de las casillas en las que se puede hacer clic, en lugar de mostrar solo esos días. Otra opción sería biselar y grabar en relieve las áreas en las que se puede hacer clic, aunque eso podría ser un poco de la vieja escuela o algo que tenga una sensación tan limpia y contemporánea.
¡De todas maneras, buena suerte con ello!
-J
aventón
alan gilbertson
aventón