Design d'interaction

Concept

Comment l’interface répond à l'utilisateur

Le design d'interaction définit comment une interface réagit aux actions de l'utilisateur. Cette notion d’interaction intègre notamment les changements d’état des composants, les feedbacks du système (message d’erreur, écran de chargement…). Le design d’interaction est la logique comportementale du produit, à la croisée entre l'architecture de l'information et l'interface visuelle.

À quoi ça sert ?

  • Prévoir l’ensemble des états d'une interface (vide, chargement, erreur, succès) de façon cohérente
  • Définir les comportements d'interaction pour soutenir l’expérience utilisateur
  • S'assurer que chaque action utilisateur reçoit un retour clair et immédiat en accord avec l’heuristique de Nielsen “Visibility of System Feedback”

Pour quel besoin ?

  • Documenter les comportements attendus de l’interface avec les équipes de développement
  • Améliorer l’expérience utilisateur sans toucher à l’interface visuelle

Les 5 dimensions du design d’interaction.

C’est la combinaison de ces 5 dimensions qui crée un bon design d’interaction.

01

Le texte

on peut parler d’UX Writing puisque pour un bon design d’interaction, il faut que le texte corresponde à l’action.

02

Le visuel

que ce soit de l’image ou du pictogramme, la représentation visuelle d’un élément peut aider à comprendre l’interaction attendue. Prenez l’exemple du symbole de la loupe pour la recherche (en Occident).

03

Le matériel physique

il s’agit du téléphone, de la tablette, de l’ordinateur, mais aussi de la souris, du clavier, etc. Il faut designer en gardant en tête le matériel qui va porter les interfaces. Par exemple, il n’y a pas d’effet au survol sur les appareils mobiles pour indiquer les zones cliquables; il faut donc trouver le moyen de faire comprendre que les éléments sont cliquables sans cet effet.

04

Le temps

l’interface doit être réactive, en temps réel avec les actions de l’usager. Des animations trop longues peuvent être contre-productives pour l’utilisateur. Les barres de progression, par exemple, permettent de faire comprendre un temps de chargement en réduisant la frustration de l’utilisateur.

05

Le comportement

à la suite d’une action utilisateur, l’interface doit réagir en conséquence et de manière adéquate. Ces éléments rassurent l’utilisateur pendant ses interactions (message de succès, swipe réactif, etc.)

Ne pas confondre design d’interaction et micro-animation

Le design d’interaction correspond à des états, à des éléments d’interface qui apparaissent au moment où l’utilisateur interagit avec le produit. Ces interactions fournissent de l’information utile à l’utilisateur. L’utilisation de micro-animation est, très souvent, associée au design d’interaction. En revanche, la micro-animation sert davantage à rendre ce design d’interaction plus percutant tout en améliorant l’expérience perçue. C’est seulement un ajout “cosmétique” par-dessus le design d’interaction.

Questions fréquentes

Design d'interface

L’UI design conçoit la couche visuelle d'un produit : mise en page, couleurs, typographie, composants. Il traduit l'expérience en éléments tangibles et interactifs.

En savoir plus sur Design d'interface

Design d'expérience

Le design d'expérience (UX design) conçoit l'expérience globale au-delà de l'interface. Il s'intéresse à ce que l'utilisateur rencontre : parcours, émotions, contextes

En savoir plus sur Design d'expérience

IHM

L'IHM (interface homme-machine) désigne les moyens d'interaction entre humain et système informatique.

En savoir plus sur IHM

Affordance

L'affordance est la capacité d'un élément d'interface à suggérer son usage. Donald Norman a popularisé le concept : en design numérique, seule l'affordance perçue compte.

En savoir plus sur Affordance

Ergonomie cognitive

L'ergonomie cognitive traduit le fonctionnement du cerveau en principes de conception. Perception, mémoire, charge mentale : les bases du design UX.

En savoir plus sur Ergonomie cognitive

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en