Estética y percepción: cómo abordar las imágenes de la experiencia del usuario

Cuando se trata de imágenes de experiencia de usuario y diseño de UX, ya sea en sitios web, aplicaciones móviles o cualquier otro producto digital, muchos diseñadores eligen imágenes usando su sentido estético personal, combinándolas con microcopia y el resto de la interfaz de una manera que tenga sentido. en relación con el propósito del producto y la marca.

El dicho popular, “una imagen vale más que mil palabras”, prevalece desde principios del s. XIX y generalmente se atribuye a Fred R. Barnard, quien escribió la frase en un artículo que promovía el uso de imágenes en los anuncios publicitarios que aparecían en los costados. de tranvías. En muchos contextos, las imágenes tienen el poder de crear una respuesta emocional en el usuario; esto puede ser valioso para aclarar el propósito de la marca, reforzar la propuesta de valor del producto y aumentar el atractivo del sitio web o la aplicación móvil.

Una imagen puede transmitir un mensaje instantáneamente, ya que el cerebro puede interpretarlo más rápido que el texto y le da profundidad y contexto a un mensaje, brindando una experiencia más inmersiva que el texto solo. Cuando los diseñadores saben cómo trabajar con imágenes, pueden manipular mejor las reacciones emocionales de una audiencia. Los diseños de productos pueden aumentar o disminuir según la calidad de las imágenes de la experiencia del usuario, por lo que es vital hacerlo bien.

Aparte de los sitios web y las aplicaciones móviles, las imágenes son importantes en todo tipo de diseños de productos. Como afirma Rachel Krause (especialista en experiencia del usuario en Nielsen Norman Group) en 6 reglas para la narración persuasiva , las imágenes se pueden incorporar en estudios de casos, gráficos y fotos relevantes de las pruebas de usabilidad para brindarle a la audiencia algo con lo que conectarse más allá de las palabras. .

Kim Flaherty (especialista en UX de Nielsen Norman Group) también afirmó que investigaciones recientes han indicado que los destinatarios de los boletines esperan las mismas imágenes de alta calidad que encuentran en la web, prefiriendo fuertemente las imágenes que se pueden ver a mayor escala y que muestran los detalles con mucha claridad.

La comprensión profunda del uso de imágenes y sus implicaciones psicológicas para la percepción y la experiencia del usuario es un aspecto importante del diseño que los diseñadores de UX no deben subestimar.

Imágenes sensoriales en el diseño

En los últimos tiempos, el área de marketing sensorial ha atraído la atención del mundo empresarial y académico, principalmente en marketing y psicología. En el libro Sensory Marketing: Research on the Sensuality of Products , Aradhna Krishna define el marketing sensorial como “desencadenantes subconscientes que afectan la forma en que las personas toman decisiones de compra y consumo”. Esa declaración es tan aplicable en proyectos de diseño de productos como en marketing.

Según el autor, las imágenes sensoriales pueden afectar el diseño del producto al:

• fomentar la estimulación mental a través del diseño visual
• involucrar a las personas con una marca
• impactando en sus actitudes hacia la marca.
• estimular otros sentidos (como el olfato) a través del diseño visual

Impulsando la simulación mental a través de imágenes

Los especialistas en marketing y los diseñadores han animado durante mucho tiempo a los consumidores a usar su imaginación con eslóganes como "Piensa diferente" (Apple) y "Simplemente hazlo" (Nike). Esas frases simples y pegadizas, sin embargo, no persuaden automáticamente a las personas para que imaginen usar el producto sin pedirles explícitamente que lo hagan.

Según los estudios sobre cognición y percepción (mencionados anteriormente), se encontró que simplemente alterar la forma en que se presenta visualmente un producto alienta a las personas a imaginarse interactuando con el producto y, en consecuencia, aumenta la posibilidad de una compra.

Las imágenes cuidadosamente seleccionadas pueden afectar significativamente la percepción de las personas sobre un producto, aumentando la proximidad de la marca de manera efectiva, o tener un impacto negativo en situaciones en las que las personas encuentran imágenes que no coinciden con ellas.

Por ejemplo, si un sitio web de bienes raíces se dirige a clientes de clase media y utiliza el siguiente ejemplo de una villa costosa y claramente muy lujosa como fondo, podría afectar la conexión entre los usuarios objetivo y la empresa. Esto crea una brecha entre la marca y la forma en que los usuarios la perciben.

Atención, sensación y percepción

El punto de partida para comprender cómo las personas se relacionan con la realidad radica en los procesos psicológicos de atención, sensación y percepción.

