Design d'interaction

Q: Quelle différence entre design d'interaction et UX design ?

Le design d’interaction est une des spécialités qui est mobilisée dans les projets d’UX design. Dans les projets numériques, c’est une part importante de la conception.

Q: Qu'est-ce qu'un retour (feedback) en design d'interaction ?

En design d’interaction, la rétroaction est un composant important. Cela correspond à toute forme de retour que l’interface va fournir à l’utilisateur à la suite d’une de ses actions. Le feedback peut prendre différentes formes visuelle, sonore, haptique, voire un mélange de tout cela.

Q: Qu'est-ce que les dimensions du design d'interaction ?

Ce qu'il faut retenir, c'est que le design d'interaction va au-delà du seul aspect visuel. Gillian Crampton Smith a proposé quatre dimensions, complétées par une cinquième ajoutée par Kevin Silver. Les cinq sont les mots (textes, libellés), les représentations visuelles (icônes, images), l'espace physique (contexte d'usage, matériel), le temps (durée des animations, rythme des transitions) et le comportement (actions et réactions de l'interface).

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 sert le design d'interaction ?

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”

Pourquoi faire du design d'interaction ?

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

Le texte

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

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).

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.

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.

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.)

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.

Quelle différence entre design d'interaction et UX design ?

Qu'est-ce qu'un retour (feedback) en design d'interaction ?

Qu'est-ce que les dimensions du design d'interaction ?

Une plateforme d'anglais bâtie comme un jeu vidéo, mini-boss compris

Voir l'étude de cas

Le M-ticket, du parcours d'achat à l'application TBM

Voir l'étude de cas

Les méthodes liées

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.

Design d'expérience

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

IHM

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

Affordance

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

Ergonomie cognitive

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

Modèle mental

Le modèle mental est la représentation qu'un utilisateur se fait d'un système. Concevoir en accord avec ces modèles réduit les erreurs et les frictions d'usage.

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