SlideShare uma empresa Scribd logo
1 de 30
Baixar para ler offline
Scelta dei colori e usabilità sul web,[object Object],Gianpaolo Lorusso per gtConference, 20/6/2009,[object Object]
Gianpaolo Lorusso,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Mi interesso di web marketing e motori di ricerca dal 1999,[object Object],Sono stato responsabile marketing di una delle 20 più grandi web agency italiane,[object Object],Consulente per i progetti web di molte tra le più grandi aziende italiane e per alcune agenzie di comunicazione,[object Object]
Impatto emotivo e navigazione,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Studi dr.ssa Lindgaard (CarletonUniversity),[object Object],50 millisecondi (1/20 di secondo),[object Object],Studi neurofisiologici:,[object Object],Livello pre-cognitivo,[object Object],Livello logico-cognitivo,[object Object]
Codice cromatico universale,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Non esiste alcun codice valido per tutte le culture mondiali,[object Object],Linee guida per la scelta e l’accostamento di colori e elementi grafici,[object Object],Limiti imposti dal media Internet,[object Object]
Cosa sono i colori,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Il colore come noi lo percepiamo deriva  da segnali nervosi generati dalla retina  quando viene colpita da radiazioni elettromagnetiche di determinate lunghezze d'onda e intensità,[object Object]
La classificazione dei colori,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Mescolanze additive e sottrattive,[object Object],Modello RGB (rosso, verde, blu),[object Object],Modello HSB (tonalità, saturazione e luminosità),[object Object],Modello RGY (rosso, verde, giallo),[object Object],Modello CMYK (ciano, magenta, giallo, nero),[object Object]
La ruota cromatica RGY,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object]
I colori “web safe”,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],I colori sicuramente gestiti dalle schede grafiche dei computer di tutto il mondo sono 216. Ma…,[object Object],Fonte: www.shinynews.it,[object Object]
…e quindi?,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Le difficoltà nella scelta dei colori per un sito web sono legate più che alla selezione dei singoli colori (spesso subordinati ai colori della comunicazione aziendale) alla individuazione delle loro combinazioni più gradevoli e funzionali. ,[object Object]
Quali combinazioni preferire,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Non più di 3-4 colori,[object Object],Combinazioni di colori presenti in natura,[object Object],Uniformità di uso in tutto il sito (a meno di casi particolari, es.: divisioni o società controllate),[object Object],Colori caldi (rosso) o freddi (blu),[object Object],Tonalità e luminosità diverse,[object Object],Colori contrastanti o contigui,[object Object]
Quando usare il contrasto,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Per identificare ciò che è cliccabile,[object Object],Calltoaction,[object Object],Indirizzare verso l’azione obiettivo,[object Object],Uso in zone della pagina a minore visibilità,[object Object],Per indicare come si usano i servizi,[object Object],Per identificare i servizi in primo piano (a maggior valore aggiunto),[object Object]
Quando usare la contiguità,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Nel corpo centrale della pagina,[object Object],Quando si vuole favorire la lettura “profonda”,[object Object],Quando non si vuole sovraccaricare il navigatore di stimoli visivi,[object Object],Per rilassare l’utente,[object Object],Negli sfondi (mantenendo però sufficiente contrasto con i testi),[object Object]
Il Rosso,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Colore della passione (sangue e fuoco),[object Object],Potente richiamo dell’attenzione,[object Object],Errore - stop,[object Object],Aggressività,[object Object],Violenza – eccitazione,[object Object],Normalmente non bisogna eccedere nel suo uso,[object Object]
Il Marrone,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Colore della terra,[object Object],Mitiga gli aspetti negativi del rosso,[object Object],Stabilità e credibilità,[object Object],Variazione terrecotte gradite agli utenti nord europei,[object Object],Fecondità, crescita,[object Object]
Il Rosa,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Il colore del fiore,[object Object],Dolcezza, profumo, sensibilità e grazia (come il fiore),[object Object],Aspetti romantici,[object Object],Femminilità,[object Object],Non violenza,[object Object],Minore richiamo all’azione rispetto al rosso,[object Object]
L’arancione,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Sorgere e tramonto del sole,[object Object],Spesso associato ad offerte speciali,[object Object],Energia ed equilibrio,[object Object],Estroversione ed apertura,[object Object],Nelle varianti collegate agli agrumi può stimolare l’appetito ,[object Object]
Il giallo,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Colore della luce solare,[object Object],Brillantezza e intelligenza,[object Object],Calore e originalità ,[object Object],Spiritualità,[object Object],Difficile da abbinare, va spesso sottolineato con colori più forti,[object Object],Le varianti più scure (eccetto il color oro) sono abbinate a stati di malattia,[object Object]
Il blu,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Il colore del cielo e del mare,[object Object],E’ considerato il colore universalmente più gradito (soprattutto agli uomini),[object Object],Evoca calma, professionalità, affidabilità e saggezza,[object Object],In alcune varianti può calmare la fame,[object Object],Nelle varianti più chiare evoca salute, tranquillità e delicatezza,[object Object]
Il verde,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],E’ il colore delle foglie, dei prati e dei boschi,[object Object],E’ uno tra i colori più riposanti e gradevoli in assoluto,[object Object],Evoca natura, armonia e stabilità,[object Object],In opposizione al rosso denota un procedimento o un’area sicura,[object Object],Negli USA richiama il colore del denaro,[object Object]
Il viola,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Colore binario (conciliazione degli opposti),[object Object],A seconda della prevalenza del rosso o del blu evoca sensazioni molto differenti,[object Object],Mediazione tra corpo e spiritualità,[object Object],Associa alla stabilità del blu l’energia del rosso,[object Object],Evoca nobiltà, lusso, mistero e magia,[object Object],Le varianti più scure evocano eventi luttuosi,[object Object]
Il bianco,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Il colore dell’alba, della neve e della luna,[object Object],Evoca perfezione, purezza, innocenza, pulizia, igiene e lucentezza,[object Object],In opposizione al nero ha spesso un significato positivo,[object Object],Associato spesso al freddo e ad ambienti medici o di cura,[object Object],Somma di tutti i colori o assenza degli stessi,[object Object]
Il Nero,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Il nero rappresenta l’assenza di colore,[object Object],Associato spesso all’origine di tutte le cose e al male (soprattutto in contrapposizione al bianco),[object Object],Evoca eleganza, potere, mistero, morte, paura,[object Object],Colore molto formale, denota anche prestigio e autorità,[object Object],Conferisce profondità, ma diminuisce la leggibilità se usato come sfondo,[object Object]
Come guardiamo i siti web ,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Fonte: Marketing Sherpa,[object Object]
Come guardiamo i siti web ,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Fonte: Marketing Sherpa,[object Object]
Il carattere e i blocchi grafici ,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Caratteri non troppo chiusi e senza grazie,[object Object],Sufficiente contrasto testo/sfondo,[object Object],Alto-basso (no tutto maiuscolo),[object Object],Immagini di visi femminili,[object Object],Elenchi puntati,[object Object],Icone,[object Object],Elementi in movimento,[object Object]
Piccolo test,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Oggi è Nato un Bel Bambino,[object Object],tutto biondo e ricciolino,[object Object]
La “bellezza” sul web,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Layout chiaro,[object Object],Navigazione immediata (test di usabilità),[object Object],Non troppi blocchi grafici e di testo,[object Object],Uso degli spazi vuoti (equilibrio vuoti/pieni),[object Object],Grafica professionale (sfumature ed effetti rilievo/3D),[object Object],Immagini non di repertorio e non troppo grandi,[object Object]
Test di usabilità low cost,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],3-5 utenti individuano 80% dei problemi di un sito,[object Object],Selezione dei candidati,[object Object],Assegnare dei compiti,[object Object],Misurare tassi di successo e tempi,[object Object],Registrare audio e schermo,[object Object],Il facilitatore non deve aiutare/indirizzare,[object Object]
Guida alla valutazione dei siti web,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object],Nella guida troverete tutti i concetti alla base di questa presentazione.,[object Object],Versione 3.0 (maggio 2009),[object Object],Scaricabile gratuitamente da:,[object Object],www.gplorusso.it,[object Object]
Grazie per l’attenzione,[object Object],Gianpaolo Lorusso per gtConference - 20/06/2009,[object Object]

