Chaque fois qu'un utilisateur fait quelque chose avec votre conception, une interaction est créée. Certaines interactions, telles que les clics, passent presque inaperçues pour l'utilisateur. Mais d'autres interactions incluent une certaine magie qui incite l'utilisateur à jouer encore plus avec le design.
Il y a une ligne de démarcation entre une interaction qui a une touche de magie et une interaction qui peut être complètement écrasante. Les interactions les plus magiques sont un peu inattendues, simples, créent une réponse émotionnelle et donnent envie à l'utilisateur de l'utiliser à nouveau.
Interactions avec la magie
La magie est une qualité qui donne l'impression que quelque chose est retiré de la vie quotidienne, en particulier d'une manière qui procure du plaisir.Ce qui rend une interaction vraiment magique, c'est qu'elle anticipe ce que l'utilisateur va faire ensuite. Le design bouge presque avec vous? ou peut-être juste une longueur d'avance sur vous, pour faire exactement ce que vous voulez juste une seconde avant de prendre cette décision.
Pour concevoir ce type d'interface interactive, vous devez exceptionnellement bien connaître vos utilisateurs. Vous devrez étudier leurs habitudes et leurs habitudes avant de penser aux effets visuels ou aux interactions. Et une fois que vous avez ces données, vous pouvez alors trouver des moyens de créer ces connexions.
Alors, qu'est-ce qui rend une interaction magique? Comment le définis-tu? La meilleure description provient d'un article académique, Interactions magiques avec des informations pour le raisonnement visuel:
Quelques exemples incluent:
- Cliquer et faire glisser un dessin d'un personnage de dessin animé qui répond ensuite 'intelligemment' en modifiant sa pose en réponse directe à la saisie de l'utilisateur, en comprenant comment se déplacer comme par magie;
- Parcourir les données vidéo en cliquant directement sur les caractères de la vidéo plutôt qu'en utilisant un curseur;
- Bumping les appareils mobiles pour transférer des fichiers; et
- Sélection de nuages de points 3D simplement en traçant un lasso 2D.
Toutes ces interactions ont «le pouvoir d'influencer apparemment le cours des événements en utilisant des forces mystérieuses ou surnaturelles» et «une qualité qui donne l'impression que quelque chose est retiré de la vie quotidienne, en particulier de manière à donner du plaisir» - deux propriétés directement issues du définition du mot magie.
Animation intelligente
Les animations sont partout. Il semble que presque tous les sites Web intègrent quelque chose qui bouge, qu'il s'agisse d'un clip vidéo, d'un effet de survol ou d'un effet de partage. Ce mouvement a du sens. Le mouvement attire naturellement le regard et procure un moment d'engagement qui peut également servir de distraction pendant que le site se charge complètement ou travaille en arrière-plan.
Un type d'interaction intelligente pourrait être une photo en mouvement ou un cinématographe. Cette technique associe immobile et action réelle à des mouvements subtils, de manière à inciter les utilisateurs à regarder plus en profondeur dans la conception. (Vous pouvez en apprendre plus sur la tendance dans notre article sur les photos qui s'animent.)
Les animations les plus intelligentes sont plus que de simples mouvements: l'utilisateur veut faire quelque chose et constate que celui-ci est réellement fonctionnel. Ce type d'interaction commence à se produire fréquemment pour le commerce électronique, où les utilisateurs veulent avoir l'expérience de voir ou de détenir? un produit sous tous les angles. Qantas Airlines, ci-dessus, fait la même chose avec un site Web qui permet aux utilisateurs de voir à l'intérieur de leurs avions et de consulter les options de sièges et plus encore. (Allez sur ce site, vous seriez surpris de tout ce que vous pouvez "voir" et cela semble très réel.)
Clicabilité directe
Trop souvent, vous arrivez sur un site Web et les éléments sur lesquels vous cliquez ne font rien. Avec une cliquabilité plus directe, plus d'éléments sont des objets qui vous amènent à de nouveaux éléments et ainsi de suite pour créer un site Web de clics, de liens et de chemins que l'utilisateur peut emprunter. La fluidité du flux rend ces interactions de clic souhaitables.
Il n’ya pas encore assez de ces interactions, mais quand vous les trouvez, elles sont très amusantes. Le site Web du film, Sing, en est un excellent exemple. (Vous devez cliquer.) Chaque élément est conçu pour que le site Web devienne une extension interactive du film. Vous pouvez cliquer sur à peu près n'importe quoi et quelque chose va se passer. Combinez cela avec l'aspect dessin animé et vous vous sentirez vraiment magique.
Bosses et Haptics
Alors que les universitaires ont adoré la magie de la "bosse"? plus d'utilisateurs aiment la magie de l'haptique. Cela facilite les interactions avec votre montre (je ne manque jamais un appel) et permet de jouer à un jeu plus intuitif grâce au mouvement. Les bosses peuvent être réelles ou perçues, comme dans le jeu Konterball, en fonction du type d'appareil.
Dans bon nombre de ces cas, la conception Web de bureau utilise des mouvements que les utilisateurs perçoivent, mais les téléphones, les montres ou les appareils de réalité virtuelle comportent un élément haptique.
La conception Web, qui était virtuellement virtuelle jusqu'à présent, s'anime avec des interactions tactiles. Attendez-vous à plus d'interfaces que vous touchez et la boucle de contre-réaction est fermée avec une réponse physique du périphérique.
Perspective dimensionnelle
Les lignes entre les dimensions commencent à s'estomper. Alors que les écrans sont un paysage en deux dimensions, de plus en plus de conceptions créent des mondes en trois dimensions. Les utilisateurs agissent toujours avec des mouvements 2D. C'est un concept étrange et presque hallucinant.
Mais alors intact avec le site Web de cette façon.
Vous verrez la magie.
Campo Alle Comete, ci-dessus, raconte une histoire à la fois magique et interactive. Faites glisser la souris en lignes droites autour de l'écran pour voir le monde changer et se déplacer. Et il ne semble pas y avoir de règles. Le mouvement se produit dans la direction et la vitesse que vous choisissez. La meilleure partie de cette expérience de conte de fées? Vous êtes susceptible de cliquer et de jouer pendant plusieurs minutes avant même de réaliser ce que le site Web tente de présenter. (C'est pour le vin.)
Conclusion
Alors, qu'est-ce qui rend une interaction magique? Il doit être anticipatif et faire exactement ce que l’utilisateur souhaite comme il le souhaite.Cela devrait être intéressant et juste un peu différent. Et cela doit être assez simple pour qu'il n'y ait pas de confusion.
Enfin, la vraie magie se produit lorsque l'utilisateur y répond avec un sourire ou un sentiment de joie ou de satisfaction. La magie est un lien humain, sans ce sentiment des utilisateurs, c'est juste un autre tour de design.