Una guía para principiantes a la IU emotiva
Hablamos de diseñar algo que se conecte emocionalmente con un usuario. Esa conexión puede ser un componente clave para establecer la confianza y la relación. Es mucho más difícil de lo que parece. Hay tantas cosas a considerar. Las emociones son amplias, complicadas y, a menudo, muy difíciles de influir o cambiar.
Eso es lo que pensaremos hoy. ¿Qué es la IU emotiva (o emocional)? ¿Cómo puedes crear una interfaz de usuario que realmente evoque esa conexión emocional? ¿Y es algo que debe considerar con más cuidado en su próximo proyecto de diseño?
Explore los recursos de diseño
¿Qué es la IU emotiva (emocional)?
Nuestros correos electrónicos, textos y perfiles de redes sociales son un vistazo al mundo de la IU emotiva. Nuestras comunicaciones cotidianas están llenas de pequeñas caras que ayudan a decir a los demás exactamente lo que estamos sintiendo.
Una IU emotiva es el nuevo santo grial del diseño de sitios web. Es la combinación de una interfaz que es altamente utilizable y se conecta con personas en un nivel visceral. Ya sea deleite o alegría o miedo o enojo o tristeza, las personas sienten una variedad de cosas cuando interactúan con un buen diseño.
No hay nada peor que un diseño donde el usuario no siente nada. (Porque no les importa)
Hay una variedad de emociones a considerar y los usuarios pueden moverse a través de varias etapas en el curso de la interacción. Lo importante para recordar es que la parte emotiva de la ecuación entra por el contenido y el diseño; Es parte de la historia que estás contando. La emoción del usuario no debe provenir del uso directo del sitio web o la aplicación (como la frustración de algo que no funciona correctamente).
Como sabes, todos somos bastante complejos. Puede ser difícil para los usuarios decirle exactamente lo que sienten y si las conexiones emocionales son correctas. Pero hay algunas teorías que pueden ayudarte.
La emoción "correcta"
Sherine Kazim, directora gerente de diseño de experiencia para Huge, desarrolló una rueda de emociones basada en emoji que se basa en la rueda de 1980 que muchos diseñadores piensan hoy en día. La rueda es una combinación de la rueda de colores estándar y agrega valores emocionales y asociaciones a cada color. Es un buen punto de partida para comprender cómo el color puede afectar un diseño.
Pero la dinámica de hoy ha cambiado y la superposición de emojis de Kazim podría ser una interpretación más realista de dónde estamos hoy.
Esto es lo que dijo al respecto: “Puede ver en el cuadro que hay una disipación de intensidad que ocurre a medida que avanza más en la rueda, y en el diseño, nadie está hablando aún de eso. Actualmente diseñamos cosas que hacen que las personas sientan emociones básicas, tal vez alegría o tristeza, pero no hablamos sobre cómo debemos ajustar la interfaz de usuario de acuerdo con la forma en que las emociones del usuario pueden intensificarse o disiparse ".
Qué significa todo esto? Básicamente, las emociones son complejas y mucho menos directas de lo que hemos estado diseñando. La mayoría de los diseñadores toman esa asociación roja de "ira" o "ira" y corren con ella. Pero no es exactamente así.
Gran parte de lo que realmente entra en esa conexión emocional también se relaciona con el resto del diseño. Un color solo no puede hacerlo.
Emoción de diseño
Así que pensemos en esta rueda de emojis por un minuto. Aquí hay una gran lección para los diseñadores que es más que una infografía genial. El concepto de rueda casi define un proceso de tres partes para pensar en el diseño real que asigna a la emoción que desea que los usuarios sientan.
Los diseños más atractivos usan color, imágenes que incluyen caras y las palabras correctas como herramientas emotivas.
Color
Comience con el concepto de color que ya conoce, pero piense en los consejos de Kazim y considere la naturaleza intermedia de la conexión emocional con los usuarios. El color solo probablemente no sea suficiente para establecer un vínculo emotivo.
El color es un buen marco para ayudarlo a pensar y establecer una conexión de línea de base. La asociación que tiene con un color puede ser diferente a la del usuario.
¿Qué sientes al mirar la imagen de arriba? ¿Es la elección de color brillante suficiente para provocar cierta emoción? ¿O tienes sentimientos más neutrales hasta que miras otras partes del diseño?
Caras
Visualmente, su mejor oportunidad para crear la emoción deseada es mediante el uso de caras. Las imágenes de personas que exhiben la emoción que desea transmitir son la forma más efectiva de mostrar a los usuarios lo que deberían sentir.
Mira la imagen de arriba del sitio web de Elegant Seagulls. La foto muestra a un hombre que exhibe un grado de sorpresa feliz. ¿Sentiste una punzada de lo mismo? ¿Sentiste el giro de una sonrisa en tu rostro al mirar la imagen?
Esa es una IU emotiva efectiva. Especialmente si considera la próxima acción que toma. ¿Pasó al siguiente sospechoso en la secuencia solo para ver qué pasaría?
Palabras
Finalmente, las palabras y el lenguaje son la técnica de diseño que lo une todo. (¿Normalmente piensa en las palabras como un elemento de diseño? Debería hacerlo. Las palabras son tan importantes como los tipos de letra).
Las palabras son la señal final que ayuda al usuario a determinar qué significan realmente el color y las imágenes. (Sí, realmente tienes que explicarlo para la mayoría de los usuarios).
El tono de las palabras puede hacer que un usuario entienda que el contenido de la interfaz es suave y ligero o puede reforzar los sentimientos de ansiedad y miedo. La forma en que hablas con el usuario, los comandos en los botones de llamada a la acción y la narrativa contribuyen a esta emoción. ¿Crea la escena que pretendes?
Tome el sitio de ropa Draper James, por ejemplo. La imagen del héroe incluye una cara sonriente y feliz para vender una línea de "ropa sureña". Los colores son brillantes y acogedores. Ahora mire el texto: "¡Feliz otoño, ustedes!" Dibuja una correlación emocional directa con lo que se supone que siente el usuario al interactuar con este diseño. (La pregunta más importante aquí es sobre la audiencia, ¿puede este tipo de emoción realmente rechazar a algunos usuarios? Eso es para que usted decida).
Conclusión
Si bien hablar de diseñar a nivel emocional no es nuevo, la conversación está resurgiendo gracias a los cambios en la tecnología. La realidad virtual y la inteligencia artificial nos dejan con muchas preguntas sobre el futuro de los diseños de interfaz. ¿Tendrán que ser aún más humanos para trabajar?
Con estos conceptos, es probable que los usuarios exijan una experiencia "real" y la emoción es una gran parte de eso. Es el hilo que hará que las personas vuelvan a estos dispositivos e ideas emergentes. ¡Prepárate para un paseo bastante loco!
