La conception de l'interaction existe depuis que nous avons été suffisamment sophistiqués pour développer des outils de base. Il s’agit du processus d’invention, d’optimisation et d’itération des succès précédents pour rendre les choses non seulement meilleures, mais aussi plus familières à nos utilisateurs.

C'est une compétence qui ne se limite pas à une industrie en particulier, et pourtant, il a la réputation d'être principalement un instrument de designer moderne.

Sur le Web, nous utilisons des principes de conception d'interaction pour familiariser nos utilisateurs et les exposer à de nouveaux concepts qu'ils savent déjà utiliser - avant de les utiliser. S'assurer que nos utilisateurs sont à l'aise et familiarisés avec un produit, un service ou même un modèle d'interface utilisateur fait une énorme différence dans la perception de notre travail.

Une conception et une recherche détaillées des interactions peuvent mener à une expérience utilisateur nettement améliorée et à un produit plus accessible. Lors de la mise sur le marché de nouvelles idées (même révolutionnaires), le design d'interaction est essentiel pour garantir que ces nouveautés flashy sont faciles à utiliser et se sentent familières à nos clients.

L'utilisation du marketing par Apple avec le lancement de l'iPad d'origine est un exemple remarquable de ce processus. L'idée d'une tablette avait été autour et essayée, mais le travail d'Apple pour rendre l'appareil sans prétention et naturel a accéléré son succès en tant que nouvelle plate-forme.

Il est essentiel que nos utilisateurs se sentent à l’aise en tenant, en utilisant ou même en pensant à de nouvelles idées ou à de nouveaux produits pour que l’utilisateur puisse concevoir son expérience.

"Demander aux utilisateurs d’adopter de nouveaux comportements ou même de modifier leurs comportements existants est très, très difficile." - Khol Vinh de Mixel

Conception d'interaction sur le Web

La conception d'interaction sur le Web se concentre principalement sur l'interface utilisateur et la présentation. Contrairement à d'autres médias, cette approche est unique en ce sens qu'il existe des millions d'exemples de presque tous les cas d'utilisation. Donc, c'est plus un problème de trouver quelle base d'itérer, plutôt que d'essayer de trouver la base du tout.

Des ressources comme PatternTap ou Pttrns sont des ressources fantastiques pour comparer et trouver l’inspiration des modèles existants. Des choses comme les icônes, la navigation et même 404 pages ont leurs propres catégories respectives. Pouvoir collaborer de cette manière avec le reste de l'industrie rend le format en ligne si unique. Cela permet un prototypage massif et une recherche à grande échelle sur ce qui fonctionne et ce qui ne fonctionne pas.

Utilisez des modèles qui offrent une bonne UX

Si c'était aussi simple que de choisir un modèle éprouvé qui fonctionne à tout moment pour la navigation, les icônes, les listes ou toute autre chose; nous serions hors de travail. Une bonne expérience utilisateur repose sur une base solide de recherche et d'essais.

Ce qui peut bien fonctionner pour quelqu'un d'autre dans une situation similaire peut ne pas fonctionner pour vous. Pour cette raison, il est toujours important de faire nos propres analyses, expérimentations et tests.

Au départ, nous voulons identifier ce que notre utilisateur attend. Par exemple, si nous prévoyons l'emplacement de la navigation pour une page, le bon sens nous dit que nos utilisateurs s'attendent à ce qu'il soit quelque part près du haut, soit dans un élément de style en-tête, soit dans une barre latérale. Nous souhaitons ensuite identifier les cas d'utilisation qui seraient idéaux pour notre situation particulière (barre latérale vs en-tête) et, espérons-le, disposer de données pour appuyer cette hypothèse. Ceci est un exemple très simple et approximatif d'un processus de conception d'interaction.

Utiliser des modèles d'utilisateurs émergents

