You are on page 1of 46

PSICOLOGÍA

del

COLOR
V
V
V
V
V
La psicología del color estudia la influencia de color en el comportamiento humano. La cultura, edad y género son factores
determinantes en la percepción del color, aún así cada individuo tiene una percepción única del color relacionada a
experiencias pasadas.

La psicología del color es sostenida por 6 ejes

1. El color puede tener un significado propio.


V 2. El significado del color está basado en valores aprendidos o valores intrínsecamente biológicos.
V 3. La percepción de color conlleva una evaluación automática de la persona que percibe.
V
V 4. Este proceso de evaluación fuerza un comportamiento motivado por el color.
V 5. Usualmente el color ejerce una influencia automatica.
6. Los efectos y significados del color también tienen que ver con el contexto.
460-370 a.C. Hippocrates basado en en teorías del antiguo Egipto desarrolló su teoría de los Cuatro Temperamentos
relacionando personalidades con 4 fluidos corporales asociados con elementos y colores.

V
V
V
V
V
1798 Escritores Goethe y Schiller “Roseta de Temperamentos” dividiendo doce ocupaciones y temperamentos bajo las 4
categorías griegas.
Colérico (rojo/naranja/amarillo): tiranos, héroes y aventureros
Sanguíneo (amarillo/verde/cyan): Hedonistas, amantes y poetas.
Flemático (cyan/azul/violeta): oradores, historiadores y maestros.
Melancólico (violeta/magenta/rojo): filósofos, pedantes y gobernantes.

V
V
V
V
V
1940-60 Carl Jung es visto como uno de los primeros psicoanalistas en desarrollar teorías sobre las propiedades,
significados y simbolismos del color.

V
V
V
V
V
1963 Josef Albers estudió la interacción entre colores y cómo estos son percibidos.

V
V
V
V
V
2004 Eva Heller publica un libro llamado “La psicología del color” donde explora los efectos de los colores y como sus
connotaciones cambian a contrarios según el contexto. Las historias de distintos colores, sus simbolismos, pigmentos y
grandes diferencias culturales de significados de color. Y del cómo existe una comprensión universal del color por vivencias
compartidas.

V
V
V
V
V
V
V
V
V
V COLORES
V
V
V
V
V
Para hablar de psicología del color, se habla sobre lo que el color “hace”;
que sentimos, como reaccionamos, como lo relacionamos, que nos evoca,
etc.

V La tipología del color nos muestra las bases para tener una idea clara de
V
V cómo se componen y crean los colores, cuáles no, su armonía, sus
V
V contrastes, etc.
V
V
V
V
V
COLORES PRIMARIOS
LUZ: (MODELO RGB)

PIGMENTOS: (MODELO CMY)

TRADICIONALES ARTES: (MODELO RYB)


V
V
V PSICOLÓGICOS: (MODELO EWALD HERING)
V
V
6 colores psicológicos primarios agrupados en pares de opuestos:

BLANCO/ NEGRO ROJO/VERDE AMARILLO/AZUL


AMARILLO
COLOR DE:

Optimismo, Iluminación, Positivo, Enojo, Entendimiento, Llamativo, Mentira,


Diversión, Madurez, Envidia, Amabilidad, Espontáneo, Inteligencia,
V Creatividad.
V
V
V Poder, Arroganci, Voluntad, Estímulo, Luz, Caridad, Fuerza, Cercanía,
V
Atracción.
V
V
V
V
V
V
V
V
V
V
AZUL
Es el color de:

La verdad, Sabiduría, Inteligencia, Espacio, Inmortalidad, Cielo, Agua, Paz,


Quietud, Tolerancia, Infinito, el sueño, fantasía, la fidelidad.
V
V Se le atribuyen efectos calmantes, favorece la paciencia, amabilidad y
V
V serenidad.
V

Mezclado con BCO: Pureza, Fe

con NGO: Desesperación, Fanatismo, Intolerancia.


V
V
V
V
V
ROJO
Es el color de:

Fuego, sangre, amor, odio, las pasiones, el corazón, el espíritu, la fuerza, el


vigor, el valor, atractivo, la vida, alegría, la ira, agresividad, guerra, el
V peligro, lo prohibido.
V
V
V Genera personalidades extrovertidas, con gran temperamento, vitalidad,
V
ambiciosas y materiales, muy impulsivo.
V
V
V
V
V
BLANCO
Es el color de:

Comienzo, nacimiento, la resurrección, limpieza, relajación, calma,


liviandad, comodidad, unidad, paz, redención, la honradez, pureza,
V modestia, otra vida, humildad, inocencia.
V
V
V Refleja mejor la luz, posee la mayor sensibilidad y es la síntesis de los
V
colores luz.

