Diseño para la emoción

Los humanos tienen sentimientos, pensamientos y emociones, todos los tenemos. Algunos de los mejores sitios, aplicaciones y experiencias que he visto a lo largo de los años han sido diseñados para la emoción, no solo para realizar una tarea, sino que en el camino están provocando una respuesta. Esa reacción puede ser una simple "genial", podría ser una "sorpresa" o incluso provocar sollozos en el teclado.

Cuando los directores de cine crean una escena, quieren que su audiencia sienta algo: miedo, tristeza, empatía, algo. Eligen minuciosamente la iluminación, los sonidos, la ubicación, la disposición y los lentes de la cámara adecuados para crear una escena. En el mundo del cine esto se conoce como "Mise-en-scène" y es una parte integral de la estética y el sentimiento de la película.

Izquierda: la escena del agujero negro

Ahora, puede que se pregunte cómo podría aplicarse esto al diseño digital. La creación de respuestas emocionales puede no ser siempre una prioridad para el diseñador digital moderno que a menudo quiere que los usuarios realicen la tarea A o la tarea B. Por supuesto, todo esto depende de lo que estamos diseñando y el contexto. Sin embargo, ¡los usuarios también son humanos! Son nuestra audiencia, no solo un grupo demográfico que está utilizando su sitio o aplicación. Ofrecemos nuestra propia "Mise-en-scène" con elementos de interfaz de usuario, imágenes, tipo e interactividad, creamos el estado de ánimo y creamos toda la experiencia del usuario.

Ejemplos del mundo digital.

Aquí hay algunas piezas bonitas de diseño digital que creo que ofrecen una gran experiencia a sus usuarios.

Un viaje al mar

Sitio web

La experiencia interactiva inmersiva te lleva allí.

Lo que distingue esto es la perspectiva en primera persona desde la que se cuenta la historia y la simplicidad de la experiencia. La premisa es simple, el personaje termina por la borda y te colocan en sus zapatos: usa tu rueda de desplazamiento para permanecer en la superficie. Realmente sientes que estás luchando por mantenerte a flote, combina esto con la simple mecánica interactiva: la sensación de cansancio, los sonidos, el ahogo, el mar frío. Pequeños momentos de IU insinúan la energía del personaje y su relación con la superficie. Sientes miedo, cansancio, desesperación y tristeza.

¿Para qué es el sitio? Está promoviendo la ropa marina para Guy Cotton, a través de la lente de promover la seguridad en el mar. Podrían haber hecho otro sitio de promoción de una página que muestra las características de la ropa y los datos técnicos sobre el material impermeable. En cambio, contaron una historia de cómo las cosas pueden salir mal en el mar, llevaron al usuario a una experiencia inmersiva que implicó la participación. Te atrae y te hace sentir emoción, algo más memorable y con suerte más significativo.

Citymapper

Aplicación de Android | App Store | Sitio web

Algunos ejemplos de características que no solo llevan a los usuarios a donde quieren ir, sino que también inyectan personalidad en el camino.

Un ejemplo un poco más táctico de cómo esta aplicación ayuda a las personas a navegar por su ciudad. Hay una multitud de aplicaciones de mapeo por ahí y Citymapper se destaca como una de las mejores en parte debido a que está muy orientado a casos de uso. Donde Citymapper inyecta algo de emoción es a través de algunas excelentes características con una pizca de personalidad en el camino. Por ejemplo, la característica 'llévame allí' permite a los usuarios comenzar un proceso paso a paso para ir de A a B, pequeñas señales como vibrar cuando debes bajar en una determinada parada y cambiar el diseño ligeramente con el contexto (caminar vs.en tren ) ayudan enormemente al usuario a comprender la navegación.

Permite a los usuarios explorar una ciudad con confianza y hace que sea fácil de usar, abordando la sensación de miedo / lo desconocido. Combina ese poder con la personalidad, por ejemplo, cuando usas la función "llévame a casa": "hoverboard" es una opción que activa a Marty McFly para saltar sobre su hoverboard, que controlas usando la inclinación en tu dispositivo. Las versiones anteriores han incluido el modo catapulta / modo cohete. Por supuesto, nada de esto es necesario, muchas personas tal vez se preguntan por qué se tomaron el tiempo para implementar estas características, pero estas pequeñas cosas hacen que sea interesante y divertido de usar. Nuevamente, un poco de personalidad combinada con características fuertes que abordan los sentimientos contribuyen en gran medida a provocar una respuesta emocional.

24 horas de felicidad

Sitio web

Video musical de 24 horas de duración, solo en Internet ...

Otro ejemplo de una gran idea combinada con una mecánica simple. ¿En qué otro medio puedes transmitir un video musical de 24 horas? Cuando el usuario llega al sitio, el video musical comienza en la zona horaria de su ubicación, con bailarines tocando la canción, estos bailarines cambian cada pocos minutos, y no hay dos iguales. La idea en sí es encantadora, ¡24 horas de felicidad!