Mais conteúdo relacionado

Mais de Gianpaolo Lorusso

Measuring AdWords optimization in 5 minutes checking 3 KPIs
Measuring AdWords optimization in 5 minutes checking 3 KPIsMeasuring AdWords optimization in 5 minutes checking 3 KPIs
Measuring AdWords optimization in 5 minutes checking 3 KPIsGianpaolo Lorusso
 
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)Gianpaolo Lorusso
 
Remarketing e Retargeting AdWords: istruzioni per l'uso
Remarketing e Retargeting AdWords: istruzioni per l'usoRemarketing e Retargeting AdWords: istruzioni per l'uso
Remarketing e Retargeting AdWords: istruzioni per l'usoGianpaolo Lorusso
 
Landing page e ottimizzazione delle conversioni
Landing page e ottimizzazione delle conversioniLanding page e ottimizzazione delle conversioni
Landing page e ottimizzazione delle conversioniGianpaolo Lorusso
 
Le ultime novità AdWords direttamente dal Be Wizard 2014
Le ultime novità AdWords direttamente dal Be Wizard 2014Le ultime novità AdWords direttamente dal Be Wizard 2014
Le ultime novità AdWords direttamente dal Be Wizard 2014Gianpaolo Lorusso
 
Le ultime novità AdWords ADworld Experience
Le ultime novità AdWords ADworld ExperienceLe ultime novità AdWords ADworld Experience
Le ultime novità AdWords ADworld ExperienceGianpaolo Lorusso
 
