Vai al contenuto

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
  1. 01 Che cosa significa Contrasto
  2. 02 Un esempio
  3. 03 Come lo applichiamo noi
  4. 04 Voci correlate

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.

  1. 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.

  2. 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.

  3. 03

    L’accessibilità allarga il pubblico

    Contrasti, tastiera, testi alternativi: un sito accessibile è usabile da più persone e viene letto meglio anche dai motori.

Tema Web e UX · 109 voci
Richiedi l’Audit Gratuito · videochiamata di 45 minuti WhatsApp