expertise 2020.png

Contact Us

  • Grey Twitter Icon eskimo designs
  • Grey Tumblr Icon
  • Facebook
  • Instagram

All Rights 2023 Eskimo Designs

CÓMO EL COLOR IMPACTA UX - PAGINAS WEB

El color afecta todo, desde cómo se siente un usuario cuando interactúa con un diseño de pagina web, hasta cómo usa el diseño, hasta si puede verlo y comprenderlo por completo. En pocas palabras, el color es mucho más que una herramienta decorativa; El color es fundamental para la experiencia del usuario. Comencemos con un ejemplo común: acaba de terminar el diseño de un sitio web para alguien. Se ve y funciona exactamente como la estructura metálica. Todos en el equipo de diseño han elogiado el proyecto. El cliente lo odia, pero no puede explicar por qué. El culpable podría ser el color. Diferentes colores pueden evocar emociones tan fuertes que las personas tienen reacciones agudas a ellos. Es en parte preferencia personal, parte psicológica e incluso parte normas sociales. Comprender estas tendencias y las preferencias del usuario puede tener un gran impacto en la experiencia del usuario. Esto es lo que necesitas saber.


Expectativas y preferencias del usuario

La experiencia del usuario comienza con el tipo de usuario para el que está diseñado su sitio web o aplicación. La demografía básica, como el género o la región donde vive un usuario, puede afectar su percepción de su diseño en función del color. (Puede leer más sobre el color y las consideraciones culturales aquí). Uno de los impactos más interesantes del color en UX está relacionado con el género. Los estudios han demostrado que a los hombres y mujeres les gusta y les disgustan ciertos tipos de color.

📷 Los hombres tienden a interactuar más con sitios web que tienen esquemas de diseño más oscuros y colores más saturados, como el diseño de VLNC Studio, arriba. Las mujeres tienden a preferir interactuar con sitios web que tienen esquemas de diseño más claros y paletas de colores más apagadas, como Tally, a continuación. Algunos hombres tienen una reacción aguda a los sitios web que usan colores distintivamente femeninos, como rosas pastel, morados y amarillos. Los sitios web con más esquemas de colores fuertes como el fondo oscuro con acentos rojos completamente saturados tienden a desanimar a más mujeres. Las paletas de tonos medios son las más atractivas para todos.

📷


Asociaciones de colores y significados Si bien no es una ciencia exacta, los colores tienen asociaciones emocionales bastante distintas. Tenga en cuenta que algunos colores pueden clasificarse en categorías de extremos. Estas asociaciones tienden a trabajar con otros elementos de diseño para crear un ambiente general. Cuando un usuario ve un determinado color o combinación de colores, crea una respuesta inmediata en el cerebro. Rojo: Poder, peligro, amor / pasión, hambre Amarillo: Energía, felicidad, luz, calor Naranja: Creatividad, determinación, estimulación, estímulo Verde: Naturaleza, crecimiento, armonía, frescura Azul: Confianza, confianza, serenidad, tranquilidad Púrpura: Magia, realeza, ambición, independencia


Establecer reconocimiento de marca 📷 Esperas que los elementos de diseño para Coca-Cola sean rojos. El color es tan sinónimo de la marca que se conoce como "rojo Coca-Cola". Cambie el color y la marca es confusa. No lo reconoces de inmediato. El usuario está sacudido y no reacciona del modo esperado. La bebida incluso puede parecer diferente. Todos esos sentimientos provienen de cambiar el color. Es posible que se haya sentido decir "¿qué?" Cuando vio la primera imagen con la marca verde de Coca-Cola. 📷 Afectó la experiencia del usuario que tendría con la marca en el futuro. El color es un elemento importante en la marca porque crea esa conexión distinta entre un usuario y un diseño. El color les dice a los usuarios de qué se trata la marca. Les dice a los usuarios sobre lo que están a punto de comprometerse. Cambie ese color o use algo fuera de la marca, y la experiencia del usuario se ve afectada porque los visitantes del sitio web de repente se sienten confundidos o inseguros sobre la marca que creían conocer.


Los patrones del usuario se conectan al color ¿Has notado cuántos sitios web usan botones rojos o naranjas? Hay una razón para eso. Los botones de colores brillantes que contrastan con el fondo de un sitio web: el rojo y el naranja a menudo se destacan de los fondos claros u oscuros. Puede ayudar a los usuarios a encontrar, comprender y querer interactuar con elementos que se pueden hacer clic o tocar porque saben visualmente e inmediatamente, cuáles son sus expectativas sobre ese elemento.Una parte clave de la experiencia del usuario es proporcionar oportunidades fáciles para que los usuarios interactúen y disfruten y comprendan. 📷 Cruise utiliza un botón de estilo fantasma con texto rojo y un estado de desplazamiento rojo. Es un giro diferente en los botones tradicionales de color sólido, pero hay pocas dudas sobre cómo interactuar con él. El color atrae a los usuarios al botón. 📷 Net Bluez utiliza un botón naranja brillante para el elemento más importante en el menú de navegación. Observe cómo ese elemento tiende a saltar de la pantalla pidiendo que se haga clic.


Tasas de conversión crecientes Ponte a prueba en el proceso de diseño para probar el color del botón A / B. Probablemente encontrará que un color tiene una tasa de conversión claramente más alta que el otro. (Y puede que no sea el color que espera). Las tasas de conversión tienden a aumentar cuando el color de los botones o enlaces está en marcado contraste con el resto del diseño. Entonces, si bien desea usar una paleta de marca, elegir un color de contraste es clave para generar conversiones que contribuyan a la experiencia general del usuario. Mira el sitio web a continuación por un minuto. ¿Qué botón de color es más probable que te haga clic? (El color original es azul). 📷 Proporcionar accesibilidad a todos los usuarios Finalmente, el color impacta en la experiencia de usuario de una manera que no es emocional o arraigada en la psicología. Es mucho más práctico que eso. El color impacta la experiencia del usuario porque puede hacer que un diseño sea accesible o no. Para que todos comprendan un diseño completamente y se involucren con el contenido, deben poder verlo y leerlo con facilidad. El uso de paletas de colores y relaciones de contraste que coinciden con las Pautas de Accesibilidad al Contenido en la Web (WCAG 2.1) puede garantizar que cada usuario pueda comprender sus opciones de color. Use un filtro daltónico, como los de las comparaciones a continuación, para ayudar a simular lo que otros usuarios pueden ver cuando visitan su sitio web. ¿Cómo podría eso impactar la usabilidad? 📷📷 Conclusión Piense en el color como una herramienta para ayudar a los usuarios a interactuar mejor y experimentar el contenido de su sitio web. Afecta la experiencia del usuario a nivel emocional y de usabilidad. La clave para descubrir si el color está afectando a UX de la manera correcta es a través de pruebas de usuario. Las pruebas de color A / B pueden ser una herramienta valiosa.