Una cosa que estoy empezando a darme cuenta es muy importante: el uso adecuado del contraste.
Mira esa primera foto. Es contrastante en todo el lugar! El cielo es brillante, el horizonte es oscuro, luego la hierba lejana es brillante, luego el fondo es oscuro. El fondo de mosaico varía enormemente entre extremadamente brillante y extremadamente oscuro. Todo esto no es información. Desorden visual. Las partes importantes reales (los círculos) quedan ahogadas por todos los cambios de contraste.
Ahora mira la segunda imagen. El fondo es oscuro y relativamente monótono. Hay un borde brillante alrededor de todo el campo de juego. El fondo de mosaico es mayormente oscuro, con delgadas líneas blancas en lugares importantes. De repente, puedes ver el rompecabezas, porque es una de las cosas más contrastantes.
Personalmente, todavía lo modificaría un poco, también haría que el campo de juego se viera más sucio. Esas líneas blancas para mostrar las divisiones de la cuadrícula son importantes, pero el cerebro humano es realmente bueno para extrapolar características rectas, y podrían ser mucho más oscuras e incluso divididas un poco.
La gran cosa que me saca de esa interfaz de usuario es la barra inferior. Es brillante, está en tu cara y es difícil leer el texto. Esa última parte es importante: la razón por la que es difícil leer el texto es, nuevamente, por el contraste. Leímos el texto parcialmente buscando el borde de las letras, pero desafortunadamente las letras se mezclan bien con partes de la barra inferior.
Lo que haría: volver a activar la barra inferior para que se ajuste bien al fondo principal, en términos de contraste. Haga un borde más claro entre él y el fondo principal para cruzar el hecho de que está separado. Luego, elimine la mayor parte del texto. "Diamante" puede convertirse en un diamante real. Los "átomos restantes" pueden convertirse en una vista pictórica de algunos átomos. El "tiempo restante" puede convertirse en un reloj de arena, un reloj de pulsera o un reloj de bolsillo. "Siguiente" puede desaparecer por completo: dices "tienes que jugar para ver qué átomos obtienes", pero esa es una mecánica de juego molesta. Conviértalo en una pila de átomos a la derecha, sentado en una cinta transportadora destartalada, con una pequeña pista visual de maquinaria para la cual está el siguiente en la línea. Tada! Rompecabezas mejorado, interfaz mejorada, todo parece menos desordenado.
Si no es necesario utilizar el texto, hay dos maneras de contraste de garantía. Primero, coloque su texto en algo que sea, en sí mismo, de bajo contraste. Si tiene un fondo oscuro, use texto claro. Si tiene un fondo claro, use texto oscuro. Si no puede hacer eso (y a veces simplemente no puede), no dude en usar el efecto de brillo exterior. Es una excelente manera de proporcionar el contraste de borde correcto sin importar en qué texto esté.
Cuando juegue con interfaces, abra un editor de imágenes, cámbielo a monocromo e intente dos cosas: desenfoque y detección de bordes. Cuando su interfaz de usuario está borrosa en monocromo, su visión debe gravitar automáticamente hacia las áreas importantes. Cuando está en detección de bordes, las áreas importantes deben resaltarse. Ejemplos:
Compara estos dos. La primera es casi ilegible, claro, algunas de las gemas son visibles, pero muchas de ellas no lo son. En el segundo, la cuadrícula se destaca instantáneamente, al igual que el cuadro de diálogo. Si bien solo hay una gema en el tablero, puedes ver instantáneamente dónde está.
El primero enfatiza masivamente los bordes de la cuadrícula. Algunas de las gemas son casi invisibles. El segundo enfatiza aquellos todavía (y más de lo que yo personalmente lo haría), pero también enfatiza el borde del rompecabezas con mucha fuerza, y la gema es significativamente más (aunque todavía no perfectamente) visible.
Este método no es una panacea de ninguna manera, pero puede ayudarlo a localizar cosas que deberían arreglarse. Solo tenga en cuenta que la visión humana se basa en los bordes y el contraste, y diseñe su interfaz de usuario para que los humanos puedan leerla.
