rodion kutsaiev xkEtD4Stn0I unsplash

Dark Mode: perché e come implementarla

🕒 2 minuti di lettura

💡 Cos’è la Dark mode

La Dark mode (modalità scura) è quella funzione di un sito che ti permette di passare da un design a fondo chiaro e testo nero a una a fondo scuro e testo chiaro e vice versa.

❓ A cosa serve?

A facilitare la lettura e in condizioni di luce intensa (ad esempio da mobile quando siamo all’aperto) o in penombra (come di notte).

Perché è importate?

👁️ per il benessere digitale

ossia il confort dei nostri occhi che passano una media di 6235 ore all’anno a guardare gli schermi retroilluminati di dispositivi digitali (secondo una ricerca del 2020 di Vision Direct).

329569561 195527663079773 8270632737901139821 n

🦾 è un’impostazione di accessibilità

Il toggle (interruttore) che vedi qui permette a chiunque di decidere quale modalità di lettura lə risulta più semplice, rendendo accessibili i contenuti testuali alle persone che leggono nelle condizioni e negli ambienti più diversi. La scelta ottimale per questo sarebbe aggiungere alle modalità light e dark una terza modalità dark a contrasto elevato (come fa per esempio Microsoft nella sua piattaforma Learn – tendina nel footer).

📖 È sempre necessaria?

Non sempre, dipende dal design del sito e dall’uso che ne facciamo. È sicuramente necessaria nel caso di un #blog, magazine o di qualsiasi altro sito in cui l’azione principale è la lettura di testi scritti, soprattutto se sono lunghi.

329046477 6335702399802890 1453408541750658327 n

🔧 Come si fa?

Ci sono diversi plugin ed estensioni che permettono di integrare una darkmode / lightmode nel proprio sito sviluppato con CMS Wordpress, Drupal e Joomla.

La mia preferita per WordPress è Darklooks, di base gratuita e abbastanza facilmente customizzabile con un po’ di codice, ti permette di decidere come trattare i colori generali, le eccezioni ecc.

In Wix e altre piattaforme, la funzione è direttamente integrata nell’editor.

Restano però ancora dei servizi, come Blogger, che non hanno queste estensioni, e in cui le funzioni di dark mode devono essere sviluppate direttamente usando linguaggi web.

✉️ E alla fine, se vuoi un consiglio o ti serve un aiuto per attivare e customizzare le light/dark mode sul tuo sito, contattami!

Condividi con tutt3:
Iscriviti
Notificami
guest

0 Commenti
Meno recenti
Più recenti
Inline Feedbacks
Tutti i commenti
0
Fammi sapere cosa ne pensi...x