Come creare un pop-up spaventoso: design, tempistica ed etica

Creare un pop-up spaventoso (per un gioco, sito di Halloween o scherzo) richiede più di un jumpscare. Ecco un framework responsabile:

Trigger – Clic, profondità di scorrimento, timer (es. 10s di inattività), intenzione di uscita. Evita l'auto-avvio al caricamento.
Visuali – Tavolozza scura, alto contrasto, immagini inquietanti (volto distorto, ombra, glitch). Animazioni CSS: scuotimento, zoom, sfarfallio opacità.
Testo – Breve, minaccioso. "Non voltarti." "Non sei solo."
Audio – Scricchiolio, sussurro, statico, battito cardiaco. Deve essere avviato dall'utente o disattivato per default (criterio di autoplay del browser).
Interazione – Pulsante di chiusura (chiaro), "Non mostrare più" (localStorage), o mini-gioco (clicca il fantasma).
Test – Desktop, mobile, movimento ridotto, screen reader. Assicurati focus trap, ESC per chiudere.
Etica – Nessun flash a rischio convulsioni (>3 Hz). Avvisa se intenso. Mai su siti bancari, medici, governativi o per bambini. Opt-in preferito.

Stack di esempio

Spaventa responsabilmente. Il miglior horror è anticipato, non forzato.