English|Português|Español
UsuarioContraseñaLogin

INICIO
CONFERENCIAS
INFO
Imagen6538S

Usabilidad: Colores, Contrastes y subrayados

Para lograr una lectura cómoda se debe buscar siempre un buen contraste entre los colores de fondo y de los textos. Es necesario encontrar una combinación que no distorsione la lectura. Por María José Serres, del equipo de marketing de ARTech

Si se usan fondos estampados, estos deben permitir la lectura del contenido sin acaparar la atención del ojo. No hay que olvidarse que el fondo es un medio para ayudar a la lectura y favorecer el entendimiento del contenido.

La lectura va a ser más cómoda cuanto mayor sea el contraste de los colores. El mayor contraste se logra con fondo blanco y letras negras. La combinación inversa (fondo negro y letras blancas) si bien tiene mucho contraste no es tan usada. Se han armado discusiones sobre cuál de las dos opciones es la mejor para leer texto. Mi opinión es que conviene orientar el contraste al tipo de sitios a realizar y su público objetivo. Si quiero hacer un sitio para skaters, rockandrolleros, motociclistas, etc. el fondo negro va a gustar más. En sitos corporativos, intranets, sitios de banca, etc. recomiendo usar la combinación de fondo blanco y las letras negras. Siguiendo en el mismo ámbito de aplicaciones Web, si se quiere variar el color de fondo, siempre es recomendable seguir con fondos claros, colores pasteles, y letras de colores oscuros, negro o cercanos al negro.

Hay sitios en donde se puede probar online algunas combinaciones de colores entre fondo y texto. Uno de ellos es http://www.nbp.org/ic/nbp/process.html?mv_nextpage=customize%2ehtml&mv_todo=set&style_size=large&id=EcfxrsZw  

Si quieren leer sobre investigaciones en el tema, recomiendo leer http://www.usabilitywebsite.com/usabilityresearch_color.htm

En la versión 8.0 de GeneXus se pueden establecer las combinaciones de colores en el editor de temas, en la clase "Form" y jugar con las mismas sin tener que cambiar ni una línea de código.

Hay un par de colores para los textos que tienen un significado particular, independientemente de lo que diga el texto. Y debido a esto, hay que usar esos colores sólo para lograr esos significados y viceversa, para lograr esos significados, sólo usar esos colores.

Estos colores son el rojo y el azul.

El color rojo significa atención, error, peligro (también se aplica al medio físico, como el cartel de "Pare") por lo que se debe usar sólo para los mensajes de error. En caso de mostrar mensajes de error en otro color que no sea rojo, eidentificarla usuario le va a resultar más difícil identificar ese texto como un mensaje de error (a veces se usan iconos de atención, pero lo recomendado y más usado es el color rojo)

El color azul, normalmente acompañado con el texto subrayado indica un enlace.

Si en un texto se encuentra una palabra en azul, intuitivamente se tiende a pensar que es un enlace (aunque no esté subrayado), y se defrauda al usuario si éste trata de cliclear sobre la palabra que no va a ningún lado.

Muchas veces los enlaces dentro de los bloques de texto se muestran en el mismo color que el texto con la diferencia de que están subrayados. Esto también se puede interpretar como un enlace, no en forma tan intuitiva como la que resulta de usar la combinación con el color, por lo que recomiendo no usar el subrayado en los textos. Si se quiere resaltar algo en un bloque de texto, es preferible usar negrita.

Fuente (http://www.grokdotcom.com/usability-of-color.htm)

 

 

 

 

Relacionado
Tipografía
Alineación de los textos
Fuentes
Usabilidad: velocidad de descarga
Usabilidad: Tipos de links
GeneXus Training Uruguay publicó su calendario de capacitación para el primer semestre del año
Certificaciones #GeneXus en el #GX24
En GeneXus Uruguay buscamos nuevos talentos
Trabajar en GeneXus: Todo lo que tienes que saber si quieres trabajar con nosotros #Training #Becas #BolsaDeTrabajo #GXjobs
En GeneXus México buscamos nuevos talentos
Sistema educativo, mercado laboral, empresas B, Forge y GeneXus: la importancia de la capacitación, los valores y la inserción laboral en los jóvenes
Alta demanda de profesionales TI en el mundo
Próximos cursos y certificaciones #GeneXus en América: Argentina, Colombia, Chile, Brasil, México y Uruguay
Nuevos Analistas GeneXus en el Instituto Superior de Informática #Uruguay
Toolnology continúa presentando GeneXus X Evolution 3 con cursos gratuitos #Argentina