Fermer

avril 10, 2018

Comment concevoir des interfaces émotionnelles pour des applications ennuyeuses19 minutes de lecture



Il y a une ligne qui coule de uns et de zéros qui disparaît derrière un grand tube jaune. Un ours sort du tube comme une patte griffue commence à pointer sur la barre d'outils de mon navigateur, et un titre apparaît, disant: "Commencez votre ours-ours!"

Entre mon awwing et oohing j'ai oublié ce que je voulais parcourir. 19659002] Les produits comme un service VPN évoquent rarement l'affection – ou toute autre émotion, d'ailleurs. Ce n'est pas leur travail, pas ce qu'ils ont été construits à faire. Mais parce que TunnelBear le fait, je le choisis sur tout autre VPN et le recommande à mes amis, afin qu'ils puissent avoir des rires tout en étant pris dans la routine.

Les humains ne peuvent pas supporter l'ennui pendant longtemps C'est pourquoi les produits conçus pour des tâches répétitives et non excitantes sont souvent abandonnés et accumulent de la poussière sur les ordinateurs et les téléphones. Mais l'ennui, selon les psychologues, est simplement un manque de stimulation, le désir inassouvi d'une activité satisfaisante . Et si nous utilisions l'interface pour leur donner cette stimulation?

Je me suis entretenu avec des concepteurs de produits chez MacPaw, qui passent leurs heures à concevoir des choses pas si sexy comme des trouveurs de doublons et des applications de chiffrement. plus d'interfaces émotionnelles: gamification, humour, animation, illustration et mascottes

Games People Play

Il y a un débat sur l'utilisation de la gamification dans les interfaces utilisateur: 24 études empiriques par exemple, est arrivé à diverses conclusions quant à son efficacité. Mais, encore une fois, l'efficacité dépend de ce que vous essayiez d'accomplir en concevant ces insignes brillants d'accomplissement.

Pour beaucoup de créateurs de produits, y compris Akar Sumset ici le but de la gamification n'est pas de s'amuser. se – il les pousse doucement vers certains comportements via le plaisir. Les accomplissements, les classements, les classements exploitent le besoin humain fondamental d'estime, déclenchent la compétitivité, et supposent que les utilisateurs font ce que vous voulez, comme faire des progrès, continuer à revenir à l'application ou le partager sur les réseaux sociaux.

La gamification peut réussir ou échouer, mais ce qu'elle atteint est une réaction émotionnelle. Notre cerveau est rempli de cellules qui contrôlent les niveaux de dopamine, l'un des principaux neurochimiques du bonheur . Quand quelque chose d'agréable se produit, ces neurones s'illuminent et déclenchent une libération de dopamine dans le sang, mais quoi de mieux, si cet événement agréable est régulier et prévisible, ils s'illuminent et libèrent de la dopamine avant même qu'il ne se produise. Qu'est-ce que cela signifie pour votre interface? Que s'attendre à une chose agréable comme la prochaine réalisation donnera aux utilisateurs de petits coups de bonheur tout au long de leur expérience avec le produit.

Gamification dans l'interface utilisateur: Gemini 2 et Duolingo

Lors de la conception Gemini 2 la nouvelle version de notre trouveur de doublons pour Mac, nous avions un sérieux problème à portée de main. Examiner des gigaoctets de fichiers était ennuyeux, et certains utilisateurs se sont plaints de quitter avant d'avoir fini. Donc, ce que nous avons essayé de réaliser avec le système de réalisations est d'intensifier le sentiment d'un élément barré sur une liste de choses à faire, qui est le seul inconvénient des tâches fastidieuses. Le thème de l'espace, involontairement réglé avec le nom de l'application et exploité dans l'interface, était parfait pour la gamification. Notre public a grandi sur Star Wars et Star Trek, donc les rangs inspirés de science-fiction frappaient à la maison avec eux.

Quelques jours après la sortie, nous avons commencé à recevoir des tweets d'utilisateurs demandant des indices sur l'oeuf de Pâques. réussite. Un an après la sortie, Gemini 2 a reçu le prix Red Dot Award pour un design qui montre «clarté et émotion». Donc, même s'il est difficile de mesurer la motivation de notre système de réussite, il ne quitte pas


 Gamification dans l'interface utilisateur: Gemini 2

