Leçon 2 / 5 · Design d'interaction

Feedback immédiat : répondre en moins de 100 ms

Le concept

Le feedback immédiat est la réponse perceptible du système à une action de l'utilisateur. Au-delà de 100ms, le cerveau commence à douter que l'action a été prise en compte. Le feedback peut être visuel (flash, animation, changement de couleur), sonore (clic, bip) ou haptique (vibration). L'absence de feedback est une erreur de design — même si l'action prend du temps, un accusé de réception instantané est obligatoire.

Exemple de code (p5.js)

// Feedback immédiat : flash au clic
let flashes = [];
function setup() { createCanvas(400, 300); }
function draw() {
  background(11, 15, 20);
  // Dessiner les flashs actifs
  for (let i = flashes.length - 1; i >= 0; i--) {
    let f = flashes[i];
    f.alpha -= 12; // décroissance rapide
    noStroke(); fill(255, 255, 255, f.alpha);
    ellipse(f.x, f.y, f.r * 2);
    if (f.alpha <= 0) flashes.splice(i, 1);
  }
  // Instruction
  fill(255, 255, 255, 60); textAlign(CENTER); textSize(12);
  text('cliquez n\'importe où', width/2, height - 20);
}
function mousePressed() {
  flashes.push({x: mouseX, y: mouseY, r: 30, alpha: 255});
}
Exercice

Créez un sketch où chaque clic produit un flash visuel instantané (cercle blanc qui apparaît et disparaît en 200ms via alpha décroissant). Comparez avec une version sans flash : la sensation de « mort » de l'interface est immédiate.

Ce qu'il faut retenir

Le feedback < 100ms crée la causalité perçue : « j'ai agi, le monde a répondu ». Sans lui, l'interaction semble cassée.

Recevez les 5 leçons par email — une tous les 3 jours. Gratuit, sans compte.

Double opt-in · désinscription en 1 clic · zéro spam.