• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
  • Passer au pied de page

Lotin Corp. Academy

Formations infographie, web, marketing digital et décoration intérieure à Douala

  • Formations
    • Design graphique
    • Design web
    • Design d’intérieur
    • Développement web
    • Marketing digital
  • Cours en ligne
  • Ateliers
    • Workshop graphic design
  • Blog
  • Pré-inscription

Design web, Interaction Design Foundation

Qu’est-ce que le design d’interaction ? [2]

Par Henri Lotin le 07 mai 2018

Cet extrait est traduit et recopié de Interaction Design Foundation. La diffusion est faite avec la permission du distributeur ou de l’auteur.

What is Interaction Design?

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

close

Ne ratez aucun article. Abonnez-vous. 👌🏾

Vérifiez votre boîte de réception ou vos indésirables afin de confirmer votre abonnement.

Articles similaires

Classé sous :Design web, Interaction Design Foundation Balisé avec :design d'expérience utilisateur, design d'interaction, design ux

Vous voulez apprendre à créer des sites web ? Cela ne vous prendra que 03 mois !

Interactions du lecteur

Laisser un commentaire Annuler la réponse.

Barre latérale principale

Nos articles récents

  • Reconnaissance et rappel de mémoire dans les UI
  • Prévenir les erreurs de l’utilisateur : les glissades
  • La cohérence et les normes : la maintenir et les respecter
  • Contrôle et liberté de l’utilisateur
  • Correspondance entre le système et le monde réel

Footer

Lotin Corp. Academy

La transmission de notre savoir est l'une de nos principales motivations. Nos formations allant de 03 à 04 mois facilitent l'acquisition rapide de compétences.

RC/DLA/2008/A/900
Contribuable nº P038300436355E
Cpte UBA 01016000489-63

Zone étudiants/formateurs online

[lms_login]

Adresse et contacts

403, Rue Drouot, Akwa
BP 4468 Douala
academy[at]lotincorp.biz
+237 673 07 94 08
Lundi à Samedi : 09h00 à 19h00

Liens utiles

  • Pré-inscription
  • Cours en ligne
  • Bibliothèque
  • Design graphique
  • Design web
  • Design d’intérieur
  • Développement web
  • Marketing digital
  • Ateliers
    • Workshop graphic design
  • WordPress 101
  • Blog
  • A propos

Copyright © 2008–2022. Lotin Corp.· All Rights Reserved.