Colores, diseño y estética emocional en el diseño de páginas web
Qué dice la ciencia
MAY 23
El diseño, los colores seleccionados y la estética de la página web influyen directamente en las emociones de los usuarios y por tanto en las impresiones, atención y tiempo de permanencia de un usuario a una Página Web multimedia. La estética del diseño es un factor crucial que influye directamente en la satisfacción de los usuarios de internet, de manera que a través del diseño podemos satisfacer las emociones de los usuarios de la web, mejorando así su experiencia. En el campo del diseño web, esto es de gran importancia pues existe una demanda alta para mejorar el marketing y los efectos publicitarios, siendo los anuncios importantes fuentes de ingresos para anunciantes y editores. El aumento de permanencia del usuario en estos escenarios es vital para conseguir este objetivo presentando los productos con claridad. Atraer la atención de los usuarios, se traduce en un mayor número de visitas y por tanto en mayores beneficios económicos.
Todos los elementos web como el color, la fuente y los gráficos, así como las composiciones para la creación de sitios estéticos y los elementos visuales influyen en las preferencias de usuarios.
Distintos estudios han investigado sobre la importancia de estos elementos en el desarrollo web con el objeto de mejorar las visitas, ventas y conversiones de productos, eventos y novedades.
En “Producción computacional de armonía de color” Moretti (2013) investigó acerca de las reglas de armonía de color para páginas web e indicó que los diseñadores de páginas web carecen generalmente de experiencia en esquemas de color y tampoco aparecen en la literatura sobre diseño de interfaz de usuario. Por lo que, los esquemas de color aparecen generalmente como el gran olvidado en los diseños multimedia.
En un estudio reciente “Color aesthetics with regard to producto design and multimedia webpages” (2023) se estudió la combinación de colores den el diseño de productos y la estética de colores en el diseño de páginas web, de forma que los diseñadores puedan entender la importancia de los colores y las imágenes en el diseño visual. El estudio presentó diferentes fases donde se investigaron distintos aspectos relacionados con las emociones que presentaban cada uno de los usuarios mediante la asociación de los colores y la estética a distintas emociones.
En este último, se obtuvieron las siguientes conclusiones para diseños de páginas web (el estudio se centró en productos tecnológicos):
- Existe una relación entre la percepción de los usuarios en los colores, el diseño y la estética y sus emociones.
- El diseño visual preferido para las páginas web multimedia era el que presentaba el producto en el centro de un rectángulo con efectos dinámicos.
- Los colores de la página web multimedia más apropiados fueron el azul real, azul pizarra y negro.
- Los pares de colores más apropiados para la página web multimedia fueron el azul real/cian y azul real/negro.
- Las preferencias de color difieren entre hombres y mujeres. También se presentaron diferencias entre los distintos grupos de edad.
Figura: Combinación de colores más valorados por los usuarios.
Todos estos hallazgos pueden ser de utilidad para el diseño visual proporcionando métodos de diseño y pensamiento creativo. Puedes leer más acerca del diseño emocional en nuestro artículo ¿Es efectivo el diseño emocional?.
Y ahora, ¿piensas que no es importante invertir tiempo en la selección de los colores, el diseño y la estructura de tu página web? En Aitana Multimedia, somos especialistas en diseño web personalizado y a medida, no dejamos nada al azar y seleccionamos los elementos de la web de forma creativa, sin plantillas predefinidas que lejos quedan de ser fieles a tus necesidades.
Referencias:
Moretti G, Lyons P, Marsland S (2013) Computational production of colour harmony. Part 1: a prototypecolour harmonization tool. Color Res Appl 38:203–217. https://doi.org/10.1002/col.20736
Lungwen Kuo, Tsuiyueh Chang, Chih-Chun Lai (2023). Color aesthetics with regard to product design and multimedia web pages. Multimedia Tools and Applications 82(15):1-19. DOI: 10.1007/s11042-023-14580-1