Le design pour les émotions, et seulement

Les humains ont des sentiments, des pensées et des émotions – nous en avons tous. Certains des meilleurs sites, applications et expériences au cours de ces années ont été conçus pour l’émotion  - pas simplement une tâche, mais dans le même sens, ils favorisent une réponse. Cette réaction peut donner un simple « c’est cool », ou pourrait être un « wow », ou même provoquer des sanglots sur votre clavier.

Lorsque les réalisateurs réalisent une scène, ils veulent que leur public ressente quelque chose: la peur, le chagrin, l’empathie, quelque chose. Ils choisissent soigneusement le bon éclairage, les sons, l’emplacement, l’arrangement et les lentilles pour créer une scène. Dans le monde du film, cela s’appelle la « Mise-en-scène«  et elle fait partie intégrante de l’esthétique et du sentiment du film.

À gauche: la scène « Interstellar » de Nolan – scène de blackhole, quand assister à la chute de Matthew McConaughey dans un trou noir provoque des sentiments de peur, d’émerveillement et de curiosité.
À droite: la scène de moto de « Topgun » de Tony Scott, quand regarder la vitesse de Tom Cruise à côté d’un décollage de combattant F-14 provoque des sentiments d’excitation, d’adrénaline et d’aventure.

Maintenant, vous vous demandez peut-être comment cela pourrait s’appliquer à la conception numérique. L’élaboration de réponses émotionnelles peut ne pas toujours être la première idée pour le concepteur numérique moderne qui veut souvent que les utilisateurs effectuent la tâche A ou la tâche B. Bien sûr, cela dépend de ce que nous concevons et du contexte. Cependant, les utilisateurs sont aussi des humains ! Ils sont notre public – pas seulement une démographie qui utilise votre site ou votre application. Nous offrons notre propre « mise en scène«  avec des éléments, des images, des typos et de l’interactivité de l’interface utilisateur, nous créons l’ambiance et développons toute l’expérience de l’utilisateur.

Exemples du monde numérique

Voici quelques belles pièces de design numérique qui me semblent offrir une excellente expérience à leurs utilisateurs.

Un voyage à la mer
Site Internet

L’expérience interactive immersive vous emmène là-bas.

Ce qui distingue cette idée est la perspective à la première personne par laquelle l’histoire est racontée et la simplicité de l’expérience. Le prémisse est simple, vous êtes le personnage – utilisez votre scroll de défilement pour rester à la surface. Vous ressentez vraiment que vous essayez de rester à flot, combinez cela avec le mécanisme interactif simple: la sensation de fatigue, les sons, l’étouffement, la mer froide. Les petits moments d’UI suggèrent l’énergie du personnage et votre relation à la surface. Vous ressentez la peur, la fatigue, le désespoir et le chagrin.

À quoi sert le site ? C’est la promotion de vêtements marins pour Guy Cotton, grâce à la promotion de la sécurité en mer. Ils auraient pu faire un autre site promotionnel d’une page qui montre les caractéristiques des vêtements et des données techniques sur le matériau imperméable à l’eau. Au lieu de cela, ils ont raconté une histoire de la façon dont les choses peuvent aller mal en mer, ils ont pris l’utilisateur dans une expérience immersive qui impliquait la participation. Il vous attire et vous fait sentir l’émotion, quelque chose de plus mémorable et nous espérons que plus significative.

Citymapper
Application Android | App Store | Site Internet

 
Quelques exemples de fonctionnalités qui permettent non seulement aux utilisateurs d’y aller, mais aussi d’injecter de la personnalité en cours de route.

Un exemple un peu plus tactique de la façon dont cette application aide les gens à naviguer dans leur ville. Il existe une multitude d’applications de cartographie et Citymapper se distingue comme l’une des meilleurs en partie grâce à une utilisation très pratique. La où Citymapper injecte une certaine émotion à travers de grandes caractéristiques et une aspersion de personnalité dans l’usage. Par exemple, la fonctionnalité « Get Me There » permet aux utilisateurs de démarrer un processus étape par étape pour passer de A à B, de petites astuces comme la vibration lorsque vous devez quitter un certain arrêt et changer légèrement le design avec le contexte (marcher avant de prendre le train) aide grandement l’utilisateur à comprendre comment naviguer.

Il permet aux utilisateurs d’explorer une ville avec confiance avec la simplicité d’utilisation – s’adressant au sentiment de peur, à l’inconnu. Associez cette puissance avec la personnalité – par exemple lors de l’utilisation de la fonction get me home – « hoverboard » est une option qui déclenche Marty McFly pour sauter sur son hoverboard que vous contrôlez en inclinant votre appareil. Les versions précédentes ont inclus le mode catapulte / mode fusée. Rien de tout cela n’est nécessaire, bien sûr, beaucoup de gens demandent peut-être pourquoi ils ont pris le temps de mettre en œuvre ces fonctionnalités, mais ces petites choses la rendent intéressante et amusante à utiliser. Encore une fois, un peu de personnalité jumelée à des caractéristiques solides qui abordent les sentiments contribue grandement à provoquer une réponse émotionnelle.

24 Heures de Joie
Site Internet

Musique de 24 heures – seulement sur Internet …

Un autre exemple d’une excellente idée associée à un mécanisme simple. Par quel autre moyen, pouvez-vous diffuser une vidéo musicale de 24 heures ? Lorsque l’utilisateur atterrit sur le site, la vidéo musicale commence au fuseau horaire de son emplacement, avec les danseurs qui se produisent durant la chanson, ces danseurs changent toutes les quelques minutes, et aucun n’estpareil. L’idée elle-même est charmante, 24 heures de plaisir !

