Molti articoli promettono il colore che «aumenta le vendite»: il pulsante rosso, l’arancione che crea urgenza, il blu che dà fiducia. Le prove a sostegno di queste regole universali sono deboli: lo stesso colore funziona in un sito e non in un altro, perché conta il contesto, non la tinta in sé.
Quello che invece si può misurare è più concreto: si legge bene? Si capisce dove cliccare? Il sito sembra dell’azienda giusta? Qui trovi cosa conta davvero quando scegli i colori di un sito che deve portare richieste.
Il colore non vende da solo: cosa fa davvero?
Il colore guida lo sguardo e dà identità. Aiuta il visitatore a riconoscere il marchio, a capire cosa è importante nella pagina e a trovare l’azione da fare. Se queste tre cose funzionano, le conversioni ne beneficiano; se il colore le confonde, nessuna tinta «psicologica» rimedia.
1. Il contrasto viene prima di tutto
Un testo grigio chiaro su fondo bianco può sembrare elegante, ma molte persone fanno fatica a leggerlo, soprattutto da telefono e all’aperto. Le linee guida per l’accessibilità (WCAG) chiedono un rapporto di contrasto di almeno 4,5:1 per il testo normale e 3:1 per i testi grandi e i componenti come bordi e icone.
Cosa fare: controlla le combinazioni principali (testo, link, pulsanti) con un verificatore di contrasto, per esempio quello di WebAIM o gli strumenti per sviluppatori del browser.
2. Un colore per le azioni, e solo per quelle
Il pulsante principale («Richiedi un preventivo», «Acquista», «Prenota») deve distinguersi da tutto il resto. Il modo più semplice è riservargli un colore che non usi altrove nella pagina. Se lo stesso colore è usato per titoli, icone e decorazioni, il pulsante si perde.
Cosa fare: un colore d’azione, usato solo per i pulsanti e i link più importanti; i pulsanti secondari in una versione neutra (contorno o grigio).
3. Pochi colori, usati sempre allo stesso modo
Una tavolozza efficace ha di solito un colore principale (il marchio), un colore d’azione, uno o due neutri per testi e sfondi e un paio di colori di stato (conferma, errore, avviso). Più colori si aggiungono, più il sito sembra disordinato e meno ognuno di loro comunica qualcosa.
4. Coerenza con il marchio e con il settore
Il visitatore si fida di più quando il sito somiglia al resto dell’azienda: logo, biglietti da visita, mezzi, cataloghi. Ha senso anche guardare il proprio settore, non per copiarlo ma per non sembrare fuori posto, e per distinguersi dove serve.
5. Colori di stato chiari
Errori in un modulo, messaggi di conferma, avvisi: devono essere riconoscibili subito. Non affidarti solo al colore (una parte delle persone non distingue bene rosso e verde): affianca un’icona o un testo chiaro, come «Campo obbligatorio».
6. Tema scuro: sì, ma progettato
Un sito scuro può essere molto efficace, ma richiede più attenzione: testi non troppo grigi, colori d’azione abbastanza luminosi, immagini che non spariscano sullo sfondo. Il contrasto va verificato anche qui.
Come capire se i colori funzionano?
- Guarda le pagine principali da telefono, con il sole o con la luminosità bassa.
- Chiedi a qualcuno che non conosce il sito di trovare il pulsante per contattarvi: quanto ci mette?
- Se hai traffico sufficiente, prova due versioni del pulsante principale e misura le richieste, non i clic.
- Controlla il contrasto di testi, link e pulsanti.
Checklist
- Testo leggibile: contrasto almeno 4,5:1.
- Un colore riservato alle azioni principali.
- Tavolozza corta: marchio, azione, neutri, stati.
- Coerenza con il resto dell’azienda.
- Errori e conferme riconoscibili anche senza colore.
Se vuoi rivedere grafica e leggibilità del tuo sito, puoi partire dalla pagina sui nostri siti web o chiederci un preventivo con il percorso guidato.
