Comment créer une pop-up effrayante : Design, timing et éthique

Créer une pop-up effrayante (pour un jeu, site Halloween, ou blague) demande plus qu'un jumpscare. Voici un cadre responsable :

Déclencheur – Clic, profondeur de défilement, minuteur (ex. 10s inactivité), intention de sortie. Éviter l'auto-au-chargement.
Visuels – Palette sombre, contraste élevé, imagerie dérangeante (visage déformé, ombre, glitch). Animations CSS : tremblement, zoom, scintillement d'opacité.
Texte – Court, menaçant. « Ne te retourne pas. » « Tu n'es pas seul. »
Audio – Grincement, chuchotement, statique, battement de cœur. Doit être initié par l'utilisateur ou muet par défaut (politique autoplay navigateur).
Interaction – Bouton fermer (clair), « Ne plus afficher » (localStorage), ou mini-jeu (clique le fantôme).
Test – Desktop, mobile, mouvement réduit, lecteurs d'écran. Assurer piège de focus, ÉCHAP pour fermer.
Éthique – Pas de flashs risque crise (>3 Hz). Avertir si intense. Jamais sur sites bancaires, médicaux, gouvernementaux, ou pour enfants. Opt-in préféré.

Stack d'exemple

Effrayez responsablement. La meilleure horreur est anticipée, pas forcée.