Sposta il cursore vicino al pulsante della lista d'attesa sulla landing page e Mr. Grummel, disegnato accanto a esso, si mostra compiaciuto. Allontanati e si raffredda — severo, poi infastidito, poi, abbastanza lontano, visibilmente furioso, fumo compreso. Si legge come un personaggio che si accorge di te. Sotto la superficie, è una semplice formula di distanza eseguita dentro un callback requestAnimationFrame a ogni movimento del mouse: compiaciuto sotto i 180 pixel dal centro del pulsante, severo sotto i 420, infastidito sotto i 700, furioso oltre. Nessun machine learning, nessun rilevamento di intenzione — l'intera gamma emotiva di un insegnante, ridotta a quattro soglie numeriche.
Una regola che ha la precedenza sulla distanza
Il calcolo della distanza ha una clausola di eccezione: porta il cursore direttamente sul pulsante e lui smette del tutto di valutare la distanza ed esulta, e quello stato resta finché non te ne vai. Deve avere la precedenza su tutto il resto, perché il momento in cui sei sul pulsante è il momento in cui la sua opinione su di te smette di essere rilevante. Un personaggio che continuasse a fumare di rabbia mentre stai cliccando starebbe leggendo il segnale sbagliato nel preciso istante in cui il segnale ha smesso di contare.
Il quiz nella pagina gestisce un sistema di umore correlato ma separato, basato sulle risposte invece che sulla posizione del cursore. Una serie di due risposte corrette guadagna "compiaciuto"; una risposta sbagliata fa salire di uno un contatore di escalation, con un tetto di tre, e ogni risposta sbagliata azzera anche la serie. Tre sbagliate di fila e diventa "furioso", con un foglio che sbatte e una tinta dello schermo che seguono entrambi lo stesso contatore. Se poi ne indovini una, il contatore scende di un gradino invece di azzerarsi del tutto — una serie negativa costa gradualmente, e una serie positiva si riguadagna nello stesso modo.
La parte che deve restare disattivata
Tracciare ogni movimento del mouse per alimentare un'animazione in continuo aggiornamento è esattamente il tipo di movimento che prefers-reduced-motion: reduce esiste per disattivare, quindi l'ascoltatore che segue il cursore controlla quell'impostazione una sola volta, all'inizio, e non si aggancia affatto se è attiva. È un compromesso reale, non gratuito: chi ha quella preferenza attiva riceve comunque gli umori discreti — hover, focus, una risposta sbagliata al quiz arrivano comunque tutti — perde solo la versione continua del "ti sta osservando avvicinarti". Abbiamo scelto la versione che rispetta l'impostazione per intero invece di una che annacqua il movimento e ne spedisce comunque una parte, perché un'impostazione rispettata "per lo più" è un'impostazione non rispettata.
Di cosa non siamo ancora sicuri
Una metafora "distanza da un pulsante" per il "coinvolgimento" è un'ipotesi ragionevole e nient'altro — chi legge la pagina con attenzione tenendo il cursore parcheggiato in un angolo non è meno coinvolto, semplicemente non viene tracciato correttamente da una formula che conosce solo i pixel. Non abbiamo misurato se il sistema di umori spinga qualcuno verso la lista d'attesa oppure venga solo notato e faccia sorridere una volta. Sono due esiti diversi, e al momento abbiamo prove solo del secondo.
Niente di tutto questo fa parte del programma — è una nota su come è costruita questa pagina marketing, non qualcosa su cui l'app ti interroga. Se le formule di distanza e gli ascoltatori di eventi sono il genere di cose su cui preferiresti essere interrogato piuttosto che leggere, la materia Informatica dell'app copre gli elementi di base più semplici che stanno alla loro radice, a partire da Programmazione.