Atelier N°21 — Design d'Interaction AR

Ergonomie spatiale

En AR/VR, le placement des elements d'interface doit respecter les zones d'accessibilite du corps humain. La zone de confort (bras au repos), la zone etendue (bras tendus) et la zone hors d'atteinte definissent ou placer les controles pour minimiser la fatigue.

Zone de confort
Zone etendue
Hors d'atteinte

WebGL non disponible

Votre navigateur ne supporte pas Three.js

Voir le code 
// Spatial ergonomics zones
const zones = {
  comfort: { radius: 0.45, color: 0x4ade80 },
  extended: { radius: 0.75, color: 0xfbbf24 },
  outOfReach: { radius: 1.2, color: 0xf87171 }
};

// Place UI elements within comfort zone
function placeUI(element, angle, distance) {
  if(distance > zones.comfort.radius) {
    console.warn('UI element outside comfort zone');
  }
  element.position.set(
    Math.sin(angle) * distance,
    0,  // eye level
    -Math.cos(angle) * distance
  );
  element.lookAt(user.position);
}

// Apple Vision Pro guidelines:
// - Primary content: 1-2m distance
// - Comfort angle: 15deg below eye level
// - Field of view: 60deg horizontal cone

Defi

Redimensionnez les zones et placez mentalement une barre de menu, un panneau de notification et un clavier virtuel. Quelles zones conviennent a quel type d'interaction ? Pensez frequence d'usage vs. importance.

Prendre rendez-vous