J'ai récemment attrapé "D'où viennent les bonnes idées" par Stephen Johnson sur le blog d'Alex Hillman , et j'ai été intrigué par la mise en œuvre unique par Alex d'un "bouton J'aime".
L'état initial de l'élément:
En survolant sur l'élément avec un curseur de souris ou en touchant et en maintenant un appareil tactile, le point grandit avec le repère "ne bouge pas" (qui est énorme sur les appareils tactiles ):
Une fois le cercle rempli, ce qui prend environ 1,5 seconde, le bouton est "cliqué":
Il semble étrange que l'on veuille faire des compliments un peu plus difficile qu'il ne le serait autrement. Mis à part la réponse évidente *, pourquoi implémenterait-on ce type de comportement d'interface utilisateur (pour ce que j'interprète comme une action sans conséquences négatives)?
* La réponse évidente (quelque chose dont je suis également un peu coupable avec la conception de mon nouveau site) est d'implémenter quelque chose d'intéressant et de différent juste parce que c'est intéressant et différent.
Harry Brignull a un article intéressant sur l'ajout de retards artificiels pour augmenter la valeur perçue qui a été inspiré par un article Hacker News sur les serruriers et leurs pièces de théâtre. En un mot:
L'ajout délibéré d'un retard à un service peut augmenter la valeur perçue.
Dans ce cas, le temps trivialement plus long qu'il faut pour "aimer" pourrait éventuellement donner au contributeur un sentiment plus investi dans la contribution de "bravo".
Une autre explication possible (qui a aussi à voir avec la valeur dans une certaine mesure); est parce qu'un utilisateur peut donner des félicitations plusieurs fois dans un seul site, (contrairement à "comme" ou "vote positif" qui ne peut être effectué qu'une seule fois par utilisateur), 2 problèmes se posent:
Un retard peut être pertinent de cette manière pour n'importe quel cas où un utilisateur peut effectuer la même interaction encore et encore en une seule fois. Considérez que dans l'échange de pile, vous devez attendre un peu de temps entre la publication des commentaires. Ce n'est pas tant pour ajouter un sentiment de valeur au commentaire que pour éviter les abus.
Cependant, la prévention des abus est une forme de préservation de la valeur. Ce n'est pas basé sur la perception des utilisateurs par l'interaction, mais pour empêcher la dévalorisation des comportements des utilisateurs.
Si l'objectif du retard est de prévenir les abus, je dirais que le retard est du mauvais côté. Le premier "kudo" devrait être instantané, puis vous faire attendre pour effectuer des "kudos" supplémentaires. Après, disons, 10 secondes, le système devrait se réinitialiser pour faire à nouveau un "kudo" instantané. De cette façon, le problème d'abus peut être atténué sans exiger un délai dans l'interface utilisateur.
Je pense que les réponses ici sont très bonnes, et j'aimerais ajouter un autre point. Il pourrait y avoir un avantage purement esthétique à avoir la belle animation retardée sur le bouton. L'utilisateur pouvait se sentir obligé de continuer à planer (ou à appuyer) pour simplement voir ce qui se passe et à obtenir la `` récompense '' d'une belle animation qu'ils ont essentiellement réalisée (j'étais coupable de planer et de désactiver un certain nombre de fois juste pour le voir) . Cette "récompense" rend également l'action beaucoup plus mémorable et rendrait donc l'utilisateur plus susceptible d'utiliser la fonctionnalité à l'avenir.
Un point négatif est que lorsque vous utilisez cette technique de survol dans un navigateur, il est facile de l'activer par accident. Bien qu'il soit techniquement plus difficile de terminer l'action qu'un simple pointage et clic (les utilisateurs ont tendance à utiliser la souris comme point focal et à survoler un bouton tout en décidant de cliquer ou non). Cela pourrait être un peu " motif sombre " et implémenté intentionnellement car le bouton "KUDOS" serait parfois activé par accident et l'article obtient plus de points "KUDOS" sans les gagner réellement.
Il s'agit d'un exemple de manuel d'interruption de modèle combiné à une commande intégrée. Une technique de persuasion employée dans la "Programmation Neurolinguistique". ( NLP ). Je ne suis pas un pratiquant de PNL mais je reconnais le schéma. Vous ne vous attendez pas à la réponse au survol, il attire votre attention et vous y maintient avec la commande intégrée: "Ne bougez pas". l'animation ajoute une pincée de gameification. Globalement très efficace vraiment.
Je voudrais ajouter (en tant que wiki communautaire) une réponse que j'ai reçue via Twitter d'un ami ingénieur logiciel:
@msanford Une personne s'investit davantage dans son choix lorsque ce choix nécessite plus d'efforts. Les maintient accrochés à ce qu'ils ont fait.
Un aspect intéressant de ce bouton est, du moins là où je l'ai vu, un vote anonyme. Je pense qu'il y a une raison pour laquelle cet élément fonctionne mieux qu'un bouton normal lorsqu'il est dans un cadre anonyme. Je pense que cela tient en partie à sa nouveauté, mais je pense qu'il s'agit davantage de personnes associant des boutons de type "J'aime" à leurs comptes Twitter/google/reddit/facebook. Je pense que cela a aussi à voir avec le "travail" perçu qui entre dans une action de clic normale. Les gens attribuent une valeur à leurs clics et si un bouton anonyme aléatoire montre qu'ils doivent cliquer, ils peuvent ne pas y faire confiance ou trouver que cela vaut leur "clic" s'ils ne savent pas ce que c'est, ils ne peuvent pas y adhérer si ce n'est pas un site ou un système établi qu'ils connaissent.
Dans ce cas, les gens n'associent généralement pas le "survol" comme méthode d'interaction pour envoyer un vote, ils sont donc plus susceptibles de commencer à survoler cette icône curieuse, soit par accident, soit exprès. Après cela, je pense qu'il n'y a pas grand-chose en termes de travail perçu pour continuer à planer, même si en réalité cela prend plus de temps qu'un clic. C'est presque comme se retirer au lieu de s'y inscrire.
Je pense que cela facilite également le spam de votes anonymes avec un bouton (je n'ai aucune idée de cette partie, car je ne sais pas comment cela est techniquement mis en œuvre.)