La atención es un proceso mental que selecciona determinados estímulos en los que centrarse y establece relaciones entre ellos. Cuando se usan sabiamente, esos estímulos se colocan estratégicamente para atraer la atención del observador hacia cierta información. Es esencial elegir las mejores imágenes de experiencia de usuario posibles porque los ojos de las personas se ven atraídos por docenas de anuncios y sitios web todos los días, y solo unos pocos captarán su atención.

Lev Semenovitch Vygotsky, psicólogo soviético, afirma que la psique humana posee la sensación como un proceso que actúa directamente sobre la formación subjetiva de la realidad a la que está expuesto el sujeto, y juega un papel importante en la relación de las personas con el mundo. Además, están las sensaciones sinestésicas, que se caracterizan cuando dos o más sensaciones se experimentan juntas, generalmente produciendo asociaciones entre objetos y sensaciones. Por ejemplo, el rojo suele verse como un color “apasionado” y Coca-Cola lo usa ampliamente en su marca.

La percepción humana se refiere a la función cerebral capaz de seleccionar y asignar significado a la información captada por las sensaciones hechas a través de asociaciones con experiencias que la persona ya ha vivido. Esto también puede denominarse modelo mental.

Es esencial comprender que los grupos de personas no siempre piensan lo mismo, especialmente si se tienen en cuenta diferentes culturas, clases sociales y grupos de edad. La siguiente imagen podría ser un gran ejemplo que represente la diversión y la aventura, siempre que la audiencia sea gente joven a la que le encanta viajar, tal vez no tanto si son padres que han experimentado el estrés de viajar con niños y todo lo que conlleva. En este caso, una investigación profunda de los usuarios proporcionaría información que ayudaría a los diseñadores a seleccionar el mejor tipo de imágenes para usar con una audiencia específica.

Las imágenes de la experiencia del usuario como herramienta para aumentar la usabilidad

En el artículo de investigación Diseño de interfaces móviles para usuarios novatos y con bajo nivel de alfabetización , los autores afirman que las imágenes también ayudan a las personas con bajo nivel de alfabetización, lo que aumenta la facilidad de uso del producto y mejora la experiencia del usuario en general. Debido a que el analfabetismo a menudo tiene que ver con la pobreza, los usuarios analfabetos analizan las interfaces de manera diferente, basándose principalmente en elementos visuales y centrándose en la mecánica.

La investigación realizada por Andrew Thatcher estudió los comportamientos de personas alfabetizadas y semianalfabetas mientras usaban cajeros automáticos y una interfaz de cajero automático basada en iconos y voz alternativa. Según el autor, las personas mostraron una tendencia a preferir una interfaz de cajero automático basada en íconos sobre las otras opciones. Es posible que esto no se correlacione específicamente con las imágenes, pero ejemplifica que los elementos visuales se entienden mejor que las interfaces basadas en texto.

Aunque esta investigación se dirigió específicamente a usuarios con bajo nivel de alfabetización, es esencial comprender que las interfaces basadas en imágenes e imágenes afectan positivamente a los usuarios en general, no solo a las personas que tienen dificultades para leer. Por ejemplo, las imágenes bien elegidas pueden permitir a los usuarios escanear y absorber información más rápido, lo que les permite comprender más rápidamente el propósito del producto. Una excelente manera de verificarlo es mediante el empleo de un método conocido como prueba de cinco segundos.

Una comprensión más profunda de la psicología aplicada en la estética del producto

Dado que los diseños visualmente atractivos se perciben como más fáciles de usar, como diseñador es importante crear como tal. Además, los diseños estéticos se aceptan más fácilmente, se usan con más frecuencia y promueven el pensamiento creativo y la resolución de problemas. De acuerdo con los Principios Universales del Diseño, los diseños estéticos también fomentan relaciones positivas con los usuarios, haciéndolos más tolerantes con los problemas de usabilidad dentro de un diseño.

El efecto de usabilidad estética

Por lo general, los diseños estéticos tienen una mayor probabilidad de participación. Las imágenes tienen mucho que ver con el atractivo visual, ya que influyen directamente en la percepción del usuario. Cuando un producto es más usable pero menos atractivo visualmente, puede sufrir una falta de aceptación que hace que los problemas de usabilidad sean discutibles.

De acuerdo con este fenómeno psicológico, los diseños estéticamente atractivos son generalmente más intuitivos que los menos atractivos, y eso es especialmente cierto para los usuarios con una formación técnica más limitada. Además, cuando los diseños estéticos no funcionan correctamente, los usuarios tienden a culparse a sí mismos en lugar de culpar al producto.

