Scegliere i colori giusti per e-mail e pagine di destinazione efficaci

Pubblicato: 2014-08-28

Il colore è potente: può comunicare emozioni, attirare l'attenzione, creare uno stato d'animo e fare una dichiarazione. Può anche far risaltare la tua email dalla massa. Ma ancora più importante, la giusta combinazione di colori può garantire che le tue campagne di marketing online siano accessibili e leggibili a tutti i tipi di pubblico. Diamo un'occhiata ai diversi modi in cui il colore può trasmettere il tuo messaggio ed esaminiamo alcune best practice e strumenti online per l'accessibilità visiva.

Scatola dei colori Impostazione dell'atmosfera

I colori sono ottimi per evocare una sensazione generale nelle tue e-mail e pagine di destinazione. Secondo The Logo Company, i seguenti tratti sono generalmente associati a ciascun colore:

  • Rosso: Eccitazione, energia, audacia, romanticismo
  • Verde: Pace, crescita, salute, naturale
  • Blu: fiducia, affidabilità, forza, calma
  • Arancione: Fiducia amichevole, allegra, creatività
  • Nero: forza, potenza, precisione
  • Bianco: Pulito, semplice, facile

Naturalmente, le implicazioni del colore possono cambiare nel tempo: fino agli anni '40, i ragazzini indossavano il rosa, non le ragazze. Le implicazioni possono anche cambiare mentre viaggi per il mondo. Se stai facendo marketing per un pubblico globale, tieni presente che lo stesso colore può avere significati diversi per segmenti di pubblico diversi. Ad esempio, il viola è il colore del privilegio e della ricchezza in Giappone, ma in Brasile è spesso il colore del lutto. In Cina, il rosso può connotare buona fortuna e felicità; in altre culture può implicare guerra, pericolo o desiderio.

Combinazione di colori

Nell'e-mail e nel web design, anche il colore gioca un ruolo importante nel guidare il lettore verso messaggi importanti e inviti all'azione. Troppi colori possono distrarre. Troppi pochi colori possono rendere il tuo messaggio confuso o meno interessante. Il colore può impostare l'intera gerarchia di un messaggio. Quando qualcosa (come un pulsante) è colorato e risalta sullo sfondo, il tuo occhio viene automaticamente attratto per primo da esso.

pagina-di-destinazione-e-mail
Questa e-mail fa una dichiarazione festosa senza essere sgargiante. La pagina di destinazione corrisponde anche al design generale e alla combinazione di colori dell'e-mail.

Hai notato qualcos'altro sui colori in questa e-mail e pagina di destinazione corrispondenti? I colori sono abbastanza complementari. Ciò significa che vivono ai lati opposti della ruota dei colori. Quando vuoi trovare due colori che stiano bene insieme (e risaltino l'uno contro l'altro), i colori complementari sono un ottimo punto di partenza. In questo esempio, hanno utilizzato anche il rosso più vivace come pulsante di invito all'azione (CTA).

La combinazione di tre colori adiacenti sulla ruota dei colori è nota come schema di colori analogo. Giallo, giallo-verde e verde spesso stanno bene insieme, così come rosso, rosso-arancio e arancione. Puoi anche utilizzare una combinazione di colori monocromatici, come combinare il nero con sfumature di grigio o il rosso con i rosa. Assicurati solo che ci sia molto contrasto, in modo che qualsiasi testo su uno sfondo colorato sia completamente leggibile.

Mantenerlo leggibile

