Análisis del Color

En ci disefio dc signos, el colorjuega un papel de cierta forma ambiguo. Si se utiliza apropiadamente, ci color pucdc comunicar algo, pero Si se utiliza sin cuidado puede

Aplicaciôn de Ia Perspectiva Semiótica enci Diseflo dc Interfaces: CasodeEstudlo

confundir. El color puede lograr quc ci mensaje sea ciaro. Puede entretener, distraer o molestar. El color puede hacer que ia información importantc sea resaitada o ilegible. El efecto del color depende totaimente dc cuándo y cómo se utiiice. A continuación se presenta en ia figura 3.5 aigunas recomcndacjones de cómo utilizar el color, obtcnidas en [Horton— 94], las cuaies se describen posterjormcnte.

Figura3.5:RecomendacioneS para bacer uso del color • Diseñar en blanco y negro

Aunque parezca irónico, la mejor manera de utilizar color es evitarlo al principio. Lo ideal es crcar ci signo en blanco y negro de tal forma que cxpresc ci mensaje principal del signo y dcspués agregaric color para mcjorarlo o para expresar mensajes secundarios.

Los signos en bianco y negro no tienen los siguientcs problemas causados por ci color:

Ceguera de co/ores:Dci 5 al 10 porciento de hombres y del 0.25 al 0.50 porciento

Aplicacjôn de Ia Perspectjva Semiotica en ci Diseflo de Interfaces: Caso de Estudio

Pantallas con baja resolucjón:Es difIcil reconocer ciertos colores en los monitores

con baja resolución.

Imágenes pequeI~as: Los signos pequefios requieren de contrastes altos para poder

leerlos y entenderlos.

Condiciones imperfectas de observación: Los signos vistos oblicuamente, como

cuando dos o varios usuarios están compartiendo una misma pantalla, son dificiles de reconocer.

a) Utilizar color redundante

Nunca se debe utilizar el color como el i~nico medio para expresar ci significado principal de un signo. Si el color es la ñnica caracterfstica que identifica al signo,

se recomienda utilizar una etiqueta.

b) Seleccionar combinaciones de colores robustas

Al incorporar colores en el diseño de algün signo, es importante seleccionar colores que mantengan el contraste original, refiriéndose a lo claro— obscuro de

la imagen. Los disefios con altos contrastes funcionan bien dentro de un gran rango de colores.

• Decidirporquése utiliza color

Existe una serie de buenas razones para utilizar color. El primer paso para incorporar color a una imagen es decidiendo ci porqué se desea agregar color.

A continuación se mencionan algunas razones para agregar color a una imagen:

a) Dirigir atención

A través dcl color es posible directamente ilamar la atención del usuario.

- Para liamar la atención apequeños objetos

Para lograr que una imagen pequena llame la atención se debe seleccionar un color conspicuo, aIgi~n color que contraste con ci fondo y que sea distinto a los colores de los otros objetos.

- Para dar enfasis a un area o Un~TU~0 de objetos

Para enfatizar un area grande en Ia pantaila se debe utilizar colores de bajo contraste o neutros, debido a que es posible que los usuarios se cansen con colores sobre cargados en areas muy grandes. Para enfatizar areas pequeiias se debe utilizar colores vivos, de alto contraste.

- Para eliminar la atención en un objeto

Para lograr quitar la atención en un objeto, se debe de utilizar colores muy parecidos al fondo. Es posible seieccionar ci mismo color, solo que ci tono del objeto sea un poco más claro.

Apiicacion de Ia Perspectiva Semiotica en el Diseño de Interfaces: Caso de Estudlo

b) Para agilizar la büsqueda

Por medio del color es posible reducir el tiempo requerido para encontrar un objeto en una pantalla compleja.

Para lograr esto se recomienda:

Desplegar la imagen que se desee localizar fácilmente en un color i~nico, 0

bien, minimizar ci nUmero de otras imágenes que utilicen ci mismo color. Utilizar los menos coloresposibles. Si las imágenes cstán muy juntas, se

puede utilizarhasta siete colores, de lo contrario, utilizar solo cuatro. Enseñar a los usuarios por cuál color buscar.

Seleccionar colores que representen caracterIsticas de las imagenes.

c) Para ayudar a reconocer

El color ayuda a reconocer objctos. Desplegar los objetos con coiores familiares permite que sean reconocidos más rápido y fácilmente que aquellos que se despliegan sin color o con colores inesperados.

d) Para mostrar organización

El color puede ser muy efectivo para formar categorIas de eiementos o bien

agruparlos. Puede mostrar cuáles objetos son similares y cuáles diferentes. e) Para estimar o cuantificar

El color puede indicar una posición o un orden secuencial de diferentes elementos y puede representar un valor numérico dentro de un rango.

- Paraposicionar objetos

Para implicar un orden o una posición dentro de una serie de elementos, se debe asignar colores quc varlen en ci brillo. Un error muy tipico es utilizar ci color del espectro, ya que a pesar de que es ci ordcn de los colores del arcoiris, no es un orden muy reconocido.

Existen tres escalas muy utilizadas y que no representan ningón problema, la primera es utilizar ci mismo color desde lo más fuerte hasta io más claro, otra es la dc colores frIos, de violeta a amarillo, y por ültimo los colores vivos, de amarillo a rojo.

- Para expresar un rango de valores

Los colores pucden expresar valores numéricos dentro de un rango, pero solo aproximadamente. Por ejempio para representar temperatura, utiiizar Un rango de colores desde un azui fuerte hasta un rojo vivo.