5 mosse per ottimizzare il tuo account Adwords
5 mosse per ottimizzare il tuo account Adwords5 mosse per ottimizzare il tuo account Adwords
5 mosse per ottimizzare il tuo account AdwordsGianpaolo Lorusso
 
Usabilita vuol dire conversioni?
Usabilita vuol dire conversioni?Usabilita vuol dire conversioni?
Usabilita vuol dire conversioni?Gianpaolo Lorusso
 
Usabilità vuol dire fiducia?
Usabilità vuol dire fiducia?Usabilità vuol dire fiducia?
Usabilità vuol dire fiducia?Gianpaolo Lorusso
 

Mais de Gianpaolo Lorusso (10)

Measuring AdWords optimization in 5 minutes checking 3 KPIs
Measuring AdWords optimization in 5 minutes checking 3 KPIsMeasuring AdWords optimization in 5 minutes checking 3 KPIs
Measuring AdWords optimization in 5 minutes checking 3 KPIs
 
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)
Measure your AdWords optimization level in 5 minutes (PPCMasters 2015)
 
Remarketing e Retargeting AdWords: istruzioni per l'uso
Remarketing e Retargeting AdWords: istruzioni per l'usoRemarketing e Retargeting AdWords: istruzioni per l'uso
Remarketing e Retargeting AdWords: istruzioni per l'uso
 
Landing page e ottimizzazione delle conversioni
Landing page e ottimizzazione delle conversioniLanding page e ottimizzazione delle conversioni
Landing page e ottimizzazione delle conversioni
 
Le ultime novità AdWords direttamente dal Be Wizard 2014
Le ultime novità AdWords direttamente dal Be Wizard 2014Le ultime novità AdWords direttamente dal Be Wizard 2014
Le ultime novità AdWords direttamente dal Be Wizard 2014
 
Le ultime novità AdWords ADworld Experience
Le ultime novità AdWords ADworld ExperienceLe ultime novità AdWords ADworld Experience
Le ultime novità AdWords ADworld Experience
 
5 mosse per ottimizzare il tuo account Adwords
5 mosse per ottimizzare il tuo account Adwords5 mosse per ottimizzare il tuo account Adwords
5 mosse per ottimizzare il tuo account Adwords
 
Usabilita vuol dire conversioni?
Usabilita vuol dire conversioni?Usabilita vuol dire conversioni?
Usabilita vuol dire conversioni?
 
Adwords & Google Places
Adwords & Google PlacesAdwords & Google Places
Adwords & Google Places
 
Usabilità vuol dire fiducia?
Usabilità vuol dire fiducia?Usabilità vuol dire fiducia?
Usabilità vuol dire fiducia?
 

Scelta dei Colori e Usabilità sul Web

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.