Mi è stato chiesto da più parti di fornire qualche esempio pratico riguardo ai passati interventi a proposito delle guide di stile web per la grafica e i contenuti.

Un esempio interessante è quello proposto dalla australiana Monash University. La loro guida di stile, che integra suggerimenti per la grafica e i contenuti, è davvero molto approfondita e ben strutturata.

Si comincia con un’introduzione rivolta all’audience della guida: web designer, sviluppatori e autori di contenuti dei siti dell’università. Non si tratta quindi di regole generiche che si possono trovare in qualunque buon libro sulla scrittura e design per il web (se interessati potete leggere su Fucinaweb le recensioni degli ottimi Web Word Wizardry, Hot Text – Web Writing That Works e Web Style Guide – Second Edition), bensì di indicazioni specifiche a un sito o a un network di siti.

Altro aspetto affrontato con intelligenza dalla guida è una breve descrizione degli utilizzatori del sito, cioè il pubblico a cui si rivolge. Notate come non vengano sprecate parole inutili: frasi brevi, buon uso degli elenchi puntati, link a risorse. La stessa guida è un ottimo esempio di come scrivere per il web.

Si passa poi ad affrontare il concetto di qualità dei contenuti e del design del sito, cioè cosa non può mancare ai contenuti e come funziona il processo editoriale e di revisione. Visto che alla Monash University offrono corsi che riguardano questi concetti hanno pensato bene di rimandarvi come approfondimento. Da notare anche la bella idea di separare, dedicandoci in una sezione dedicata, tutto quello che riguarda il loro sistema di Content Management (qui troverete informazioni sul software su cui si basa e sui motivi che li hanno portati ad estenderne le funzionalità).

Dopo questi contenuti introduttivi, ma fondamentali, si passa nel vivo della guida. La sezione branding and visual identity prende in rassegna le diverse sezioni del sito, e per ognuna illustra le scelte che sono state compiute per quanto riguarda i colori delle diverse componenti, le modalità con cui riferirsi a altre realtà presenti nell’universo dell’università, il tipo di immagini da usare (con esempi) e regole sul loro impiego.

In navigation e site structure si parla un po’ di information architecture, indicando le diverse tipologie di scheme con cui organizzare le informazioni, che nel caso dell’università sono:

• alfabetico
• cronologico
• geografico
• per argomento
• per compito
• per audience
• guidato da metafora

Forse questa è l’unica sezione che si sarebbe potuto affrontare con un po’ più di profondità, magari illustrandola con esempi e includendo suggerimento su come organizzare le voci di menù e come etichettarle. Bene invece che alla ricerca e ai metadati sia dedicata un’opportuna voce di menù, vista la sua importanza.

Ai contenuti sono dedicate diverse sezioni e sottosezioni, di cui la principale è content, text and images.

Un’ultima sezione che vale la pena soffermarsi a commentare è quella che riguarda i template web, a cui accennavo in uno scorso intervento. In questa sezione sono presentati i diversi template disponibili per il sito e ne viene suggerito l’uso per le diverse esigenze, con esempi di casi già online. Un’opportuna tabella, davvero un’ottima idea, evidenzia inoltre l’impiego dei fogli di stile sui diversi elementi della pagina. 

Quella dell’università di Monash è una guida di stile davvero completa. Probabilmente per i progetti “di tutti i giorni” è uno sforzo considerevole da affrontare, ma se vi date uno standard di progettazione vedrete che riuscirete a creare un documento di questo tipo, personalizzandolo per il cliente, senza necessariamente passare notti insonni.

Un altro interessante esempio di guida di stile, anche in questo caso di un’università, è la Penn Web Style Guide.