Apiicacion de Ia Perspectiva Semiotica en ci Diseflo de Interfaces: Caso de Estudio

I) Para representar color por si solo

La forma más directa, obvia y natural para utilizar un color es representarlo por si mismo. Para una mejor percepción, se recomienda utilizar un fondo negro, blanco o gris y que ci area sea suficientemente grande para que sea apreciado claramente sin ningün problema.

g) Para atraery complacer usuarios

A cualquier persona ic gustan ciertos colores más que otros. Las reacciones a ios coiores son muy subjetivas y personales que nunca se tienen regias exactas para seleccionar colores. Lo mejor que se puede hacer es utilizar coiores que ofendan lo menos que sea posible y que unifiquen en lugar de desorganizar la pantaila.

- Colores balanceados

A la mayorIa de las personas les agrada las combinaciones de colores balanceadas. Para balancear colores:

Mezclar colores con diferentes caracterIsticas. Utiiizar colores vivos

para balancear colores frios, asI como colores obscuros con colores claros.

Seleccionar colores separados equivalentemente dentro de una rueda de colores armoniosos.

Utilizar colores puros. Colores brillantes solo en areas peuqeñas

- Evitar colores liamativos

No es posibie complacer a todos, al menos en la seiección de colores. Pero si es posibie evitar ofenderlos. Se debe dejar a un iado las preferencias personales y seleccionar colores basados en investigaciones y sentido comun

Limitar el uso de colores brillantes, colores primarios, a mcnos que

sea un programa para niflos. Se recomienda reservar estos coiores para resaitar pequefios objetos o ünicos.

Seleccionar colores que la mayorIa de los usuarios prefiere. Utilizar colores por naturaleza. Estos rara vez ofenden.

Seleccionar colores que han sido probados, y combinaciones.

Existen colores que han sido populares por muchos años y difcrentes culturas.

Evitar colores que estén de moda a menos que se planee rediseflar

Aplicacion de IaPerspectiva SemiOtica en el Diseflo de Interfaces: Caso de Estudio

- Evitar colores conflictivos

Se recomienda no sobrecargar las imágenes con contomos y fondos brillantes, evitar utilizar colores compietamente distintos como rojo y azul y limitar el uso de combinaciones de colores opuestas como azul y amarillo, verde y rojo, y verde y azul.

h) Para reforzar o despertar emociones.

La habilidad del coior para despertar emociones ha sido documentada desde hace mucho tiempo. El color afecta a Ia circulación de sangre y presión, el ritmo de respiración, la fuerza muscular, la actividad mental y la eiectricidad de la piei. A continuación se presenta en la figura 3.6 ia relación que ciertos colores tienen con las emociones.

Rojo Agregación, impulso, calor, extroversion, optimismo, peligro, vergtienza. Naranja Amabilidad, agradable, calor, respeto, orgullo.

Amariiio Novedad, idealismo, introspección, calor, preocupación, traiciOn, cobardla. Verde Fresco, esperanza, salud, prosperidad, envidia, celos, enojo, nausea, aprobaciOn.

Azul FrIo, calmado, verdad, inocencia, precisiOn, duda, depresión, imposibilidad. Morado Vanidad,juicio, nostalgia, espiritualidad, resignaciOn, lamentar.

Café Obligación, seguridad, terrosidad, barrera, pobreza. Oro Riqueza, sabidurla, honor, alta calidad, altanerla, poder.

Blanco Ligereza, inocencia, pureza, sabidurIa, verdad,frIo, espiritualidad, vaclo.

Gris Moderado, neutral, sequedad, pena, indiferencia, inercia, madurez.

Muerte, pena, obscuridad, desesperaciOn, dignidad, solemnidad, pecado, negación. Negro

ApIicacion de Ia Perspectiva 5emiótica en ci Diseflo de Interfaces: Caso de Estudio

• Seleccionar colores

Una vez quc se haya selcccionado ci motivo por ci cual se va a utiiizar color y se ha considerado los requerimientos del color para ese motivo, se deberá eiegir los colores.

a) Utilizar los menos colores posibles

Por medio de computadoras es posible desplegar muchos coiores, pero ~cuántos se dcben utilizar para un signo? Soiamente los necesarios. Entre más colores se utilicen, se vuelven menos distintivos. Entre más colores se encuentren en una pantaila, los usuarios son más lentos e inciertos para reaccionar.

b) Relacionar colores en asociaciones ya aprendidas

Es recomendable utiiizar colores con significados famiiiares, como se muestra en la figura 3.7.

Color Signjflcado Asociado con

Rojo Peligro

Calor

Sangre Fuego

Amariiio Caiiente Sol

Azul Frfo Agua

Verde Vida

juventud

Hojas Frescas

Figura 3.7: Colores con sus significados

c) Seleccionar colores armonioSoS

No existeuna receta mágica para seleccionarcolores armoniosos.

- Para tonos distintos - Paratonos simiiares - Variando ci brilio - Variando la saturaciOn

d) Seleccionar colores sistemáticameflte

Asignar colores de una manera significativa. Primero se decide ci porqué,

Aplicación de Ia Perspectiva Semiotica en ci Diseflo de Interfaces: Caso de Estudio

. 1-:::..-

• Evitar problemas comunes

Para evitar problemas comunes a! seleccionar coiores se mencionan las siguientes recomendacjones:

a) Asegura lcgibiiidad

b) No distraer a los obseryadores c) Compensar para cegucra del color