Ce que le toucher apporte que l'œil ne peut pas
Le retour haptique crée un canal de communication qui contourne le traitement visuel conscient. Quand votre téléphone vibre légèrement quand vous appuyez sur une touche virtuelle, votre cerveau reçoit une confirmation physique qui rend l'interaction plus naturelle, moins cognitive. C'est la simulation d'une propriété physique réelle (la touche qui s'enfonce) dans un environnement purement numérique.
En réalité augmentée et virtuelle, cette simulation devient encore plus importante : le corps est dans l'espace d'interaction, et l'absence de retour physique est une des principales raisons pour lesquelles les interactions XR semblent irréelles.
Les trois niveaux de retour haptique
Niveau 1 — Vibration simple (accessible à tous les mobiles)
L'API Vibration (navigator.vibrate()) est disponible sur tous les navigateurs mobiles modernes. Elle permet de déclencher des schémas de vibration simples :
// Confirmation courte (bouton pressé)
navigator.vibrate(40);
// Erreur (secousse)
navigator.vibrate([50, 30, 50, 30, 50]);
// Succès (pulse long)
navigator.vibrate([100, 50, 200]);
Ces patterns communiquent des états distincts : une vibration courte = action confirmée ; une série de vibrations courtes = erreur ; une vibration longue = accomplissement.
Niveau 2 — Retour haptique avancé (iOS/Android natif)
Les plateformes natives offrent un contrôle plus fin. Sur iOS, l'API Haptic Feedback permet de déclencher des patterns « impact léger », « impact moyen », « succès », « avertissement », « erreur » — chacun avec un profil vibratoire spécifique. Ces patterns ne sont pas accessibles depuis le web, mais sont essentiels dans les applications AR/VR natives.
Niveau 3 — Dispositifs haptiques spécialisés
Pour les installations physiques, des dispositifs comme les contrôleurs VR (HTC Vive, Quest), les gants haptiques (HaptX, Bhaptics), ou les surfaces vibrantes permettent un retour haptique spatial et nuancé.
Les principes de design haptique
Congruence
Le retour haptique doit être congruent avec l'action qu'il confirme. Appuyer sur un bouton → vibration courte et nette (impact). Faire glisser un curseur → vibration continue et légère. Terminer une action → vibration satisfaisante (accomplissement). Les retours incongruents (une erreur avec une vibration douce) créent de la confusion.
Économie
Trop de retours haptiques = nuisances. Un clavier haptique qui vibre pour chaque touche est rapidement désactivé par les utilisateurs. Réserver les retours haptiques aux actions qui ont un sens : les transitions d'état, les erreurs, les confirmations importantes.
Calibration au contexte
Une vibration conçue pour être perçue dans une salle calme peut être imperceptible dans un festival bruyant. Les retours haptiques destinés à des installations publiques doivent être plus forts que ceux conçus pour un usage personnel.
Application en creative coding
La Web Vibration API s'intègre facilement dans p5.js :
function mousePressed() {
// Vibration courte à chaque clic
if (navigator.vibrate) navigator.vibrate(30);
// ... reste de la logique d'interaction
}
Pour des installations XR, le retour haptique peut être synchronisé avec des événements musicaux (downbeat gnawa = pulse haptique), des transitions visuelles (fondu = vibration décroissante), ou des interactions physiques (saisir un objet virtuel = impact).
Tuto feedback haptique → · Tuto retour sensoriel multimodal → · Parler de votre projet →