Progettare Mole per restare discreto

Ho passato un giorno a ridisegnare mole.fit, la pagina che stai leggendo. Quando ne ho scritto ho messo una riga: silenzioso, affidabile, non ti sta tra i piedi, la stessa filosofia dell’app. Questo è il brief di design di Mole dal primo script di shell. Ecco cosa significa in pratica.

Quiet è un vincolo

Quiet sembra un umore, ma per uno strumento è un insieme di regole rigide. Un pannello è o completamente disegnato o nascosto, così non c’è una scheda a metà o una superficie di risultati che si assembla pezzo per pezzo. Una scansione termina prima che lo schermo entri nello stato di risultato. Le attese brevi non mostrano nulla; quelle più lunghe mostrano un solo stato di lavoro calmo. I layout di completamento riservano il loro spazio prima che arrivino i dati, così la finestra non salta.

Sono vincoli di engineering, non decorazione. Richiedono stati di operazione espliciti, indicatori di caricamento ritardati, dimensioni stabili dei contenitori e percorsi di annullamento. Senza quel meccanismo, aggiungere una transizione anima solo l’incertezza. La calma che l’utente vede nasce dal rendere prevedibile il lavoro asincrono sotto sotto.

Il punto di tutto questo è uno strumento che non devi stare a guardare. Gli chiedi di fare qualcosa, lo fa e ti restituisce lo schermo. Un software che lampeggia e si riorganizza chiede un’attenzione che non si è guadagnato, e uno strumento di manutenzione non se n’è guadagnata nessuna: dovrebbe sembrare più un elettrodomestico ben fatto che un’app da controllare di continuo.

Mostra il lavoro prima di toccare qualsiasi cosa

La decisione di design più importante in Mole è mostrare il piano di eliminazione con le dimensioni e aspettare la conferma. Le rimozioni ordinarie di file utente vanno nel Cestino, dove restano recuperabili, e le radici di navigazione come la cartella home non hanno opzione di eliminazione. L’interfaccia stabilisce l’intento, ma il livello di servizio valida comunque ogni percorso al momento dell’esecuzione. Una sola schermata di avviso non è un confine di sicurezza.

Qui la sicurezza è la forma dell’app, non una finestra di dialogo agganciata alla fine. La discovery non può eliminare. La conferma crea un piano delimitato. L’esecuzione ricontrolla identità e percorsi protetti, e il risultato riporta separatamente elementi rimossi, saltati e falliti. La revisione prima dell’azione è la metà visibile; la validazione indipendente è la metà invisibile.

Perché un cleaner ha un sistema solare

Un utility così avrebbe potuto essere un’icona nella barra dei menu con un pulsante di pulizia, e avrebbe venduto lo stesso. Io gli ho dato cinque pianeti. Nel mondo c’è già troppo software generato e usa e getta, e se dovevo metterci lo sforzo volevo un risultato con cui fosse piacevole stare.

Ogni funzione è un pianeta il cui carattere corrisponde al lavoro: Clean è la Terra, Software è Marte, Optimize è Mercurio, Analyze è Giove e Status è il Sole. La disciplina è che resta un solo sistema, non cinque ornamenti. Le texture arrivano da immagini astronomiche, con la Terra basata sulla Blue Marble della NASA; la direzione di rotazione e il ritmo relativo seguono i corpi reali, e ogni pianeta è disegnato dallo stesso codice a poche dimensioni fisse. La bellezza in uno strumento va bene finché è costruita come il resto dello strumento. La storia più lunga di come sono nati i pianeti è un pezzo a parte.

La restraint è il sistema

Gran parte del lavoro di design in Mole è sottrazione. L’app è solo scura, di proposito. Il pannello della barra dei menu fluttua sul wallpaper come un HUD, e il vetro scuro riduce il riverbero, così non c’è una modalità chiara da mantenere né un interruttore di tema su cui ragionare. C’è una sola scala tipografica per tutta l’app e una per il sito, e nessun elemento riceve una dimensione o un colore una tantum: ogni valore arriva da un token condiviso, ed è per questo che le pagine si leggono equilibrate senza che niente urli.

E tante buone funzioni non escono mai. Un Mac ha molti trucchi carini che Mole potrebbe fare e non dovrebbe, perché uno strumento a cui affidi l’eliminazione di file deve restare abbastanza piccolo da starci in testa. Dire no a una buona idea è più difficile che aggiungerla, ed è gran parte di ciò che tiene l’app calma. Ho scritto a parte su decidere cosa non costruire.

La restraint vale anche per l’accessibilità. La quiete visiva non basta se il focus salta, i controlli hanno etichette vaghe o un’animazione nasconde lo stato a VoiceOver. Ordine di lettura, raggiungibilità da tastiera, reduced motion e focus stabile fanno parte della stessa promessa: l’interfaccia deve consumare quanta meno attenzione dell’utente il compito consente.

Quella regola cambia anche i pianeti. Quando Reduce Motion è attivo, la rotazione decorativa si ferma e i cambi di stato evitano il movimento spaziale. Il pianeta può portare identità senza esigere motion, e nessuna operazione dipende dal guardarlo animarsi. Quiet non è uno stile visivo fisso; è rispettare quanta stimolazione l’utente ha chiesto.

Una filosofia, tre superfici

Mole è uno strumento da riga di comando, un’app per Mac e questo sito, e il brief è lo stesso per tutti e tre. La CLI scava a fondo ma resta delimitata e sicura. L’app rende quel lavoro visibile senza renderlo rumoroso. Il sito cerca di dirti cosa fa l’app e poi di togliersi di mezzo, ed è per questo che il redesign ha preso un giorno e non un mese: c’era poco da aggiungere, solo cose da togliere.

Questo è tutto: un quiet keeper, e nient’altro. Per il tuo Mac, o per quello di un amico. Che il tuo tempo resti tuo.