Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Scelta dei colori e usabilità sul web<br />Gianpaolo Lorusso per gtConference, 20/6/2009<br />
Gianpaolo Lorusso<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Mi interesso di web marketing e motori di rice...
Impatto emotivo e navigazione<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Studi dr.ssa Lindgaard (CarletonUn...
Codice cromatico universale<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Non esiste alcun codice valido per t...
Cosa sono i colori<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Il colore come noi lo percepiamo deriva  da s...
La classificazione dei colori<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Mescolanze additive e sottrattive<...
La ruota cromatica RGY<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />
I colori “web safe”<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />I colori sicuramente gestiti dalle schede gr...
…e quindi?<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Le difficoltà nella scelta dei colori per un sito web...
Quali combinazioni preferire<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Non più di 3-4 colori<br />Combinaz...
Quando usare il contrasto<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Per identificare ciò che è cliccabile<...
Quando usare la contiguità<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Nel corpo centrale della pagina<br />...
Il Rosso<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Colore della passione (sangue e fuoco)<br />Potente ric...
Il Marrone<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Colore della terra<br />Mitiga gli aspetti negativi d...
Il Rosa<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Il colore del fiore<br />Dolcezza, profumo, sensibilità ...
L’arancione<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Sorgere e tramonto del sole<br />Spesso associato ad...
Il giallo<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Colore della luce solare<br />Brillantezza e intellige...
Il blu<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Il colore del cielo e del mare<br />E’ considerato il col...
Il verde<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />E’ il colore delle foglie, dei prati e dei boschi<br />...
Il viola<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Colore binario (conciliazione degli opposti)<br />A sec...
Il bianco<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Il colore dell’alba, della neve e della luna<br />Evoc...
Il Nero<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Il nero rappresenta l’assenza di colore<br />Associato s...
Come guardiamo i siti web <br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Fonte: Marketing Sherpa<br />
Come guardiamo i siti web <br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Fonte: Marketing Sherpa<br />
Il carattere e i blocchi grafici <br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Caratteri non troppo chiusi e ...
Piccolo test<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Oggi è Nato un Bel Bambino<br />tutto biondo e ricc...
La “bellezza” sul web<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Layout chiaro<br />Navigazione immediata (...
Test di usabilità low cost<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />3-5 utenti individuano 80% dei proble...
Guida alla valutazione dei siti web<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />Nella guida troverete tutti ...
Grazie per l’attenzione<br />Gianpaolo Lorusso per gtConference - 20/06/2009<br />
Upcoming SlideShare
Loading in …5
×

Scelta dei Colori e Usabilità sul Web

73,954 views

Published on

Slide presentate al convegno della Community di Giorgio Taverniti tenuto alla Bocconi il 20/6/09.

Published in: Self Improvement
  • Be the first to comment

Scelta dei Colori e Usabilità sul Web

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

×