Glossario · Lettera C · Web e UX
Contrasto
Definizione in breve
Come regola generale, una volta definito la tonalità dominante, è opportuno scegliere un colore a contrasto per la CTA. La tecnica base del linguaggio visivo è il contrasto. L’utente è attratto dagli elementi che spiccano rispetto al resto, ovvero da quelle parti del nostro layout che rompono l’uniformità visiva.
- Voci nel tema
- 109
- Web e UX
- Lettera
- C
- Indice A–Z
- Si usa in
- Web e UX
- Dove serve nel lavoro
- Lettura
- 1 min
- Tempo stimato
In questa pagina 4 sezioni
Che cosa significa Contrasto
Contrasto ovvero l’uso di un colore per richiamare l’attenzione su un elemento della pagina. Come regola generale, una volta definito la tonalità dominante, è opportuno scegliere un colore a contrasto per la CTA.
La tecnica base del linguaggio visivo è il contrasto.
L’utente è attratto dagli elementi che spiccano rispetto al resto, ovvero da quelle parti del nostro layout che rompono l’uniformità visiva.
Utilizzare un colore differente, gli spazi corretti, una bordatura, una sottolineatura, un peso differente del font, aiuterà l’occhio a concentrarsi sull’elemento che vogliamo tematizzare.
Un esempio
Inutile sottolineare che saranno soprattutto gli anchor link e le CTA (call to action) a beneficiare maggiormente di questi accorgimenti.
Anche leggere animazioni, forme differenti degli elementi e immagini possono concorrere a ottenere lo scopo prefissato.
Il contrasto avviene anche su base temporale, come per esempio una mail o una notifica inviata prima dell’usuale periodicità a cui abbiamo abituato i nostri utenti.
Il principio di contrasto ci spinge a valutare diversamente un prodotto o un oggetto a seconda di ciò che ci è stato mostrato in precedenza
03Come lo applichiamo noi
Un sito è un’infrastruttura: deve essere veloce, accessibile e collegata
Nei nostri progetti il sito nasce già connesso al CRM e ai sistemi aziendali, conforme agli standard W3C, e si misura sulle richieste che genera.
- 01
La velocità si tratta come un requisito, non come un extra
Pagine leggere, immagini giuste, nessuna libreria inutile: la prestazione si verifica a ogni rilascio, non una volta al lancio.
- 02
Ogni modulo finisce in una pipeline
Un modulo che invia solo una email è un contatto che si perde. I dati arrivano nel CRM, con la provenienza e un responsabile.
- 03
L’accessibilità allarga il pubblico
Contrasti, tastiera, testi alternativi: un sito accessibile è usabile da più persone e viene letto meglio anche dai motori.
04Voci correlate
Per capire Contrasto nel suo contesto
Le voci del glossario che stanno accanto a questa: leggerle insieme serve più che leggerne una sola.
-
Web e UX
Call to Action
Call to Action si tratta dell’invito all’azione, ovvero l’elemento di una pagina su cui gli utenti devono cliccare. È…
-
Web e UX
Conversion Centered Design
Più precisamente il Conversion Centered Design, o CCD, consiste nel decidere il design di una landing page…
-
Web e UX
Continuità
Quale è dunque la corretta definizione della continuità aziendale? Possiamo dire che un’impresa rispetta la continuità…
-
Web e UX
Conversion Coupling
Conversion Coupling è il legame che esiste tra l’esperienza che precede il click e la conseguente, post click…
-
Web e UX
Contesto di Utilizzo
Contesto di Utilizzo ovvero la chiara dimostrazione di come un prodotto o servizio soddisfa le esigenze degli utenti…