La modalità scura è passata da gadget a opzione attesa in pochi anni. Sui sistemi operativi e sulle applicazioni è diventata standard. Sui negozi online resta rara, e la questione della sua utilità merita di essere posta seriamente invece che risolta dalla moda.
Cosa vogliono davvero gli utenti
Due motivazioni distinte, spesso confuse.
Il comfort con poca luce. È la ragione principale, e riguarda gli usi serali, a letto o in una stanza poco illuminata. Su un negozio il cui traffico si concentra di giorno, la posta in gioco è bassa.
La coerenza con il sistema. Un utente che ha attivato la modalità scura sul proprio dispositivo si aspetta che i siti la rispettino. Un sito in bianco brillante che si apre in mezzo a un’interfaccia scura produce un fastidio reale, indipendentemente dall’ora.
Questa seconda motivazione è quella che pesa di più, e ha una conseguenza progettuale: rispettare la preferenza di sistema deve essere il comportamento predefinito, con un selettore per forzarla in un senso o nell’altro.
Il punto sull’accessibilità
Contrariamente a un’idea diffusa, la modalità scura non è sistematicamente più accessibile.
Aiuta alcune persone, in particolare chi soffre di fotofobia o di certe emicranie. Ne ostacola altre: le persone con astigmatismo leggono spesso peggio il testo chiaro su fondo scuro, per un effetto alone attorno ai caratteri.
Ciò che è certo, invece: offrire la scelta è più accessibile che non offrirla. Il criterio non è sapere quale modalità sia migliore, ma lasciare decidere l’utente.
Ne discendono due regole tecniche. I contrasti vanno verificati in entrambe le modalità, il che raddoppia il lavoro di controllo. E il testo in bianco puro su nero puro va evitato: un grigio molto chiaro su un grigio molto scuro riduce l’affaticamento visivo.
Modulo Modalità Scura PrestaShop 8/9 — Tema scuro automaticoLa modalità scura che i suoi clienti si aspettano, senza toccare il tema.€59.00
Il costo reale di implementazione
È il punto che decide, ed è spesso sottovalutato.
Su un tema costruito con variabili di colore, aggiungere una modalità scura rappresenta una giornata di lavoro: ridefinite le variabili e provate. Su un tema in cui i colori sono scritti fissi nei fogli di stile, calcolate diversi giorni e una revisione in profondità.
Quattro voci si aggiungono sistematicamente, e vengono raramente previste.
Le immagini prodotto. Una foto scontornata su fondo bianco appare come un rettangolo bianco in mezzo a una pagina scura. Il trattamento presuppone o immagini su fondo trasparente, o uno sfondo di miniatura neutro.
I moduli di terze parti. Ciascuno porta i propri stili, che ignorano la vostra modalità scura. Un banner cookie, una chat o un carosello restano chiari.
I contenuti redazionali. Le descrizioni prodotto che contengono colori fissi, ereditati da un copia e incolla, risultano illeggibili.
Le email. Non sono interessate dalla modalità scura del sito, ma lo sono da quella del client di posta, ed è un cantiere a parte.
La questione del logo
Dettaglio concreto e sistematico: un logo nero su fondo trasparente sparisce in modalità scura. Serve una seconda versione, chiara, e un cambio secondo la modalità attiva.
Stesso problema per le icone, i pittogrammi di pagamento e i badge di fiducia. Prevedeteli fin dall’inizio, altrimenti li scoprirete uno a uno in produzione.
Allora, utile o gadget
La risposta dipende da due criteri misurabili sul vostro negozio.
La quota del vostro traffico serale, fra le 20 e mezzanotte. Oltre il 25 %, il comfort di lettura diventa un tema vero.
Il vostro pubblico. Con un pubblico tecnico, di sviluppatori, giocatori o professionisti dell’informatica, l’attesa è forte e la sua assenza si nota. Con un pubblico generalista più anziano è marginale.
Se nessuno dei due criteri è soddisfatto, la modalità scura è un investimento di comfort, non una leva commerciale. Questo non la squalifica, ma la mette dopo altri cantieri.
Se uno dei due è soddisfatto, diventa un elemento di qualità percepita, allo stesso titolo di un tempo di caricamento corretto: nessuno la compra, ma la sua assenza si nota.
Ciò che non bisogna fare
Tre errori che trasformano una buona idea in un problema.
Imporre la modalità scura senza possibilità di tornare al chiaro, con il pretesto della modernità.
Ignorare la preferenza di sistema e imporre la modalità chiara per impostazione predefinita a chi ha il dispositivo in scuro.
Consegnare una modalità scura parziale, dove il funnel d’ordine resta chiaro. L’incoerenza al momento del pagamento è peggio dell’assenza totale.
Il modulo Dark Mode per PrestaShop porta questa funzione su PrestaShop 8 e 9: rilevamento della preferenza di sistema con selettore manuale, adattamento dei colori senza revisione del tema, variante chiara del logo e copertura dei blocchi dei moduli di terze parti.