En este sentido, una fotografía o un vídeo destacado deleita al usuario. Esa respuesta emocional positiva refuerza aún más las interacciones del usuario con el producto y la relación con la marca en sí misma, mientras compensa cualquier inconveniente de usabilidad y hace que el usuario sea más tolerante.

En un artículo para Nielsen Norman Group, Kate Moran citó a Kurosu y Kashimura, quienes concluyeron que los usuarios están fuertemente influenciados por la estética de cualquier interfaz dada, incluso cuando evalúan la funcionalidad subyacente del sistema.

Tome el sitio web de FitBit, por ejemplo. Moran informó que durante las pruebas de usabilidad, un usuario encontró muchos problemas mientras compraba en el sitio, desde molestias menores en el diseño de la interacción hasta fallas graves en la navegación. El usuario pudo completar la tarea con cierta dificultad.

Sin embargo, el usuario calificó muy alto el sitio web en cuanto a la facilidad de uso, diciendo que el sitio se parecía al océano (muy tranquilo), con grandes colores y excelentes fotografías. La respuesta emocional positiva creada por el atractivo estético del sitio ayudó a enmascarar sus problemas de usabilidad.

El efecto de cebado

Elegir las imágenes adecuadas para una interfaz va más allá de la estética. Las imágenes elegidas deben transmitir el mensaje y los valores correctos. Dado que el cerebro humano se ocupa de las asociaciones todo el tiempo, las imágenes se pueden utilizar como una herramienta poderosa para trabajar con asociaciones. En el libro Thinking, Fast and Slow , Daniel Kahneman dio un ejemplo convincente de cómo la mente hace asociaciones de manera subconsciente. Le pidió al lector que mirara las siguientes dos palabras:

Cuando las personas miraban esas palabras, experimentaban asociaciones desagradables. Sus rostros se torcieron ligeramente en una expresión de disgusto, su ritmo cardíaco aumentó y el vello de sus brazos se erizó un poco. En resumen, respondieron al "vómito" con una versión atenuada de cómo reaccionarían ante el evento real, todo automáticamente, más allá del control de la persona, puramente a través de la asociación de ideas. Pero el impacto puede ir más allá, ya que las personas asocian la palabra “plátano” con las connotaciones negativas de “vómito”.

El cebado es un efecto de memoria implícito en el que la exposición a un estímulo influye en la respuesta a un estímulo posterior. Los diseñadores también pueden trabajar con imágenes, no solo pensando en cómo la interfaz sería visualmente atractiva, sino en términos de transmisión de mensajes, percepción del usuario, participación del usuario y manipulación de sus ideas a través de asociaciones bien construidas.

En Priming and User Interfaces de Nielsen Norman Group, el autor afirma que “las imágenes y el contenido de la página preparan a las personas para que formen expectativas sobre el sitio web. Si esas suposiciones se confirman aún más, la experiencia general es fluida y agradable. Sin embargo, cuando se demuestra que las suposiciones son incorrectas, las personas a menudo perciben que el sitio tiene poca usabilidad”.

El siguiente ejemplo también se presentó en el artículo, que muestra una página de inicio de una escuela privada que muestra imágenes de niños pequeños, dando la impresión de que la escuela es un preescolar o solo para los primeros grados de primaria. En realidad, la escuela cubre hasta el 8º grado.

Resumen

Las imágenes pueden ser una herramienta poderosa cuando se utilizan para influir en la percepción de las personas y la experiencia del usuario. Cuando se selecciona una imagen efectiva para el diseño, puede aumentar el atractivo de un producto, fortalecer el valor comercial, aumentar las ventas y la generación de clientes potenciales, ayudar a acelerar la interfaz y el escaneo de información, deleitar al público y mejorar la empatía entre los consumidores y la marca.

Una vez que los diseñadores comprenden mejor los fenómenos psicológicos más destacados y cómo funciona la mente de las personas, pueden crear mejores productos que realmente tengan sentido para las personas, al tiempo que afectan positivamente al negocio en sí.

Lectura adicional en el blog de diseño de Toptal:

• Brand Illustration 101: Visualización de la narrativa
• Psicología del diseño y la neurociencia de Awesome UX
• Diseño persuasivo: uso efectivo de la psicología avanzada
• Una guía paso a paso para diseñar ilustraciones personalizadas sin ninguna habilidad de dibujo
• Influencia con el diseño: una guía sobre el color y las emociones