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

INICIO
CONFERENCIAS
INFO
Imagen6433S

Mayor usabilidad de aplicaciones GeneXus con Themes (III)

Al definir los colores básicos de la transacción o del sitio deben tenerse en cuenta el tema que trata el sitio, la audiencia a la que se dirige y el ambiente que rodea al usuario. por Jorge Marmion

Definición del color de fondo de la transacción o del sitio

Según la teoría de detección de señales ("Signal Detection Theory") un modelo estadístico elaborado en la década del 50, el cerebro humano interpreta y organiza la información que recibe en forma óptima cuando en el campo visual hay un número mínimo de colores y formas: cuando menos "ruido", más clara es la "señal".

Al definir el color o colores básicos de la transacción o del sitio, deben tenerse en cuenta los siguientes factores:

- El tema: ¿es un sitio de diversión o una transacción para operadores de la bolsa de valores?

- La audiencia: ¿Hay algún factor de homogenización? Sexo (mayoría hombres, o mujeres), edad (sitio para la tercera edad, o para jóvenes buscando diversión nocturna), experiencia (transacción para los compradores de una empresa) ¿algún otro factor?  ¿O los usuarios forman una platea altamente heterogénea? (usuarios de un sistema de cajero electrónico de un banco, por ejemplo)

- El ambiente: ¿cuál es el grado de estrés al que están sometidos los operadores del sistema? (elevado, como en un sistema de control de tráfico aéreo, o bajo, si es un usuario buscando en su casa opciones de restaurantes para el fin de semana). ¿Cuál es la luminosidad del ambiente? (elevada, como en una competición olímpica al aire libre, o baja, como en un centro de control de tráfico aéreo).

Veamos, rápidamente, algunos ejemplos:

 

 

 

 

 

 

El color básico de fondo de la página inicial de sitio Web de Disney es azul, un color que además de transmitir confianza, calma y estabilidad es perfectamente visible para la gran mayoría de la población. Note que a pesar del impacto visual no hay muchos colores: además del azul básico, se utilizaron el verde, blanco y anaranjados (todos colores positivos, emocionales).

El color negro fue abolido de la página. Las áreas con menor saturación del color básico están en las esquinas.
Por otro lado, el sitio del grupo de rock Black Sabbath es básicamente negro (un color ya presente en el nombre de grupo). Combina perfectamente con el grupo, que en sus shows suele realizar actos de magia negra. Las letras en rojo sangre son también adecuadas, considerando el tema del sitio. Note que, nuevamente, hay muy pocos colores. 
 

 

 

 


El sitio de Avon (izquierda) es adecuado al consumidor al cual se dirige principalmente: la mujer.
Colores suaves, femeninos, estéticamente limpio.Por otro lado, el sitio de la derecha http://www.paomusic.com.br (patrocinio musical de una red de supermercados brasileña) es vibrante, joven, estéticamente impactante. El tema es identificable rápidamente: es, obviamente, un sitio dedicado a la música. Pero el conjunto -anarajado- da la idea de juventud, vibración, dinámica. Piense ahora en esta combinación de colores para un sitio de tango, o de música clásica: es totalmente inadecuada.

Observe, ahora, dos versiones diferentes de un mismo sitio:
Página Inicial del sitio http://www.lancome.com , versión 2002 (izquierda) y versión 2003 (derecha)
 

 

 

 

 


La versión de la izquierda es suave, delicada, de una femineidad poco agresiva. Ya la foto de la versión a la derecha modificó sustancialmente el mensaje: la femineidad es mucho más agresiva, los colores fuertes, impactantes. Se ha utilizado hasta el rojo (asociado a pasión, sexo, amor) que no estaba presente en ninguno de sus matices en la versión anterior. Observe como la foto de la izquierda es parte del conjunto; no crea un desvío de atención. Ya la foto a la derecha es tan impactante que es casi imposible observar el todo sin dejar de notar la foto, que surtirá un impacto mucho mayor en el o la lectora. Observe también como fue modificado el alineamiento del texto.

Tomando en cuenta la fisiología del mecanismo de percepción del color, el contexto cultural y otros factores, podemos establecer las siguientes orientaciones:

- Utilice la menor cantidad posible de colores para el fondo de su sitio o transacción 

- La percepción del color es afectada por la luminosidad del ambiente. Considere las fuentes de iluminación (naturales y artificiales) del local. 

- Si el fondo es una imagen, considere que durante el tiempo de carga los elementos frontales ("foreground") pueden no ser visibles por falta de contraste.

En la próxima y última entrega: la selección de colores para transacciones

Jorge Marmion es autor y director del proyecto que creó el software "DB-Examiner", electo uno de los 100 mejores aplicativos del mundo por los lectores de la DM Review en 1998, 1999 y 2000. El software fue incorporado a la suite de productos ERWin, y pasó a ser distribuido por la Computer Associates con el nombre de "ALLFusion Data Model Validator". Actualmente dirige el Instituto Brasileño de Amigabilidad y Usabilidad (www.ibrau.com.br) y el Institulo Latino Americano de Usabilidad (www.ilau.org)

Relacionado
Mayor usabilidad de aplicaciones GeneXus con Themes (I)
Mayor usabilidad de aplicaciones GeneXus con Themes (II)
Mayor usabilidad de aplicaciones GeneXus con Themes (IV)
Usabilidad: Daltonismo en el Web
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
#Mayo Próximos cursos y certificaciones #GeneXus en América: Argentina, Brasil, Colombia, México y Uruguay