...

Scelta dei Colori e Usabilità sul Web

by gianpaolo-lorusso

on

Report

Download: 0

Comment: 0

37,696

views

Comments

Description

Slide presentate al convegno della Community di Giorgio Taverniti tenuto alla Bocconi il 20/6/09.
Download Scelta dei Colori e Usabilità sul Web

Transcript

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