Les utilisateurs peuvent faire glisser l’épurateur d’UI circulaire pour sauter la vidéo de 24 heures – l’UI représente une horloge de 24 heures. Ce modèle d’interaction simple encourage l’exploration, en traînant autour de vous, vous obtenez un aperçu de la scène que vous pourriez voir – en haut de l’heure, Pharrell apparaît (ou vous pouvez utiliser le bouton P), et il y a toute une foule de de gens qui apparaissent. L’expérience vous incite à agir et permet à l’utilisateur d’explorer et de découvrir le contenu – sans vidéo prolongée pour expliquer – et chaque fois que vous lancez le site, vous êtes susceptible de voir quelque chose de nouveau.

Ils auraient pu simplement mettre toute la vidéo de 24 heures sur YouTube… Mais ils ont eu la vision de créer quelque chose de nouveau, qui a tiré parti du moyen d’injecter un mécanisme amusant et exploratoire. Bref, toute l’expérience vous fait sourire, et pourrait même vous faire sentir heureux.

Avions en papier, PaperPlane
Site Internet (mieux sur mobile pour l’envoyer à l’autre bout du monde)

 
L’interactivité basée sur le geste et le comportement des dispositifs natifs apportent de la jouissance dans l’expérience

Un excellent exemple pour Google et un moyen pour les gens de s’amuser lors de l’événement E / S 2016. Un autre prémisse simple – permet aux gens de jeter et d’attraper des avions du monde entier – mieux sur mobile. Après la brève introduction, vous placez un tampon et pliez votre avion à l’aide du mécanisme de traction, l’utilisateur est alors invité à faire pivoter son téléphone et à imiter le lancement d’un avion en papier ! Une fois que vous avez envoyé votre avion, vous pouvez attraper les autres et placer votre tampon sur eux – un petit filet apparaît et, vous l’avez deviné, vous devez agiter votre téléphone pour imiter la capture de quelque chose dans un filet. Lorsque vous attrapez un avion, votre appareil vibre et vous pouvez révéler l’endroit où l’avion a été – déposez-le et relancez-le.

C’est élégant et l’utilisation de l’appareil par l’utilisateur est dans l’interactivité totale. Vous ne pouvez pas oublier les comportements inattendus, l’interactivité basée sur les gestes, la simplicité, tout cela avec une personnalité ludique. L’expérience est simple, délicieuse et technologiquement avancée – tous les attributs que nous connaissons et qui nous font aimer la marque. Nous avons tous vu ce type de « concept » où les utilisateurs peuvent créer quelque chose et le transmettre, ce qui distingue la personnalité et la technologie, ce qui provoque des sentiments d’émerveillement et de joie.

Pourquoi la conception pour l’émotion est-elle importante ?

Vous pourriez vous demander: pourquoi cela compte-t-il ? Je vais me référer à ce petit graphique qui est une réinterprétation de la hiérarchie des besoins de Mazlo. Vous l’avez probablement déjà vu, sous plusieurs formes, essentiellement, vous pouvez voir ce tableau comme un guide pour tout produit / site sur lequel vous pourriez travailler.

En bas, la caractéristique de base de la fonctionnalité  - est-ce que cela fonctionne , est-ce que cela fait ce qu’il est censé faire ? Ensuite, nous avons la fiabilité  - la chose fonctionne -t-elle de manière fiable, sans erreurs, est-ce rapide ? Après cela, nous avons la convivialité  - est-il utilisable , facile à utiliser, est-ce que l’utilisation est menée au bout ? Ensuite, nous avons les deux derniers, les plus difficile à atteindre, l’agréable et le significatif . Notre expérience est donc agréable à utiliser, est-ce que cela pose un sourire sur votre visage, est-ce engageant, amusant ? Et enfin, significatif  - a-t-il un sens pour l’ utilisateur, provoque-t-il une émotion ?

C’est la ligne que beaucoup de produits / sites numériques traversent – il peut souvent être difficile, une fois que le MVP est fait, de continuer à faire de votre offre non seulement une joie d’utilisation, mais aussi d’en offrir un sens. C’est le terrain sacré que peu de marque foulent: si les utilisateurs se connectent à votre conception, à votre site, à votre expérience ou à votre produit sur un plan émotionnel, ils veulent l’utiliser, vont s’en rappelez, et peut-être même l’aimer.

En résumé

L’une des principales raisons pour lesquelles on aime le support interactif c’est que presque tout est possible, nous avons l’audio, le visuel, la VR, l’interactivité tout au bout des doigts. Mais c’est l’interactivité qui distingue, et si vous y mettez l’esprit, vous pouvez concevoir presque n’importe quoi. De plus en plus, les concepteurs prennent la route facile, jouent en toute sécurité et proposent à peu près la conception d’expériences utilisables. Vous ne devez pas devenir fou, mais une réflexion et une vision vont bien loin:

Demandez-vous: cette expérience est-elle un plaisir à utiliser, a-t-elle un sens, provoque-t-elle une émotion?

Après tout, nous l’appelons conception centrée sur l’homme pour une raison quelconque. Si vous voulez créer quelque chose de mémorable, inspirant et utile dans les émotions, cela provoque une réponse puissante, et peut élever même les expériences les plus simples en quelque chose que les gens aiment utiliser.

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s