Cari colleghi psy, la neve di questi giorni, che imbianca il Bel Paese, impone poche distrazioni e quindi sono al lavoro. Oggi vorrei approfondire l'uso dei caratteri per il nostro sito web.
Nel 1996 è nato il carattere tipografico Verdana, che come ho già avuto modo di dire è visibile sia sui pc comuni che sui Mac. Certo il fatto che quindi sia strautilizzato sul web, potrebbe scoraggiare qualche collega esigente, al suo utilizzo nella realizzazione del suo sito professionale. La peculiarità del Verdana è che si tratta di un font sans serif con una "caratteristica umanistica", quindi unisce personalità a professionalità.
Se però volete approfondire l'argomento del font più adeguato ad un sito professionale per lo psicologo leggete come scegliere il carattere per il web.
Bene. Ci siamo. Avete scelto il font. Ora passiamo a vedere altri aspetti fondamentali: titoli, sottotitoli, dimensioni e migliorie varie.
Una volta selezionato il font per il vostro corpo del testo principale, è il momento di scegliere un font per i titoli e i sottotitoli. Può essere lo stesso font del testo o un tipo di carattere contrastante. Chi come me utilizza una piattaforma come blogger di google, sa che spesso molti design di template hanno già una loro combinazione di fonts (testo, titolo e testo della barra laterale). Alla possibilità di usare lo stesso font per tutto, potete in alternativa usare un trucco che vi suggerisco per non perdervi in una sorta di gioco delle coppie dei caratteri tipografici: se avete un publisher, scegliendo un qualsiasi schema di pubblicazione, vi verrà anche offerta una combinazione di caratteri spesso a gruppeti di due o di tre, prendete ispirazione.
Ovviamente non vi dirò di scegliere quello che vi piacerebbe di più, ma quello che secondo voi è in linea con il design complessivo del vostro sito. Pensate al messaggio che volete comunicare: è un sito per un gruppo di psicologi clinici? Chiarezza, affidabilità e accoglienza.
E' un sito per psicologi del lavoro? Efficienza, dinamicità e modernità. E' un sito per picologi dell'infanzia? Calore, professionalità e pulizia.
Insomma con un Verdana o un Arial non sbagliate mai.
Dimensione del testo: è il momento di stabilire le dimensioni del corpo del testo principale, titoli, sottotitoli e altri elementi di testo.
Per il testo principale, s'inizia con la dimensione del font più comune e leggibile - 12 px. Se 12px. sembra troppo grande, provate con 10px.
L'altezza visiva e larghezza dei caratteri possono variare da una famiglia di font all'altra e tra serif e sans serif.
Ad ogni modo fate riferimento alla percezione che ne avete voi stessi e che vi sembra più armonica con il resto del design del sito.
Qualche consiglio: testo 10px o 12px, titoli principali 14px, 16px o 18px, sottotitoli 12px o 14px, didascalie 8px, 9px o 10px. E' vivamente sconsigliato di usare 8px e 9px per il vostro corpo del testo, poichè la maggior parte delle personetroverà scomodo leggere un testo così piccolo, soprattutto gli anziani e le persone con difficoltà visive.
E' possibile anche sottolineare lo stile e l'attenzione per il testo attraverso l'uso di "effetti". Questi elementi stilistici introducono varietà e vi aiutano a comunicare meglio un messaggio. Gli effetti dei font sono generalmente : normale, grassetto, corsivo, sottolineato e colore. Se usati con parsimonia, possono essere efficaci. Quando si abusa, la pagina può risultare troppo piena e confusiva, in una parola: non professionale.
Come diceva l'architetto moderno Mies van der Rohe "less is more", quindi non abbuffiamoci di effetti speciali.
Per rendere più agevole la lettura di un testo sul sito e catturare l'attenzione del visitatore del sito web dello psicologo, evitiamo sfondi colorati, il bianco o un tono chiaro faranno risaltare i caratteri del testo.
Il trucco del grassetto: utilizziamolo per dare enfasi, ad esempio per titoli e sottotitoli, parole chiave, o frasi importanti.
Il corsivo è poco "usability" , l'ho già detto e trovo agghiacciante l'uso smodato che troppi colleghi ancora ne fanno. Ve lo consento in casi estremissimi come una didascalia o una citazione. Per il resto il corsivo rimane troppo difficile da leggere sul web.
Le maiuscole? Utilizzate le regole di base della grammatica ed applicate le lettere maiuscole nel testo. In altri casi mai, e dico mai, è accettabile l'uso di intere parole in maiuscolo. Sono come piccole staccionate all'interno di un testo scorrevole e sono fonte grafica di distrazione per il lettore.
Evitate sempre, senza se o ma, di utilizzare sottolineature nelle pagine web, perché le parole sottolineate possono essere confuse con i links, oltre a dare tanto quell'effetto internet anni '90, per la serie: m'improvviso webmaster.
Colore sì, colore no. Spesso i links sono colorati quindi evitiamo di usare un colore, se non per enfatizzare una notizia o una comunicazione eccezionale. E comunque se abbiamo un sito sui toni del grigio e del blu, eviterei frasi colorate di arancio o viola. Almeno tentiamo di restare nelle palette di colori del design del nostro sito.
I font forniscono informazioni importanti sull'attività dello psicologo e dei suoi servizi. I caratteri accompagnano i visitatori nella navigazione del vostro sito e nell'interazione con voi.
Un suggerimento? Chiedete a parenti e amici di fare un giro sul vostro sito ultimato e chiedetegli cosa ne pensano: se l'hanno trovato comprensibile e cosa gli è rimasto impresso. Un feedback da persone al di fuori del mondo psy torna sempre utile.
Buon lavoro!
A presto