Mezclado con cualquier color reduce el croma y viceversa.


V
V
V
V
V
NEGRO
Es el color de:

La oscuridad, lo funesto, lo sombrío, lo triste, el final, ausencia, duelo, malo,


noche, misterioso, mágico, introversión, sucio, mala suerte, superstición,
V depresión, solemnidad, profundidad, secreto, temor, prohibido, ilegal,
V
V protesta, negación, violencia, brutalidad, error, muerte, elegancia,
V
V desconocido.

La máxima suma de los colores opacos.

No es un color pero es percibido como tal, lo que lo dota de un simbolismo.


V
V
V
V
V
NARANJA

Es el color del dinamismo, diversión, motivación, energía, alerta y


precaución.
V
V Es un color con dos significados opuestos: el estar activo y el tener
V
V precaución.
V

En el ámbito de salud también se relaciona con la energía ya que representa


la vitamina C.

También tiene un uso muy extenso en productos y servicios destinados para


niños.
V
V
V
V
V
VERDE

Es el color del medio ambiente, salud, vitalidad, armonía, estabilidad y


progreso.
V
V Un color con connotaciones muy positivas.
V
V
V Un color que varía mucho su significado según su tonalidad.
V
V
V
V
V
MORADO

Es el color del lujo, sabiduría, poder, magia, futurismo, espiritualidad y


creatividad.
V
V Según su tono puede ser relacionado con la realeza, lo femenino o con la
V
V tristeza.
V

El morado tiene una de las ondas de frecuencia más cortas lo que hace que
sea un color poco llamativo al ojo humano.
V
V
V
V
V
Referencias:
● Color Psychology in Marketing [Infographic], Kolowich, Lindsay. HubSpot 11/03/17
https://blog.hubspot.com/marketing/psychology-of-color
● Color Psychology: How Colors Influence the Mind. Ciotti Gregory. Psychology Today.
https://www.psychologytoday.com/blog/habits-not-hacks/201408/color-psychology-how-colors-influence-the-mind
● Colour and Culture. Color politics of Design. http://readings.design/PDF/Color_Politics_of_Design.pdf
● The four temperament types of Hippocrates. Michouli, Katernia.
https://katerinamichouli.wordpress.com/the-four-temperament-types-of-hippocrates-wikipedia/
V ● Communication in Colour: The Four Color Engines. http://www.pminj.org/14-smp/files/ckirby-ho.pdf
V
V ● Ortiz Hernandez, Georgina. Usos, aplicaciones y creencias acerca del color. México:Trillas, 2004
V ● Linco Fuentes, Daniela. Color a color. Chile, Las condes. LINCO, 2011
V
● Peña, Jesus Alberto. Color como herramienta para el diseño infantil. 2010
● Ortiz, Georgina. El significado de los colores. México: Trillas, 1992.
Las claves de la usabilidad,
los gurúes Nielsen y Krug

Consejos aplicados al portal www.bcn.cl

Felipe Almazán Tepliski – E-Mail: falmazan@bcn.cl


Servicios Digitales – Biblioteca del Congreso Nacional de Chile
Noviembre de 2005

Ricardo Baeza: 5 objetivos del web

Buscabilidad

Visibilidad

Web
Contenido

USABILIDAD
Estética

Fidelidad

1
Jacob Nielsen
“Usabilidad”

(Nota: ¿alguien no lo conoce o no ha escuchado hablar de él?)

• Jakob Nielsen
– “El rey de la Usabilidad" (Internet Magazine)
– N° 6 de los 10 más influyentes del web (ZDNet)
– "gurú de la usabilidad en Web" (The New York Times) Jakob Nielsen
– “La persona más inteligente del Web" (AnchorDesk)
– “Principal experto mundial en usabilidad" (U.S. News & World
Report)
– “Principal experto mundial en diseño orientado al usuario"
(Stuttgarter Zeitung, Germany)
– “Sabe más que nadie en el planeta qué hace que un sitio web
funcione" (Chicago Tribune, March 6, 2000)
– “Uno de los expertos mundiales más avanzado en usabilidad"
(Business Week)
– “Zar de la usabilidad en el web" (WebReference.com)
– “El gurú reinante de la Usabilidad en web" (FORTUNE)
– “Gurú eminente de la usabilidad en Web" (CNN)
– "no tan famoso como Elvis, aún" (CONTENTIOUS Magazine)

2
• Consejos de Jakob Nielsen
– Aclarar el propósito del sitio
1. Incluir un lema
2. Título en ventana para buscadores
3. Agrupar información corporativa

• Consejos de Jakob Nielsen