Les modèles d'utilisation courants sont plus ou moins considérés comme des paris "sûrs". La plupart des gens savent ce qu’ils veulent dire, nous savons comment nos utilisateurs s’attendent à ce qu’ils fonctionnent, et leur utilisation commune nous dit que c’est quelque chose avec lequel les gens sont à l’aise (ou le seront très bientôt). Les modèles émergents, par contre, sont beaucoup plus dramatiques. Ces modèles sont nouveaux, flashy et pas encore raffinés ou assez communs pour que nos utilisateurs les comprennent immédiatement. Ils peuvent entraîner de la confusion, de l'insatisfaction ou même une mauvaise conception d'une interface.

Cela dit, les modèles émergents sont uniques pour une raison. Bien que tout le monde ne les comprenne pas ou ne les connaisse pas encore, ils le seront peut-être bientôt. Ils valent la peine de faire attention pour le simple fait que personne ne veut être la dernière personne à implémenter la nouvelle fonctionnalité. Avec la popularité croissante de certaines interactions, nos utilisateurs attendent parfois de nous qu’ils les implémentent après un certain point. Ainsi, alors que les modèles émergents semblent fragmentaires, il vaut parfois la peine d’être un adopteur précoce si les risques sont faibles.

La débâcle de l'icône du hamburger

Un exemple de modèle d’utilisation émergent (et très controversé) est le icône de hamburger. Bien que discutable en termes d’expression de ses fonctionnalités, personne ne peut nier qu’elle est de plus en plus populaire et réussie. Même pour les utilisateurs qui ne comprennent pas son utilisation ou sa signification, un simple clic ou un clic révèle ces informations. L'icône hamburger peut facilement devenir un modèle très bien compris et populaire, simplement en incluant le mot "menu" à côté de l'icône. Un jour, au bout du compte, l'icône du hamburger peut être aussi ennuyeuse et banale que d'utiliser un «X» pour fermer.

Une interface utilisateur est comme une blague. Si vous devez l'expliquer, ce n'est pas très bon. - Martin LeBlanc

Former nos utilisateurs à grandir confortablement

Avoir à expliquer les fonctionnalités derrière notre interface signifie généralement que ce n'est pas très bon. Mais sans une telle formation pour de nouvelles idées, nous ne ferions jamais de progrès. Au lieu de viser aucune explication, nous devrions plutôt viser très peu d' explications. Si nous devons donner une brochure avec notre interface utilisateur, nous pouvons dire que nous le faisons mal. Si seulement une phrase ou une brève déclaration est nécessaire pour expliquer la fonctionnalité, nous pourrions encore faire mieux ... mais c'est certainement correct. En bref, rien de nouveau ne deviendra confortable si nous ne l'exposons pas correctement aux utilisateurs, ce qui signifie parfois expliquer nos idées.

Briser le moule

Les motifs inhabituels deviennent branchés et apparaissent de temps en temps. Nous avons vu des interactions comme le défilement horizontal et les pages de parallaxe gagner en popularité avant, malgré leurs connotations UX négatives. Parfois, casser le moule et faire quelque chose d’unique peut Quelque chose de beau qui répond toujours aux besoins des utilisateurs. Nous ne devrions pas avoir peur d'expérimenter et d'essayer de nouvelles choses, en particulier dans le domaine du design d'interaction. Nous pouvons tous trouver le moyen de découvrir des modèles qui rendent nos utilisateurs plus à l'aise et de désigner leur fonction plus clairement.

Conclusion

Le choix judicieux des modèles d'utilisation lors de la création de nos interfaces utilisateur peut amener les utilisateurs à comprendre et à utiliser notre travail avant même de l'utiliser. Lorsque nous travaillons avec des produits ou des services sur un marché de niche ou relativement nouveau, nous pourrions tous tirer profit de leur accessibilité.

La conception de l'interaction est unique en ce sens qu'elle est en grande partie une science collaborative résultant de notre désir de mettre de nouvelles idées entre les mains de nos utilisateurs.

Image / vignette en vedette, image de comportement appris via Shutterstock.