Los usuarios pueden arrastrar el depurador de IU circular para saltar alrededor del video de 24 horas (la interfaz de usuario representa un reloj de 24 horas), bien, o haciendo clic en Siguiente. Este sencillo modelo de interacción fomenta la exploración, al arrastrarlo obtienes una vista previa de la escena que podrías ver, al final de la hora Pharrell hace una aparición (o puedes usar el botón P), y hay una gran cantidad de cameos de gente como Magic Johnson en su sala de trofeos y Jamie Foxx con su hija. La experiencia lo atrae y le permite al usuario explorar y descubrir el contenido, sin una larga introducción de video / copia para explicar, y cada vez que inicie el sitio, es probable que vea algo nuevo.

Podrían simplemente haber puesto todo el video de 24 horas en YouTube, o haber implementado un simple depurador "regular". Pero tuvieron la visión de crear algo nuevo, que aprovechó el medio, inyectó una mecánica divertida y exploratoria; en resumen, toda la experiencia te hace sonreír, incluso podría hacerte sentir feliz.

Aviones de papel

Sitio web

La interactividad basada en gestos y el comportamiento del dispositivo nativo aportan diversión a la experiencia

Un gran ejemplo para Google y una forma para que las personas se diviertan durante el evento de E / S 2016. Otra premisa simple: permitir a las personas lanzar y atrapar aviones de todo el mundo, se ve mejor en dispositivos móviles. Después de la breve introducción, coloca un sello y dobla tu avión usando la mecánica de arrastre, ¡se le pide al usuario que gire su teléfono e imite que arroje un avión de papel! Tienes que hacerlo bien, pero cuando haces que tu dispositivo suene y recibas un ruido de "wheee", ¿no? Una vez que haya lanzado su avión, puede atrapar a otros y colocar su sello sobre ellos: aparece una pequeña red y, lo adivinó, debe sacudir su teléfono para imitar la captura de algo en una red. Cuando coges un avión, tu dispositivo vibra y puedes revelar dónde ha estado el avión, colocar el sello, y soltarlo nuevamente.

Lo que me encanta de esta experiencia es la elegancia y la utilización del dispositivo del usuario en la interactividad. No puedes evitar sonreír ante los comportamientos inesperados, la interactividad basada en gestos, la simplicidad, todo con una personalidad lúdica. En su lanzamiento original para Google, no puedes evitar sentir que a nivel de marca promueve vibraciones positivas para Google; la experiencia es simple, encantadora y tecnológicamente avanzada: todos los atributos que conocemos y amamos de la marca. Todos hemos visto este tipo de "concepto" donde los usuarios pueden crear algo y transmitirlo, lo que lo distingue es la personalidad y la tecnología, todo lo cual provoca sentimientos de asombro y deleite.

¿Por qué es importante diseñar para la emoción?

Quizás te preguntes: ¿por qué es importante? Me referiré a este pequeño cuadro que es una reinterpretación de la jerarquía de necesidades de Mazlo. Probablemente lo haya visto antes, en muchos aspectos, esencialmente podría ver este cuadro como una guía para cualquier producto / sitio en el que pueda estar trabajando.

En la parte inferior está la característica básica de la funcionalidad: ¿funciona, hace lo que se supone que debe hacer? Entonces tenemos confiabilidad: ¿funciona de manera confiable, sin errores, es rápido? Después de esto, tenemos usabilidad: ¿es utilizable, fácil de usar, es impulsado por casos de uso? Luego tenemos los dos últimos, los más difíciles de alcanzar, placenteros y significativos. Entonces, ¿es agradable usar nuestra experiencia? ¿Le pone una sonrisa en la cara? ¿Es atractiva y divertida? Y finalmente, significativo: ¿ofrece significado al usuario, provoca emoción?

Esta es la línea que no cruzan muchos productos / sitios digitales: a menudo puede ser una lucha, una vez que se hace el MVP, seguir presionando para que su oferta no solo sea una alegría de usar, sino también ofrecer significado. Este es el terreno sagrado que pocos pisan: si los usuarios se conectan con su diseño, sitio, experiencia o producto a nivel emocional, les hace querer usarlo, recordarlo y tal vez incluso amarlo.

En resumen

Una de las principales razones por las que me encanta el medio interactivo es porque casi todo es posible, tenemos audio, visual, realidad virtual, interactividad a nuestro alcance. Pero es la interactividad lo que lo distingue, y si te lo propones, podrías diseñar casi cualquier cosa. Cada vez más, los diseñadores toman el camino fácil, van a lo seguro y solo diseñan experiencias utilizables. No tiene que volverse loco, pero un poco de consideración y visión ayudarán mucho:

Pregúntese: ¿es un placer utilizar esta experiencia, ofrece significado, provoca una emoción?

Después de todo, lo llamamos diseño centrado en el ser humano por una razón. Si desea crear algo memorable, inspirador y significativo, la emoción provoca una respuesta poderosa y puede convertir incluso las experiencias más simples en algo que a la gente le encanta usar.