Scrittura web, caratteri serif o sans serif ? Che grandezza di font e interlinea è meglio usare ?

Se guardiamo la maggior parte dei caratteri presenti nei nostri pc possiamo dividerli in due tipologie principali.

Possiamo quindi distinguerli in caratteri serif (dal francese "grazia"), ovvero quelli che possiedono alle estremità degli allungamenti ortogonali e in caratteri sans serif, o più comunemente chiamati bastoni.

Quando è meglio usare un carattere Serif e quando invece è più indicato un carattere sans serif?

Per la scrittura stampata è sempre preferibile utilizzare un carattere serif, perché le grazie rendono più piacevole la lettera e accompagnano la linea di lettura.

Per web è invece preferibile, almeno per il testo corrente, un carattere a bastoni perchè le grazie, su schermi a definizione bassa, potrebbero rendere confusa la lettera.

Tra i caratteri Sans serif, in particolar modo, il Verdana è un carattere creato appositamente per il web.

Per la scrittura sul web è bene scegliere un corpo superiore al 10. Personalmente preferisco sempre stare sui 12-14 punti… se qualcosa non è importante non la scrivo, se è importante è bene che si legga: gli schermi dei pc continuano ad aumentare di risoluzione e quindi preferisco favorire la lettura introducendo una barra di scorrimento piuttosto che scrivere tutto piccolo e appiccicato.

Se sapete come modificare l'interlinea dei vostri testi considerate che più un paragrafo è composto da linee lunghe più necessita di una interlinea ampia. Si parte dal 120%, fino a 180%. La regola principale è comunque che le ascendenti e le discendenti non si tocchino mai, a meno che non si tratti di una precisa scelta grafica, ad esempio in un titolo.

Più la riga di testo é lunga più l'interlinea deve essere ampia, più é stretto più deve essere bassa, ma mai senza che le ascendenti tocchino le discendenti.

 

Scrittura web : Regole generali per gli allineamenti del testo

Il testo, nel web può essere allineato a sinistra o a destra, centrato o giustificato. Nei programmi di editing c'e' anche il giustificato forzato, che forza la giustificatura anche se i caratteri non raggiungono il punto necessario alla giustificatura.

I blocchi di testo vengono divisi in DIV e P. Il P è un paragrafo, caratterizzato da uno spazio maggiore di interlinea dopo il punto mentre il div è un semplice blocco di testo con interlinea regolare anche dopo il punto. Un pò come quando scrivete in blocco note di windows, per intenderci.

Allineamenti di testo, tre cose da non fare:

Per i titoli si consiglia di utilizzare sempre un grassetto o un carattere diverso con corpo più grande, in genere di 2, 3 punti.

 

Scrittura web : Strutturare bene la pagina e consigli sul layout

Una buona pagina web è caratterizzata sempre da un Titolo scritto in h1, utile anche per il posizionamento dell'articolo nei motori di ricerca, seguito da un sottotilo in h2 e da una o più sezioni in h3. Qualsiasi editor web ha la possibilità di definire questi titoli attraverso un apposito menu a tendina che definisce la tipologia del blocco di testo su cui si trova il cursore.

Sulla lunghezza dei testi per il web la maggior parte dei testi consigliano di non superare le 40-60 battute ma secondo me dipende molto da come è curata la grafica e l'impaginazione. Ad esempio nelle landing pages non utilizzerei questa regola. Ovviamente dobbiamo considerare che un utente non leggerà tutta la pagina e quindi è bene:

Navigazione web, impostazioni universali e consigli per il layout di una pagina web

Elementi ripetitivi, come ad esempio i punti elenco, devono essere caratterizzati da una comune impostazione grafica.

Normalmente, cliccando sul logo di un sito web, si viene rimandati alla homepage e per questo, sempre più spesso, non pubblico più la voce nel menu principale, specie quando è ricco di elementi già di suo.

In una pagina web è sempre buona cura utilizzare una navigazione semplice e chiara, evidenziare il pathway (ovvero dove ci si trova con precisi rimandi per tornare alla sezione precedente o alla home).

In fondo alla pagina, oltre al nome della società a cui fa capo il sito web (Ricordate partita iva e dati fiscali obbligatori) in genere è buon uso pubblicare la mappa dei contenuti, un rimando ai contatti e ad eventuali sezioni importanti e la privacy policy.

Cosa molto importante… chi ha vissuto l'era del commodore64 si ricorda quanto fossero illeggibili gli articoli di Zzap! quindi assolutamente, niente texture, caratteri ben contrastati e niente sfondo colorato, se non per aree brevi e per motivi specifici (ad esempio evidenziare del codice).

Gli spazi bianchi

Lo spazio bianco attira l'attenzione di chi legge, quindi deve essere utilizzato correttamente per ripartire nel modo più chiaro possibile le informazioni. Gli spazi bianchi dovrebbero essere uniformi tra loro.

Scrittura web : Come scrivere i contenuti

Nel web la scrittura deve seguire regole diverse rispetto alla carta stampata. il processo "Introduzione > Esposizione > Argomentazioni > Conclusioni" non è consigliabile per il web: In un articolo per il web è sempre bene invertire la piramide di sviluppo mettendo all'inizio la parte più interessante e procedendo poi con le argomentazioni e così via. Come ho già detto, ripetere le informazioni più importanti è sicuramente consigliabile… la lettura nel web è discontinua e procede a salti dall'alto a sinistra al basso a sinistra, per poi proseguire un pò al centro e solo infine sulla destra.

Per questo motivo i motori di ricerca prediligono i testi sulla sinistra… pensateci bene quando scegliete se posizionare il menu laterale sulla colonna di sinistra o di destra… sono più importanti le sezioni linkate nel menu o i contenuti del vostro sito?

Ringraziando ancora Mariuccia Teroni per l'ottimo intervento vi saluto e vi auguro buona scrittura!