Gianpaolo Lorusso alla gtConference

1,482 views

Published on

Gianpaolo Lorusso alla gtConference

Published in: Education
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,482
On SlideShare
0
From Embeds
0
Number of Embeds
237
Actions
Shares
0
Downloads
29
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • Esistono varie metodologie per classificare i colori. I monitor dei computer utilizzano il sistema RGB (formata da miscelazioni additive di rosso, verde e blu) codificato nel 1931 dalla Commissione internazionale per l’illuminazione. I principali software di fotoritocco anche il HSB Il CMYK e il RGY usano invece una sintesi sottrattiva.
  • Nessun sistema arriva a riprodurre tutti i colori teoricamente percepibili.
  • Verifica sulle statistiche di 170.000 siti web italiani nel settembre 2007
  • Combinazioni largamente apprezzate: paesaggi montani, boschivi, mediterranei. I colori freddi sono più adatti a una comunicazione istituzionale e sottolineano professionalità e competenza. I colori caldi sono più adatti a siti social e che basano tutta la loro comunicazione sull’impatto emozionale (o per la call to action) Daltonismo, cecità ai colori, ipovisione (contrasto).
  • Preferibilmente colori caldi (come fanno i centri commerciali di tutto il mondo)
  • Combinazione tra rosso (azione) e giallo (allegria, intelligenza)
  • Combinazione tra rosso (azione) e giallo (allegria, intelligenza)
  • È però un colore recessivo in lontananza
  • Utilizzare le grazie nei testi lunghi (come nei libri) Le principali famiglie di font installati di default praticamente in tutti i computer-browser del mondo sono: arial, courier, georgia, tahoma, times new roman e verdana.
  • Se devo spiegare come funziona qualcosa non ho fatto un buon lavoro. Regola del 3x3? Periodi intervallati da interruzioni e con parole chiave evidenziate Sezione aurea No a interfacce a 3 o più colonne
  • Gli utenti del test devono possibilmente essere scelti tra i destinatari dei contenuti e non devono conoscere il progetto. Se si riesce a registrare anche l’espressione dell’utente è il massimo.
  • Gianpaolo Lorusso alla gtConference

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

    ×