Hablamos de diseñar algo que se conecta emocionalmente con un usuario. Esa conexión puede ser un componente clave para establecer la confianza y la relatabilidad. 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 evoque esa conexión emocional? ¿Y es eso algo que debe considerar más detenidamente en su próximo proyecto de diseño?
¿Qué es la interfaz de usuario emocional (emocional)?
Nuestros correos electrónicos, textos y perfiles de redes sociales son un vistazo al mundo de la interfaz de usuario emotiva. Nuestras comunicaciones diarias están llenas de pequeñas caras que ayudan a decir a los demás exactamente lo que estamos sintiendo.
Una interfaz de usuario 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 a nivel visceral. Ya sea deleite o alegría o miedo o ira 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 a recordar es que la parte emotiva de la ecuación se debe al contenido y al diseño; Es parte de la historia que estás contando. La emoción del usuario no debe derivarse de usar el sitio web o la aplicación directamente (como la frustración por algo que no funciona correctamente).
Como ustedes saben, todos somos bastante complejos. Puede ser difícil para los usuarios decirle exactamente lo que están sintiendo y si las conexiones emocionales son correctas. Pero hay algunas teorías que pueden ayudarte.
¿El derecho? Emoción
Sherine Kazim, directora general de diseño de experiencia de Huge, desarrolló una rueda de emociones basada en emoji que se basa en la rueda de 1980 que muchos diseñadores piensan hoy. La rueda es una combinación de la rueda de color estándar y agrega valores emocionales y asociaciones a cada color. Es un buen punto de partida para entender cómo el color puede impactar un diseño.
Pero la dinámica de hoy ha cambiado y la superposición de emoji de Kazim podría ser una interpretación más realista de dónde estamos hoy.
Esto es lo que ella dijo al respecto:? Se puede ver en la tabla que hay una disipación de intensidad que ocurre a medida que avanzas en la rueda, y en el diseño, nadie está hablando todavía de eso. Actualmente diseñamos cosas que hacen que las personas sientan emociones básicas, tal vez alegría o tristeza, pero no hablamos de cómo debemos ajustar la interfaz de usuario según cómo las emociones de los usuarios 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 rabia roja? o? ira? Asociación y correr 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.
Diseño Emoción
Así que pensemos en esta rueda de emojis por un minuto. Hay una gran oportunidad para los diseñadores que es más que una infografía genial. El concepto de la 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 utilizan colores, imágenes que incluyen caras y las palabras adecuadas como herramientas emotivas.
Color
Comience con el concepto de color que ya conoce, pero recuerde los consejos de Kazim y considere la naturaleza intermedia de la conexión emocional con los usuarios. El color solo probablemente no es 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 cuando miras la imagen de arriba? ¿Es la opción de color brillante suficiente para agitar cierta emoción? ¿O tienes sentimientos más neutrales hasta que miras otras partes del diseño?
Caras
Visualmente, su mejor oportunidad de crear la emoción deseada es mediante el uso de caras. Las imágenes de personas que muestran la emoción que desea transmitir son la forma más eficaz de mostrar a los usuarios lo que deben sentir.
Mira la imagen de arriba del sitio web de Elegant Seagulls. La foto muestra a un hombre que está exhibiendo un grado de feliz sorpresa. ¿Sentiste una punzada de lo mismo? ¿Sentiste el giro de una sonrisa en tu rostro al mirar la imagen?
Esa es una efectiva interfaz de usuario emotiva. Especialmente si consideras la siguiente acción que tomas. ¿Pasaste 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 reúne a todos. (¿Normalmente piensas en las palabras como un elemento de diseño? Deberías. 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 tiene 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 que refuerza los sentimientos de ansiedad y miedo. La forma en que habla 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 de Draper James, por ejemplo. La imagen del héroe incluye una cara sonriente feliz para vender una línea de "vestimenta del sur". Los colores son brillantes y acogedores. Ahora mira el texto: "¡Feliz otoño, todos!" Dibuja una correlación emocional directa con lo que se supone que el usuario debe sentir al interactuar con este diseño.(La pregunta más importante aquí es de la audiencia, ¿este tipo de emoción puede en realidad alejar a algunos usuarios? Eso lo tiene que decidir usted)
Conclusión
Mientras que hablar de diseñar en un 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 demanden un? Real? La experiencia y la emoción son una gran parte de eso. Es el hilo que llevará a las personas a estos dispositivos e ideas emergentes. ¡Prepárate para un paseo bastante loco!