Le design d’interaction est un composant important dans le cadre géant du design d’expérience utilisateur (UX). Dans cet article, nous allons expliquer ce qu’est le design d’interaction, quelques modèles utiles de design d’interaction, ainsi que décrire brièvement ce que fait généralement un designer d’interaction.
Une compréhension simple et utile du design d’interaction
Le design d’interaction 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 du design d’interaction, les produits ont tendance à être des produits logiciels comme des applications ou des sites web. Le but du design d’interaction est de créer des produits qui permettent à l’utilisateur d’atteindre son(ses) 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 encore. Et bien sûr, chacun de ces éléments peut impliquer des domaines encore plus spécialisés, comme 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 d’utilisation d’un produit, et la majeure partie de cette expérience implique une certaine interaction entre l’utilisateur et le produit. Mais le design UX ne se limite pas au design d’interaction : il implique également la recherche d’utilisateurs (identification préalable des utilisateurs), la création de personas d’utilisateurs (pourquoi et dans quelles conditions utiliseraient-ils le produit), les tests utilisateurs et les tests d’utilisabilité, etc.
Les 5 dimensions du design d’interaction
Les 5 dimensions du design d’interaction(1) sont un modèle utile pour comprendre ce que le design d’interaction implique. Gillian Crampton Smith, un universitaire du 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é le cinquième.
1D : Mots
Les mots – en particulier ceux qui sont 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 trop d’informations au risque de submerger l’utilisateur.
2D : Représentations visuelles
Cela concerne les éléments graphiques comme les images, la typographie et les icônes avec lesquelles les utilisateurs interagissent. Ceux-ci complètent généralement les mots utilisés pour communiquer des informations aux utilisateurs.
3D : Objets physiques ou espace
À travers quels objets physiques les utilisateurs interagissent-ils avec le produit ? Un ordinateur portable, avec une souris ou un pavé tactile ? Ou un smartphone, avec les doigts de l’utilisateur ? Et 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 sur un bureau dans le lieu de travail surfant sur le site ? Tout cela affecte l’interaction entre l’utilisateur et le produit.
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 préoccupant : les utilisateurs peuvent-ils suivre leur progression ou reprendre leur interaction plus tard ?
5D : Comportement
Cela inclut le mécanisme d’un produit : comment les utilisateurs effectuent-ils des actions sur le site web ? Comment les utilisateurs utilisent-ils le produit ? En d’autres termes, c’est comme cela que les dimensions précédentes définissent les interactions d’un produit. Cela inclut également les réactions – par exemple les réactions émotionnelles ou les rétroactions – des utilisateurs et du produit.
Voyez comment les 5 dimensions du design d’interaction se retrouvent dans l’animation ci-dessous :
Questions importantes que posent les designers d’interaction
Comment les designers d’interactions travaillent-ils avec les 5 dimensions ci-dessus pour créer des interactions signifiantes ? Pour comprendre cela, nous pouvons examiner certaines questions importantes posées par les designers d’interactions lors du design pour les utilisateurs, comme le montre Usability.gov(2) :
- Que peut faire un utilisateur avec sa souris, son doigt ou son stylet 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 il peut fonctionner ? Cela nous aide à donner aux utilisateurs des indices sur les comportements possibles.
- Les messages d’erreur fournissent-ils à l’utilisateur un moyen de corriger le problème ou d’expliquer pourquoi l’erreur s’est produite ? 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 rétroactions dans un délai raisonnable après les actions de l’utilisateur.
- Les éléments d’interface sont-ils d’une taille raisonnable pour pouvoir interagir avec eux ? 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 la société 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. Mais pour les petites entreprises et équipes, la plupart des tâches de design UX peuvent être effectuées par une ou deux personnes, qui pourraient ou non avoir le titre de « designer d’interaction ». Dans tous les cas, voici quelques-unes des tâches que les designers d’interactions gèrent dans leur travail quotidien :
Stratégie de design
Ceci concerne le(s) but(s) d’un utilisateur et, à son tour, les interactions nécessaires pour atteindre ces objectifs. En fonction de l’entreprise, les designers d’interactions peuvent devoir effectuer une recherche utilisateur pour déterminer les objectifs des utilisateurs avant de créer une stratégie traduisant cela en interactions.
Wireframes et prototypes
Cela dépend à nouveau de la description de travail de l’entreprise, mais la plupart des designers d’interactions sont chargés de créer des wireframes qui exposent 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.
Plonger plus profondément dans le design d’interaction
Si vous souhaitez en savoir plus sur le design d’interaction, vous pouvez lire Interaction Design – brief intro de Jonas Lowgren, qui fait partie de notre Encyclopedia of Human-Computer Interaction. Il fournit une introduction faisant autorité dans le domaine, ainsi que d’autres références où vous pouvez en apprendre plus.
Références et où en savoir plus
5 dimensions du design d’interaction – http://www.uxmatters.com/mt/archives/2007/07/what-puts-the-design-in-interaction-design.php
Questions à prendre en compte lors du design pour l’interaction – http://www.usability.gov/what-and-why/interaction-design.html
Hero Image: Author/Copyright holder: Alvaro Reyes. Unsplash.com. Copyright terms and licence: CC0
Laisser un commentaire