El color en la navegación puede ayudar al usuario a encontrar lo que busca con mayor rapidez agrupando contenidos. Aquí revelamos el poder del color y su influencia en los usuarios.
En esta presentación podrá encontrar:
- Introducción.
- ¿Cómo podemos usar los colores adecuadamente?.
- La sobrecarga cognitiva.
- Problemas con los colores.
- Interpretaciones de los colores para personas.
- Efecto Stroop.
Fuente: www.blog.pucp.edu.pe/ux
2. Los colores son capaces de mejorar
nuestra experiencia de uso
3. Los colores…
Estructuran un documento o
una página guiándonos para
localizar la información
Definen y distinguen
categorías de
Ponen en relieve información.
una sugerencia o
una advertencia.
4. The Guardian usa los
colores para ayudar
claramente a decirnos
dónde estamos y a
recordar si ya hemos
estado en ese
contenido o es nuestra
primera vez ahí, sin ni
siquiera haber leído.
www.guardian.co.uk/culture
5. Al usarlos tener en cuenta….
Si el color puede mejorar la
percepción y el tratamiento de la
información, puede también tener el
efecto opuesto.
6. Al usarlos tener en cuenta….
Puede provocar una sobrecarga
cognitiva al ver simultáneamente
varios colores.
8. Al usarlos tener en cuenta…
Entre el 8 y el 10% de la población masculina y el
0,5% de la femenina sufre de daltonismo,
problemas en reconocer colores rojo, verde, azul y
amarillo
9. Los colores nos provocan diferentes
sensaciones de las que normalmente
no somos conscientes pero sus efectos
no son del todo universal.
10. Interpretaciones de los colores
(Encuestas realizadas a 2000 personas americanas y europeas)
11. El blanco www.apple.com
Seguridad, pureza y
limpieza.
Connotación positiva.
En publicidad, el blanco
está asociado con la
frescura y la limpieza.
Promoción de productos
de alta tecnología.
Comunica simplicidad
12. www.wilkintie.com
El amarillo
Alegría, estimula nuestra
actividad mental.
En publicidad se utiliza
para tomar atención de
compradores. Por eso, la
combinación amarillo y
negro es usada para
resaltar avisos.
Lo prefieren más los
mayores que los jóvenes.
13. El rojo
www.youthagainstsudoku.com
Intenso a nivel emocional.
Se suele utilizar en avisos
importantes,
prohibiciones y llamadas
de precaución por su alta
visibilidad.
Es utilizado para atraer a
un primer plano el texto o
las imágenes, sin embargo
es el que más difícil se
leer.
En publicidad
recomendable para invitar
a las personas a tomar
decisiones rápidas como
la compra.
14. El naranja www.cliquestudios.com
La energía del rojo con
la felicidad del amarillo
Produce sensación de
calor.
Es agresivo, usado
mucho para llamadas a
la acción. Suscribir,
comprar o vender.
Visibilidad muy alta, por
lo que es muy útil para
subrayar los aspectos
más destacables de una
página web.
15. El rosado www.makeminepink.com
Romántico y femenino
Utilizado para la
comercialización de
productos para mujer,
niña y joven
El rosado sólo
representa
sentimientos positivos
Al estar como fondo en
un sitio web da
sensación de frescura y
relajación
16. www.shoutdigital.com
El púrpura
Estabilidad del azul y la
energía del rojo.
Hay encuestas que
indican que es el color
preferido del 75% de los
niños antes de la
adolescencia.
Transmite vanidad,
moda, magia y fantasía.
17. www.blackseafishery.com
El azul
Estabilidad y la
Profundidad.
Fuertemente ligado a la
tranquilidad y la calma.
Sensaciones de
confianza y seguridad ve
a menudo con los
bancos y las empresas
Usado simbólicamente
para transmitir paz,
inteligencia y ciencia
18. El negro
Poder, elegancia, www.circus.fm
formalidad, muerte y
misterio.
Como fondo ya que
disminuye la legibilidad.
Es conocido el efecto de
hacer más delgado a las
personas cuando visten
ropa negra. Por ello puede
ayudar a disminuir el efecto
de aglomeración de áreas
de contenido, utilizado
debidamente como fondo
en sitios web
La razón es que los mayores
lo asocian a la muerte y los
jóvenes lo asocian a la
moda
19. El verde www.greeninfrastructureinc.com
El color de la naturaleza
por excelencia.
Es el color más relajante
para el ojo humano y
puede ayudar a mejorar la
vista.
El verde agua se asocia
con la curación
emocional, clínicas,
hospitales
El verde oscuro se
relaciona con la ambición,
dinero
20. El gris interiors.davroc.co.uk
Innovador, moderno,
futurista, tecnología,
suave, neutral.
Es el color del
aburrimiento, de la
soledad y el vacío.
En el diseño web se suele
usar como fondo para
agrupar y resaltar
fotografías.
21. El marrón www.cookiesound.com
Naturaleza, parques,
hogar, hasta la vejez.
Calidad, comodidad,
conservador y natural.
En páginas web se utiliza
para demostrar
formalidad, honradez y
experiencia.
Psicológicamente es
negativos: lo feo, lo
antipático, lo antierótico
Cualquier color junto al
marrón se apaga.
23. Los colores pueden provocar un
esfuerzo muy alto de atención
Efecto Stroop
24. No leas las palabras, solo di el color de cada una de ellas
AZUL VERDE AMARILLO
ROSA ROJO NARANJA
MARRÓN NEGRO AZUL
ROJO AMARILLO VERDE
25. Ahora en esta imagen…
AZUL VERDE AMARILLO
ROSA ROJO NARANJA
MARRÓN NEGRO AZUL
ROJO AMARILLO VERDE
26. Consideraciones del efecto Stroop
Hay una interferencia entre las dos señales contradictorias que le
llegan al cerebro (color y palabras), lo que requiere mayor esfuerzo
mental.
El efecto se debe a que la velocidad de leer es más rápida que el
reconocer los colores lo cuales necesitan mayor atención
La inadecuada utilización de colores en fuentes, imágenes, animaciones, etc.
hace que el usuario se esfuerce más para captar y comprender la
información. Provocando en muchos casos fatiga mental y mala
interpretación de la información.
27. El color en la navegación
puede ayudar al usuario a
encontrar lo que busca con
mayor rapidez agrupando
contenidos
28. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe