Qu’est-ce que le design d’interaction ?

Le design d’interaction est un composant important dans le cadre géant du design de l’expérience utilisateur (UX). Dans cet article, nous allons expliquer ce qu’est le design d’interaction, discuter de quelques modèles utiles de design d’interaction, ainsi que décrire brièvement ce que fait généralement un designer d’interaction.

design d'interaction : IxDF

Une compréhension simple et utile du design d’interaction

Le design des interactions peut être compris en termes simples (mais pas simplifiés) : c’est le design de l’interaction entre les utilisateurs et les produits. Le plus souvent, lorsque les gens parlent de design d’interaction, les produits ont tendance à être des produits logiciels tels que des applications ou des sites web. Le but du design d’interaction est de créer des produits qui permettent aux utilisateurs d’atteindre leur(s) objectif(s) de la meilleure façon possible.

Si cette définition semble large, c’est parce que le champ est plutôt large : l’interaction entre un utilisateur et un produit implique souvent des éléments tels que l’esthétique, le mouvement, le son, l’espace, et bien d’autres. De plus, bien sûr, chacun de ces éléments peut impliquer des domaines encore plus spécialisés — par exemple, le design sonore pour l’élaboration de sons utilisés dans les interactions de l’utilisateur.

Comme vous l’avez peut-être déjà compris, il existe un énorme chevauchement entre le design d’interaction et le design UX.

Après tout, le design UX consiste à façonner l’expérience de l’utilisation d’un produit — pour la plupart, cette expérience implique une certaine interaction entre l’utilisateur et le produit. Cependant, le design UX ne se limite pas au design d’interaction : il implique également la recherche sur les utilisateurs (identification préalable de qui sont les utilisateurs), la création de personas (pourquoi, et dans quelles conditions, utiliserait-il le produit) ? Les  tests d’utilisabilité, etc.

Lors de la création de contenu, soyez empathique par-dessus tout. Essayez de vivre la vie de votre audience.

— Rand Fishkin, Fondateur de Moz

Les 5 dimensions du design d’interaction

Les cinq dimensions du design d’interaction sont un modèle utile pour comprendre ce que le design d’interaction implique. Gillian Crampton Smith, un universitaire de design d’interaction, a introduit le concept des quatre dimensions d’un langage de design d’interaction, auquel Kevin Silver, designer d’interaction senior chez IDEXX Laboratories, a ajouté un cinquième.

1D : Mots

Les mots, en particulier ceux utilisés dans les interactions, comme les étiquettes de boutons, doivent être signifiants et simples à comprendre. Ils devraient communiquer des informations aux utilisateurs, mais pas tellement d’informations qu’ils finissent par accabler les utilisateurs ou les ralentir.

2D : Représentations visuelles

Cela concerne les éléments graphiques tels que les images, la typographie et les icônes avec lesquels les utilisateurs interagissent. Ceux-ci complètent généralement les mots que nous utilisons pour communiquer des informations aux utilisateurs. En tant qu’espèces extrêmement visuelles, les humains apprécient énormément les images : non seulement parce que les designs bien pensées et riches en images rendent l’expérience utilisateur plus plaisante et apaisante, mais aussi parce qu’une image contient beaucoup de mots — une histoire, en fait — et c’est précieux, compte tenu de la tendance des utilisateurs à manquer de patience.

3D : objets physiques ou espace

À travers quels objets physiques les utilisateurs interagissent-ils avec le produit : est-ce un ordinateur portable, avec une souris ou un pavé tactile ? Ou est-ce un smartphone, avec les doigts de l’utilisateur ? En outre, dans quel type d’espace physique l’utilisateur le fait-il ? Par exemple, est-ce que l’utilisateur est debout dans un train bondé en utilisant l’application sur un smartphone, ou assis à un desktop au bureau en surfant sur le site ? Tout cela affecte l’interaction entre l’utilisateur et le produit. L’espace est tout au sujet du contexte et va très loin dans le fait de décider à quoi un produit doit ressembler, de la même manière que la taille moyenne d’une main humaine.

4D : Temps

Bien que cette dimension semble un peu abstraite, elle fait surtout référence à un média qui change avec le temps (animation, vidéos, sons). Le mouvement et les sons jouent un rôle crucial en donnant une rétroaction visuelle et audio aux interactions des utilisateurs. Le temps que l’utilisateur passe à interagir avec le produit est également à prendre en considération : les utilisateurs peuvent-ils suivre leur progression ou reprendre leur interaction plus tard ? À une époque où l’information est saturée et où les utilisateurs peuvent se sentir affamés de temps aussi bien qu’ils peuvent se noyer dans les données, il est absolument essentiel de comprendre combien de temps ils passent dans leurs expériences utilisateur.

5D : Comportement

Cela inclut le mécanisme d’un produit et implique deux questions essentielles : « Comment les utilisateurs effectuent-ils des actions sur le site web ? » Et « Comment les utilisateurs exploitent-ils le produit ? En d’autres termes, cette dimension concerne la manière dont les dimensions précédentes définissent les interactions qu’un utilisateur doit avoir avec un produit. Cela inclut également les réactions — par exemple, les réactions émotionnelles ou les rétroactions — des utilisateurs et du produit. Alors que les quatre premières dimensions sont vitales en elles-mêmes, la cinquième met en lumière un aspect plus profond du domaine humain en UX et peut exposer des forces sérieuses ainsi que des défauts.