Quando si tratta di scegliere i colori giusti per e-mail efficaci, è importante ricordare che le persone con disabilità visive potrebbero avere difficoltà a navigare nel tuo design. Color Universal Design (CUD) è un sistema di design originariamente sviluppato in Giappone che aveva lo scopo di aiutare i designer a prendere in considerazione le persone con vari tipi di visione dei colori. I principi fondamentali del Color Universal Design sono:

  • Scegli combinazioni di colori che possano essere facilmente identificate da persone con tutti i tipi di visione dei colori, in considerazione delle effettive condizioni di illuminazione e dell'ambiente di utilizzo.
  • Utilizza non solo colori diversi, ma anche una combinazione di forme, posizioni, tipi di linea e modelli di colorazione diversi per trasmettere informazioni in più modi a tutti gli utenti, compresi quelli che non sono in grado di distinguere le differenze di colore.
  • Indicare chiaramente i nomi dei colori in cui gli utenti dovrebbero utilizzare i nomi dei colori nella comunicazione.
  • Mira a design visivamente amichevoli e belli.

Una qualche forma di daltonismo colpisce circa l'8% degli uomini e l'1% delle donne, il che significa che l'utilizzo di elementi ad alto contrasto è sempre una buona idea. Adobe Photoshop supporta CUD con le sue funzionalità di soft proofing: aiutano i designer a vedere come potrebbe apparire un'immagine per le persone con diversi tipi di daltonismo.

Puoi anche utilizzare uno strumento online come il simulatore di daltonismo per vedere come apparirà un grafico a qualcuno che è daltonico.

Ecco come si traduce il logo Act-On per tre principali tipi di problemi alla vista.

Logo Protanopia
Protanopia: l'incapacità di vedere il colore rosso o di distinguerlo dal verde o dal verde bluastro.

Logo della deuteranopia
Deuteranopia: L'incapacità di vedere il colore verde o di distinguerlo dal rosso.

Tritanopia-act-on-logo
Tritanopia: l'incapacità di distinguere il blu dal giallo, il blu dal verde e il giallo dal viola.

Usa uno strumento come la ruota dei colori di accessibilità per testare la tua scelta di una coppia di colori (ad esempio, testo su uno sfondo). Può aiutarti a capire come appare la combinazione a diversi tipi di daltonismo e come la luminosità e il contrasto si confrontano con gli standard definiti dal World Wide Web Consortium (W3C). Troverai ulteriori linee guida e risorse per contribuire a rendere Internet accessibile alle persone con disabilità sul sito del W3C.

Riflettere il tuo marchio

Quando si progettano messaggi e-mail e pagine di destinazione, è anche importante rafforzare continuamente il proprio marchio. Tieni a mente la tavolozza dei colori del tuo marchio generale e, se ti discosti dal tuo aspetto tradizionale, fallo in un modo che sia ancora riconoscibile per il tuo pubblico. I colori e gli elementi di design che utilizzi nelle tue campagne e-mail non devono corrispondere o rispecchiare esattamente il tuo marchio, ma dovrebbero riflettere il tuo stile e tono generale. Questo tipo di coerenza aiuta a creare fiducia nelle menti dei tuoi lettori.

bandiera-canada
Ah, Canada. Ti distingui in mezzo alla folla.

Ad esempio, nella creazione di un'e-mail e di una pagina di destinazione per un webinar Act-On sulla nuova legislazione anti-spam del Canada, sarebbe stato molto allettante incorporare la bandiera canadese nel design. Dopo tutto, il rosso è un colore potente, e niente dice il Canada come la foglia d'acero scarlatta.

Invece, abbiamo utilizzato colori ed elementi di design che rafforzassero l'identità del nostro marchio nell'e-mail e li abbiamo trasferiti anche sulla pagina di destinazione. In questo modo, i nostri lettori possono essere certi che non si tratta di una sorta di messaggio di spam in sé e per sé.

act-on-e-mail-landingpage
Ma la considerazione sul colore più importante di tutte è questa: cosa funziona per il tuo pubblico? Hai testato una varietà di diverse combinazioni di colori nelle tue campagne e-mail? Hai provato diverse opzioni di colore dei pulsanti? Hai eseguito test A/B delle tue pagine di destinazione? I test sono il modo migliore per scoprire cosa risuona con i tuoi clienti e potenziali clienti e i risultati parleranno da soli.

Hai appena iniziato con l'email marketing? Fai il salto con questo toolkit gratuito:

Introduzione a Toolkit per l'email marketing