Un autre produit qui a bien compris – et qui a de loin l'interface la plus gamifiée que j'ai vue – est Duolingo un service en ligne et une application mobile pour apprendre les langues. Essayer de maîtriser une langue étrangère à partir de zéro est décourageant, surtout si c'est juste vous et votre ordinateur portable, sans l'assurance qui vient avec un professeur. Étant donné la rapidité avec laquelle les gens se désintéressent de leurs activités langagières (en parlant d'expérience ici), Duolingo devrait faire tout son possible pour vous garder accroché. Et c'est le cas

Chaque fois que vous terminez une leçon rapide de 5 minutes, vous gagnez 10 points. Prendre des leçons 30 jours d'affilée? Obtenir un succès Compléter 20 leçons sans une seule faute de frappe? Débloquez un autre. Pour chaque pas que vous faites, vos sens sont récompensés par des sons triomphants et des graphismes colorés qui déclenchent la libération de cette douce et douce dopamine. Finalement, vous commencez à associer Duolingo avec le sentiment d'accomplissement et de fierté – le genre de sentiment que vous voulez revenir.


 Gamification dans l'interface utilisateur: Duolingo

Si vous voulez plonger plus profondément dans la gamification, livre de Gabe Zichermann " Gamification par conception: Implémentation de la mécanique de jeu dans les applications Web et mobiles " est une excellente façon de commencer.

Vous devez plaisanter

Victor Yocco a fait une solide affaire pour ] utilisant l'humour dans la conception de sites Web comme un outil pour créer des expériences mémorables, se connecter avec les utilisateurs, et faire votre travail se démarquer. Mais le plus grand pouvoir des blagues est qu'elles sont émotionnelles. Bien que nous ne comprenions pas encore complètement la nature de l'humour, une chose est claire: elle rend les humains heureux. Selon la recherche sur l'imagerie cérébrale des dessins animés drôles activent le réseau de récompense dans le système limbique – le même réseau qui réagit à l'alimentation, à la musique, au sexe et aux psychotropes. En d'autres termes, une bonne blague donne aux gens une sorte de high émotif.

Voudriez-vous ce genre de réaction à votre interface? Bien sûr. Mais la partie délicate est que non seulement l'humour est subjectif, mais la façon dont nous y répondons dépend beaucoup du contexte. Une chose est de lancer un jeu de mots sur l'écran de lancement; un complètement différent est maladroit dans un message d'erreur. Et tandis que tous les humains apprécient l'humour dans telle ou telle forme, il est essentiel de connaître votre auditoire: ce qu'ils trouvent hilarant et ce qui peut sembler inapproprié, grossier, ou mal cadencé. Pas très différent des blagues dans la vie réelle.

Humour dans l'interface utilisateur: temps et slack authentiques

Une application qui utilise l'humour – et pas seulement comme un complément de comics, mais comme une proposition de vente unique – est Temps authentique . Les applications météo sont un excellent exemple de produits utilitaires: ils sont quelque chose que les gens utilisent pour obtenir des informations, point final. Mais avec Authentic Weather, vous obtenez beaucoup plus que cela. Peu importe la météo, il va vous craquer avec un commentaire sarcastique comme "Il gèle," "Go home winter", et mon préféré "C'est juste correct. Regardez à l'extérieur pour plus d'informations. "

Que se passe-t-il lorsque vous utilisez Authentic Weather, vous ne l'ouvrez pas simplement pour la prévision – vous voulez voir ce qu'il va arriver ensuite, et une tâche routinière comme la vérification du temps devient un chose à espérer dans la matinée. Maintenant, le commentaire morose de l'application, rempli de mots f et de mépris, semblerait probablement moins divertissant pour ma mère. Mais étant le millénaire grincheux que je suis, je trouve ça hilarant, ce qui prouve que l'humour fonctionne si vous connaissez votre public.


 L'humour dans l'interface utilisateur: un temps authentique

Slack's est une autre interface amusante. Pour une application que les gens associent aux urgences de travail, Slack fait un travail solide créant une expérience plus humaine notamment à cause de ses one-liners. Du chargement des écrans aux moments où vous êtes finalement rattrapé par toutes vos discussions, il bloque une blague quand vous ne le voyez pas venir.

Avec un tel démographique, l'humour est un hasard, alors Slack joue coffre-fort avec des jeux de mots maladroits et badinage bon enfant – le genre de blagues qui ne vous envoie pas exactement rouler sur le sol, mais ne pas déranger ou offenser non plus. Dans le meilleur des cas, l'utilisateur rira et partagera la capture d'écran dans l'un de ses canaux; dans le pire des cas, ils rouleront simplement les yeux.


 Humour dans l'interface utilisateur: Slack

Plus sur Humour: " Je plaisante: utiliser l'humour efficacement " de Louis R. Franzini. [19659029] Faire bouger le monde

Presque chaque interface utilise une forme d'animation. C'est la façon naturelle de passer d'un état à un autre. Mais les animations dans l'interface utilisateur peuvent servir beaucoup plus de buts que de signifier un changement d'état – elles peuvent vous aider à diriger l'attention et à communiquer ce qui se passe mieux que les images statiques ou que la copie ne le pourrait jamais. Le mouvement stimule l'apprentissage visuel et kinesthésique ce qui signifie que les utilisateurs sont plus susceptibles de rester concentrés et de comprendre comment utiliser la chose.