Questions importantes que posent les praticiens du design d’interaction

Comment les designers d’interactions travaillent-ils avec les cinq dimensions ci-dessus afin de créer des interactions signifiantes ? Pour comprendre cela, nous pouvons examiner quelques questions importantes que les designers d’interactions posent lors du design pour les utilisateurs, comme le montre usability.gov :

  • Que peuvent faire les utilisateurs avec leurs souris, leurs doigts ou leurs stylets pour interagir directement avec l’interface ? Cela nous aide à définir les interactions possibles de l’utilisateur avec le produit.
  • Qu’en est-il de l’apparence (couleur, forme, taille, etc.) qui donne à l’utilisateur une idée de la façon dont elle pourrait fonctionner ? Cela nous aide à donner aux utilisateurs des indices sur les comportements possibles.
  • Les messages d’erreur fournissent-ils un moyen à l’utilisateur de corriger le problème ou d’expliquer pourquoi l’erreur a eu lieu ? Cela nous permet d’anticiper et d’atténuer les erreurs.
  • Quelles sont les réactions d’un utilisateur une fois qu’une action est effectuée ? Cela nous permet de nous assurer que le système fournit des feedbacks dans un délai raisonnable après les actions de l’utilisateur.
  • Les éléments d’interface sont-ils d’une taille raisonnable pour interagir avec ? Des questions comme celles-ci nous aident à réfléchir stratégiquement à chaque élément utilisé dans le produit.
  • Des formats familiers ou standard sont-ils utilisés ? Les éléments et les formats standard sont utilisés pour simplifier et améliorer l’apprentissage d’un produit.

Alors, que font les designers d’interaction ?

En fait ça dépend…

Par exemple, si l’entreprise est assez grande et dispose de ressources énormes, elle peut avoir des tâches distinctes pour les designers UX et les designers d’interactions. Dans une grande équipe de design, il peut y avoir un chercheur UX, un architecte de l’information, un designer d’interaction, et un designer visuel, par exemple.

Pour les petites entreprises et équipes, l’histoire est différente : la plupart du travail de design UX peut être effectué par une ou deux personnes, qui pourraient ou non avoir le titre de « designers d’interactions ».

Dans tous les cas, voici quelques-unes des tâches que les designers d’interactions s’attendent à gérer au cours d’une journée de travail :

Stratégie de design et design d’interaction

Cela concerne le(s) but(s) d’un utilisateur, et, à son tour, les interactions nécessaires pour atteindre ce ou ces objectifs. En fonction de l’entreprise, les designers d’interactions peuvent devoir effectuer une recherche utilisateur afin de déterminer quels sont les objectifs des utilisateurs avant de créer une stratégie qui traduise cela en interactions.

Wireframes et prototypes

Cela dépend encore de la description du travail de l’entreprise, mais la plupart des designers d’interactions sont chargés de créer des wireframes qui présentent les interactions dans le produit. Parfois, les designers d’interactions peuvent également créer des prototypes interactifs et/ou des prototypes haute-fidélité qui ressemblent exactement à l’application ou au site web.

Ce qu’il faut retenir sur le design d’interaction

Le design d’interaction concerne l’interface entre les utilisateurs et un produit ou un service. Il englobe un large éventail d’éléments, tels que l’esthétique, le mouvement et le son, mais nous pouvons le classer dans les cinq dimensions du design d’interaction.

Ces 5 dimensions sont :

  1. Mots
  2. Représentations visuelles
  3. Objets physiques ou espace
  4. Temps
  5. Comportement

En tant que designers d’interaction, nous sommes généralement préoccupés par la rétroaction et l’utilisabilité d’un produit ; Néanmoins, nous pourrions également être en charge du design global UX du produit. Notre champ d’activité dépend en grande partie des besoins de l’entreprise, et peut aller de la stratégie de design au wireframing et au prototypage.

L’harmonisation d’une bonne compréhension de ces dimensions avec les besoins exacts des organisations que nous servons nous aidera à créer une production cohérente avec les différents groupes d’utilisateurs que nous rencontrerons au fur et à mesure que nous progresserons dans nos carrières.

La création d’un design d’interaction de classe mondiale nécessite de faire correspondre les 5 dimensions des interactions à la psychologie de vos utilisateurs. Lorsque vous réglez le timing de vos animations sur les capacités cognitives de votre cerveau, vous obtenez un design efficace. Au large de quelques millisecondes ? Votre design pourrait au contraire induire des frictions et de la frustration.

En savoir plus sur le chevauchement complexe entre la psychologie humaine et le design d’interaction, et comment créer des interactions qui fonctionnent correctement, dans notre cours “Psychology of Interaction Design: The Ultimate Guide“.

Tout sur les fondamentaux du design UX

Une brève introduction au design UX
Qu’est-ce que le Design Thinking ?
Les 7 facteurs qui influencent l’expérience
Une introduction à l’utilisabilité
Comment mener des interviews d’utilisateur
7 Techniques de recherche UX éprouvées et testées
Qu’est-ce que le design d’interaction ?
Mobile Web UX Design
Visualisation de l’information