– Ayudar a los usuarios a encontrar lo que
buscan
1. Enfatizar en mensaje principal
2. Incluir sistema de búsqueda

3
• Consejos de Jakob Nielsen
– Mostrar el contenido del sitio
1. Mostrar ejemplos de contenidos
2. Enlaces con la palabra más útil
3. Mantener visibles temas pasados

• Consejos de Jakob Nielsen


– Diseño para mejorar Interacción, no para
definirla
1. No apoyar demasiado con gráficos
2. Usar gráficos significativos

B
A • Texto zona B

• Texto zona B

B • Texto zona B

4
1. Visibilidad del estado del Sistema
El sistema debe mantener siempre informado a los usuarios acerca de lo que está
ocurriendo, a través de una retroalimentación o "feed-back" adecuado y en un tiempo
razonable.

Aplicación 1°: Formularios

Estimado Señor(a): Felipe Almazán. Hemos recibido su consulta.

Nos contactaremos con usted a la dirección falmazan@bcn.cl dentro de las


siguientes 48 horas.

Gracias por utilizar nuestros servicios.

BCN

1. Visibilidad del estado del Sistema


El sistema debe mantener siempre informado a los usuarios acerca de lo que está
ocurriendo, a través de una retroalimentación o "feed-back" adecuado y en un tiempo
razonable.

Aplicación 2°: Resultados de Búsqueda

5
2. Adecuación entre el sistema y el mundo real
El sistema debe hablar el lenguaje de los usuarios, con palabras, frases y conceptos que les
sean familiares, más que con términos propios del sistema. Debe seguir las convenciones
del mundo real, haciendo que la información aparezca en un orden natural y lógico.

Aplicación 1°: Reemplazo de Términos


Reemplazo de término “Referencista Virtual” por “Ayuda”:
funcionalidad es la misma (“pedir ayuda”)

Reemplazo de término “Legislación Nacional” por “Leyes


Chilenas”.

2. Adecuación entre el sistema y el mundo real


El sistema debe hablar el lenguaje de los usuarios, con palabras, frases y conceptos que les
sean familiares, más que con términos propios del sistema. Debe seguir las convenciones
del mundo real, haciendo que la información aparezca en un orden natural y lógico.

Aplicación 2°: Árbol de Navegación


Basado en principios taxonómicos internos de la BCN (Biblioteca Legal)

6
3. Control y libertad del usuario
Los usuarios eligen a menudo opciones del sistema por error y necesitarán una "salida de
emergencia" claramente delimitada para abandonar el estado no deseado en que se hallan
sin tener que mantener un diálogo largo con el sistema.

Aplicación: Control de usuario

No se han eliminado barras ni


opciones del browser. La excepción
la constituye las ventanas pop-up.

4. Consistencia y estándares
Los usuarios no tienen por qué imaginar que diferentes palabras, situaciones o acciones
significan lo mismo. Es conveniente seguir convenciones.

Aplicación:

- Para ver detalle detalles o temas relacionados:


se explica con texto descriptivo

- Para volver atrás (zona baja, derecha de cada página)

- Logo envía a raíz del sitio

- Menú ubicado a la izquierda, zona superior

7
5. Prevención de errores
Mejor que un mensaje de error es un diseño cuidadoso que prevenga los errores. Por
ejemplo, ofrecer diversas opciones en un menú en lugar de hacer que el usuario deba
teclear algo.

Aplicación:
- El Buscador superior, minimiza el ingreso de
datos y presenta esquemas de búsqueda de
acuerdo al tipo de información

- Formulación de listados basados en resultados de búsquedas más


realizadas (por sobre las opciones de búsqueda “hágalas Ud. mismo”)

- Formulación de formularios “OnSelect” por sobre los


“TxtBox”

6. Reconocer mejor que recordar


Hacer visibles objetos, acciones y opciones. El usuario no tiene por qué recordar
información de una parte del diálogo con el sistema en otra parte. Las instrucciones de uso
del sistema deben estar visibles o fácilmente localizables cuando proceda.

Aplicación:

-Los datos de uso, glosario


de términos utilizados y
preguntas frecuentes
realizadas, se encuentra
disponible en el menú
horizontal superior. Este
menú se encuentra
siempre disponible.

- Uso de analogías de
navegación, tales como el
menú del “Explorador de
Windows” (caso del menú
de navegación izquierdo)

8
7. Flexibilidad y eficiencia de uso
Los aceleradores o atajos –que el usuario principalmente no nota– pueden hacer más rápida
la interacción para usuarios expertos, de tal forma que el sistema sea útil para los dos tipos
de usuarios. Permite a los usuarios adaptar acciones frecuentes. Por ejemplo, los atajos de
teclados o combinaciones de teclas: F5, ctrl + C, ctrl + F, etcétera.