Ce sont de bonnes raisons d'incorporer de l'animation dans votre design. cela suscite-t-il de l'émotion, exactement? Simon Grozyan, qui a travaillé sur nos applications Encrypto et Gemini Photos, pense que c'est parce que dans le monde physique nous interprétons les choses animées comme vivantes:

"Nous sommes habitués à voir les choses en mouvement. Tout ce qui nous entoure est soit mobile, soit changeant d'apparence à cause de la lumière. Statique égale mort. "

En plus de la qualité réaliste et réaliste d'un objet en mouvement, l'animation a le pouvoir d'une chose délicieuse et inattendue qui nous apporte beaucoup plus de plaisir qu'une chose tout aussi charmante attendu. Par conséquent, en l'utilisant dans des endroits moins habituels que des transitions, vous pouvez obtenir cette stimulation convoitée qui rendra votre produit amusant

Animation dans l'interface utilisateur: Encrypto et Shazam

Encrypto est une petite application Mac qui crypte et décrypte vos fichiers afin que vous puissiez les envoyer à quelqu'un en toute sécurité. C'est un outil indispensable pour ceux qui se soucient de la sécurité et de la confidentialité des données, mais pas du type d'outil auquel vous vous sentez attaché. Néanmoins, Encrypto est de loin mon application MacPaw préférée en matière de design, grâce à la barre animée de style Matrix qui glisse sur votre fichier et le transforme en une nouvelle entité sécurisée. Le chiffrement prend vie ce n'est plus un processus terne sur votre ordinateur – c'est de la magie numérique hypnotisant

 encrypto

L'animation est au cœur d'une autre grande interface utilisateur: celle de Shazam une application que vous avez probablement sur votre téléphone . Lorsque vous utilisez Shazam pour savoir ce qui est en train de jouer, le bouton sur lequel vous appuyez commence à envoyer des cercles concentriques vers l'intérieur et vers l'extérieur. Cette similitude avec un haut-parleur audio palpitant rend l'interface presque tangible, physique – comme si vous étiez votre album préféré sur un système sonore puissant.

 shazam

Plus sur Animation: " Comment l'animation fonctionnelle aide à améliorer Expérience utilisateur ".

L'art est partout

Comme Blair Culbreth argumente poli ne suffit plus pour les interfaces. Un design élégant et professionnel est attendu, mais ce sont les détails personnalisés et humains que les utilisateurs sourient et transmettent à leurs amis. L'art personnalisé peut être ce détail.

Contrairement à l'imagerie générique, l'illustration est émotive parce qu'elle communique plus que le sens. Il présente des associations positives avec les dessins animés que tout le monde regarde comme un enfant, montre les choses d'une manière plus ludique et imaginative et, surtout, contient une touche de personnalité de l'artiste.

«Je pense qu'un artiste crée une illustration ils imprègnent toujours une partie de leur expérience personnelle, de leur contexte, de leur histoire », explique Max Kukurudziak, l'un de nos concepteurs de produits. La théorie sonne vrai – une touche humaine est plus susceptible de remuer les sentiments.

Illustration dans l'interface utilisateur: Gemini Photos et Google Calendar

Un de nos nouveaux produits Photos Gemini est une application iPhone qui vous aide effacer les photos inutiles. Tout comme Gemini 2 pour les ordinateurs de bureau, cela implique une révision fastidieuse pour l'utilisateur, donc même avec une interface utilisateur pratique et élégante, nous aurions du mal à retenir leur attention et à leur faire du bien.

Comme dans beaucoup de nos applications précédentes, nous avons utilisé des animations et des sons pour animer l'interface, mais l'art personnalisé est devenu le point culminant de l'expérience. Comme indiqué plus haut, il est scientifiquement prouvé que des choses agréables et surprenantes provoquent un afflux de ce produit chimique du bonheur dans notre sang, donc en utilisant des illustrations originales dans des endroits inattendus, nous n'avons pas simplement rempli un écran vide – nous avons ajouté un peu de plaisir activité monotone


 Illustration dans l'interface utilisateur: Gemini Photos

Un autre exemple de la façon dont l'illustration peut rendre un produit plus aimable est Google Calendar . Jusqu'à récemment, il y avait une différence frappante entre la version Web et l'application iOS. Tandis que le premier avait l'appel d'un tableur, le dernier a immédiatement gagné mon coeur avec un détail de tueur. Pour de nombreux types d'événements, Google Agenda glisse dans l'art qui les illustre, en fonction des mots clés qu'il récupère dans les titres des événements. De cette façon, vos plans pour la semaine vous paraîtront bien plus excitants, même si tout ce que vous avez à faire est le gymnase et un rendez-vous chez le dentiste.

Mais ce n'est même pas la meilleure chose. Je me suis rendu compte que chaque fois que je crée un nouvel événement, j'espère secrètement que Google Agenda aura de l'art et se sentira vraiment heureux quand il le fera. Juste comme ça, utiliser un calendrier a cessé d'être une nécessité et est devenu une source d'émotion positive. Et, apparemment, l'expérience d'illustration n'a pas fonctionné pour moi seul, parce que Google a récemment déployé la version web de leur calendrier avec le même art.


 Illustration dans l'interface utilisateur: Google Calendar

Plus sur Illustration: " Illustration qui fonctionne: Techniques professionnelles pour la réussite artistique et commerciale "par Greg Houston

Quel personnage

Les personnages mignons qui usurpent l'identité des produits ont été utilisés dans web design et le marketing pendant des années (pensez Ronald McDonald et l'homme Michelin). Dans les interfaces – pas tout à fait autant. Les mascottes de l'IU peuvent être perçues comme intrusives et gênantes, surtout si elles distraient l'utilisateur d'une action importante ou obstruent la vue. Un exemple notoire d'une mascotte qui tourne mal est le clippy de Microsoft: n'a suscité que peur et haine (qui, bien sûr, sont des émotions, mais pas le genre que vous recherchez). En même temps, études montrent que les gens personnifient facilement les choses, même si elles ne sont que des figures géométriques. Les créatures réalistes sont plus faciles à comprendre, à comprendre le comportement de, et se sentent généralement d'une certaine manière. De plus, il est plus facile d'attribuer une personnalité à un personnage animé, de sorte que vous pouvez diffuser les caractéristiques de votre produit à travers ce personnage – le rendre ludique et maladroit, désireux et utile, ou tout ce dont vous avez besoin. Avec ce potentiel inexploité, les mascottes sont parfaites pour les produits non émotionnels.

L'astuce est le timing

Clippy était si odieux parce qu'il semblait non invité, interrompait des tâches complètement indépendantes, et était en général gênant. Mais si la mascotte apparaît dans un moment relativement inactif – par exemple, l'utilisateur vient de terminer une tâche – il fera son travail attachant.

Mascottes dans l'interface utilisateur: RememBear et Yelp

TunnelBear Inc. a récemment lancé une version bêta un autre utilitaire qui est mignon comme un bouton (sans jeu de mots). RememBear est un gestionnaire de mots de passe, et les mots de passe sont censés ne pas être une blague. Mais l'éclat des dessins animés d'ours dans RememBear est qu'ils ne sont nulle part en vue quand vous faites des choses sérieuses et importantes comme la création d'une nouvelle entrée. Au lieu de cela, vous obtenez un câlin d'ours lorsque vous avez terminé la première étape de l'inscription à l'application et n'avez pas encore procédé à l'étape deux – en enregistrant votre premier mot de passe. En plaçant la mascotte à cet endroit, RememBear évitait d'être sur le chemin mais me faisait sourire quand je m'y attendais le moins


 Mascottes dans l'interface utilisateur: RememBear

Tout comme RememBear, Yelp – un très connu application pour les critiques de restaurant – a un timing parfait pour leur mascotte. Le hamster amusant est apparu au bas des paramètres de l'application iOS pour que l'utilisateur le découvre comme un œuf de Pâques.

"Chez Yelp, nous nous efforçons toujours de rendre notre produit et notre marque agréables et agréables" dit Yoni De Beule responsable de la conception de produits chez Yelp. "Nous reflétons la personnalité de Yelp dans tout, de nos designs d'affiches amusants et de notes de sortie amusantes à des projets internes de hackathon et à des soirées Elite Elite. Lorsque nous avons trouvé que la page des paramètres de l'iPhone manquait sérieusement au département amusant, nous avons décidé de retrousser nos manches et de réparer le problème. »

Le hamster de l'application iOS a plus tard trouvé de la compagnie. version et un chien pour le web. Donc, quand et où vous utilisez Yelp, vous voulez presque manquer de recommandations, de sorte que vous puissiez voir une autre version du charmant personnage.


 Mascottes en UI: Yelp

Si vous voulez apprendre comment pour créer votre propre mascotte, il y a un joli tutoriel de Sirine (alias 'Miss ChatZ') sur Envato Tuts +.

Pour conclure …

Tous les produits ne sont pas forcément amusants comme les jeux, ou les applications de médias sociaux sont, mais même les services publics ne doivent pas être simplement utilitaires. Les applications qui traitent de tâches répétitives ont souvent du mal à retenir les utilisateurs: les gens les abandonnent parce qu'ils s'ennuient, et l'ennui est simplement un manque de stimulation. En utilisant des stimuli positifs comme l'humour, le mouvement, l'art unique, les éléments du jeu et les personnages relatables, nous pouvons faire en sorte que les utilisateurs se sentent différemment – plus excités, moins distraits et finalement plus heureux.

] (cc, ra, il)




Source link

0 Partages
Revenir vers le haut