Aplicación:

- Uso de Breadcrumbs como mecanismo para llegar rápidamente a un área ya visitada


dentro del sitio.

- Uso del buscador superior, como atajo para encontrar documentos o páginas

- Posibilidad de dejar como página de inicio y/o dejar como Favorito (zona baja de la
portada)

8. Estética y diseño minimalista


Los diálogos entre sistema y usuarios no deben contener información irrelevante o
raramente necesitada. Cada unidad de información extra en un diálogo compite con las
unidades relevantes de información y disminuye su visibilidad relativa.

Aplicación:

- Estilo editorial que


privilegia el lenguaje claro,
breve y conciso.

- Disposición de información
relevante en forma inmediata
al título y descripción
(bajada) de la hoja

- “Aireado” y limpieza en la
disposición de información
relevante

9
9. Ayudar a los usuarios a reconocer, diagnosticar y solucionar errores
Los mensajes de errores deben expresarse en un lenguaje común – sin códigos–, indicar con
precisión el problema y sugerir de forma constructiva una solución.

Aplicación:

- Indicación de tipo de error


en envío de datos por
formulario

10. Ayuda y documentación


Aunque es buena señal que el sistema pueda ser usado sin documentación, puede ser
necesario proveer cierto tipo de ayuda. Cualquier información debe ser fácil de buscar,
especificar los pasos que serán necesarios para realizarla y no ser muy amplia.

Aplicación:

- Los datos de uso, glosario de términos utilizados y preguntas frecuentes realizadas, se


encuentra disponible en el menú horizontal superior. Este menú se encuentra siempre
disponible.

10
Steve Krug
“No me hagas pensar”

(Krug: Los conceptos)

• Steve Krug
– Libro: No me hagas pensar
– Diseño debe cumplir con la máxima de que
el usuario no debe pensar para hacer cosas
en un sitio web
– El lema es: “Veo una página y uso”
– Nadie lee nada, sino que todos dan saltos por
la página

Steve Krug

11
• Steve Krug
– Interesante visión gráfica de los problemas
de Usabilidad

• Steve Krug
– Los problemas más habituales:
• Sitios que no dicen de qué se trata el sitio
• Sitios que no dicen quién los publica
• Sitios sin jerarquía visual de contenidos
• Sitios que sugieren contenidos que no tienen
• Sitios que tienen demasiada información en
la página y cada pieza de información no
recibe la información que se merece

12
• Steve Krug
– ¿Hay “reglas” para la Usabilidad?

• No.

“ Cuando se mire una página web ésta ha


de ser obvia, evidente, clara y fácil de
entender….”
• Tendría que poder "entenderla" (qué es y
cómo usarla) sin agotar esfuerzos
pensando en ella.

Steve Krug

Consejos de Steve Krug


1. No leemos: saltamos por el contenido
2. Crear jerarquías visuales
3. Usar métodos convencionales
4. Usar signos visibles de navegación
5. Crear áreas bien definidas
6. Hacer obvio lo que es “clickeable”
7. Minimizar el ruido
8. Escribir lo justo y necesario

13
1. LEY: No me hagas pensar
Evitar nombres técnicos y reemplazarlos por palabras de uso cotidiano por parte de la gente. Uso de idioma
natural, evitando términos en otros idiomas o tecnicismos legales (en la medida de lo posible, sin caer en
la deformación del lenguaje –¿ley o legislación nacional?, etc.-

2. Diseño basado en el comportamiento del


usuario (ojear, ser suficientes y arreglárselas)
Disposición de contenidos agrupados
temáticamente, diferenciando zonas de
navegación y contenido claramente.

3. Diseño de carteleras
Basado en la creación de jerarquías visuales
(basado en tamaños y colores de títulos y
letras), anidamiento de contenido
relacionado (ver más, ver otros noticias,
etc.).

4. Clasificaciones mecánicas (animal,


vegetal o mineral)
Se estudiaron clasificaciones de acuerdo a
las consultas más realizadas y ámbitos de
duda enviados por los mismos usuarios. En
base a este estudio, se formularon los tipos
de acceso a las diferentes fuentes de datos.

14
5. Omisión de palabras innecesarias
Basado en un estilo editorial que buscó
omitir las palabras no necesarias, usando
escritura “vigorosa y concisa”.

6. Migas de Pan y Señalización


Se implementó un breadcrumbs en la parte superior de cada página y mapa del sitio.

La usabilidad es sentido común


¡ Piensen en sus clientes !

15
Bibliografía

16

You might also like