La scrittura di un sito Web - Provincia Autonoma di Trento · Utilizzo delle animazioni (fattore...

Francesca GagliardiPalestra della scrittura

Scrivere per il Web1

Palestra della scrittura

Scrivere per il Web

Francesca [email protected]



La scrittura di un sito Web



Indice della sezione

Leggibilità del sito;Organizzazione delle informazioni;Usabilità del sito.



Leggibilità

Problemi posti dal medium:Lo schermo è piccolo e ci permette di dominare solo una piccola porzione di testo per volta;Leggere sullo schermo è lento e stancante;Una pagina web non ha un prima o un dopo prestabiliti;Ogni pagina è indipendente dalle altre.



Leggibilità

Comportamenti tipici dei lettori:Esplorazione della pagina anziché lettura;Impazienza;Lettura preferenziale di titoli e articoli;Il 50% guarda immagini e grafica.



Leggibilità

Risposte a problemi e comportamentila sintesi:

La nuova unità di misura è il paragrafo (visibile su un’unica schermata);Un’idea per paragrafo;Periodi brevi;Porre l’idea principale all’inizio del testo e il resto dopo (piramide rovesciata);Privilegiare il punto nella punteggiatura;



Leggibilità

Risposte a problemi e comportamentila sintesi:

Titoli, sottotitoli e abstract informativi e attrattivi;Attrattività del titolo del sito (es. “Letteratour, un tour nel mondo della letteratura”)Semplicità, brevità, chiarezza e mnemonicitàdel nome del dominio;Titolo della pagina adeguato a essere posto tra i siti preferiti;Parole chiave evidenziate.



Decalogoper scrivere chiaro1. Parole brevi2. Parole semplici, comuni, concrete3. Parole coerenti 4. Periodi brevi e lineari5. Linguaggio positivo6. Modi e tempi verbali semplici7. Verbi in forma attiva8. Usare i verbi, non le nominalizzazioni9. Scrivere per punti10.Limitare sigle, maiuscole, luoghi comuni,

parole straniere.



Leggibilità

Risposte a problemi e comportamentila funzionalità:

Ogni home page dovrebbe chiarire di chi è il sito, di cosa parla e se ha qualcosa di interessante per il lettore;Concentrazione, promessa e rappresentazione del contenuto;



Leggibilità

Risposte a problemi e comportamentila progettazione visiva:

Guidare l’occhio su una mappa visiva costituita dalla pagina;La grafica è importante (per es., i colori non devono far scomparire il testo);Linee di testo troppo lunghe risultano di difficile lettura: impaginare con spazi ai lati;Utilizzare font concepiti per il video: georgia, verdana e trebuchet;



LeggibilitàRisposte a problemi e comportamentila progettazione visiva:

il corsivo appare spesso seghettato;il sottolineato diventa un invito a cliccare (ma se è *troppo*, non va bene);il grassetto può essere utilmente sostituito dal colore;il tutto MAIUSCOLO non si legge bene e GRIDA;Utilizzo delle animazioni (fattore tempo).



Leggibilità

Risposte a problemi e comportamentila modularizzazione della scrittura:

Organizzazione del contenuto in microcontent(40-60 caratteri) e macrocontent;Microcontent come abstract condensato del macrocontent;Evitare microcontent dal tono non dichiarativo (ma, per es., criptico o ammiccante);Tenere sotto controllo la quantità di microcontent.



Leggibilità

Risposte a problemi e comportamentila costruzione del contesto:

Pagina di libro -> contesto riconoscibile;Pagina web -> separata da tutte le altre; l’autore la contestualizza e il lettore decide il percorso. Web come ipertestualità infinita;Esempi di contestualizzazione: uso dei link, titolo del sito, link alla home page, data dell'ultimo aggiornamento o segnalazione novità, url del sito, indicazione della collocazione logica della pagina, mappa dei contenuti.



Leggibilità


Link come anticipazione delle aspettative del lettore;Il link è basato su una connessione puramente tematica e semantica e non gerarchica;Il link ha il connotato della specificità e della concentrazione di contenuto;In definitiva è necessario organizzare l’informazione in modo reticolare.



Leggibilità


Il link ha a che fare con “La retorica della partenza e dell’arrivo”. (Landow)



Usabilità del sito

Come e perché gli utenti usano un sito?

E’ necessario focalizzare la scrittura dei testi e il disegno dell’interazione sugli obiettivi e sugli specifici contesti di utilizzo da parte degli utenti.



La facilità di utilizzoEfficacia: completezza e accuratezza con cui gli utenti raggiungono i loro obiettivi. L’efficacia si fonda spesso sulla comprensibilità per l’utente delle scelte fatte. Più un interfaccia ha carattere informativo, più un utente è in grado di utilizzarla. Il linguaggio dovrebbe essere quello dell’utente.Efficienza: velocità di raggiungimento (o quantità di risorse impiegate) nel raggiungimento dell’obiettivo. Ad es.: tempo impiegato o quantità di click o di tasti da digitare. La chiarezza nel disegno degli strumenti di abbreviazione dei compiti è fondamentale, da vedersi comunque in relazione alle abitudini degli utenti. L’interazione gerarchica, per es., è adatta a utenti inesperti mentre quella a shortcut è per gli esperti.

Usabilità del sito



Dal testo all’ipertesto(Scrivere per il Web)



Scrivere per il WebGli utenti del web non leggono, ma scorrono il testo: il web è il regno della concretezza e della concisione.

Tre ambiti da curare per la scrittura su Web:il contenuto,lo stile,gli espedienti visivi.

Massime di Grice (da Herbert Paul Grice, filosofo del linguaggio):1. Massima della quantità: scrivi la quantità di informazione necessaria; non

di più, non di meno; 2. Massima della qualità: scrivi ciò di cui hai prove, sii sincero;3. Massima della relazione: sii pertinente: di’ quello che è rilevante e coerente

con l'argomento; 4. Massima del modo: sii chiaro.



Stile giornalistico: un buon modello per il Web

sintesilinearità dei periodiuso di parole semplici e comunipoche subordinate, pochi incisi, pochi avverbi, pochi aggettivitutta l’informazione nelle prime righe

La “regola splendida” per Piero Ottone: Dice il direttore di un

grande giornale tedesco a un giovane redattore il primo giorno dell’assunzione:“Quando scriverà un

articolo, si ricordi che ogni frase ha un soggetto, un predicato, un complemento oggetto. Punto. Se una volta sentirà il desiderio di usare un aggettivo, venga prima a chiedermi il permesso.”



Errori di comprensione

1. Decodifica del testo. Grammatica, scelta delle parole, diversa conoscenza del codice linguistico.2. Analisi dei significati. Semantica, i significati. Giovanni scagliò il bicchiere contro il muro e lo ruppe.3. La previsione del messaggio. Terza fase. La più delicata.

Documenti: Wallas Changoli



Prendere il meglio dallo stile giornalistico

Il comunicato stampa deve essere come un bikini, abbastanza piccolo per suscitare interesse e abbastanza grande per coprire l’indispensabile.”attacco o apertura (lead), parte centrale, conclusione. L’attacco è determinantele 5 W: who, what, when, where, why(chi, cosa, quando dove, perché)una promessauna frase a effetto (es. domande, citazioni, provocazioni, numeri, figure retoriche...)reader focused writing!!!



Pochi secondi a disposizione

testo cartaceo: 8/10 righe, 15/20 secondi

prima del cestino

testo internet: 3/5 righe, 8 secondi

schermo: 25% più lento e faticoso della

carta

http://www.useit.com/alertbox/9710a.html

http://www.sun.com/980713/webwriting/



Come farci leggere

sostituire il tono impersonale con uno più direttofrasi: 15 / 30 paroleverbi in forma attiva: “Il management ha deciso...” piuttosto che “È stato deciso dal management...”informazione e motivazione nelle prime 3 righeusare segni grafici e marcature (occhio a corsivi e sottolineati)essere sintetici (non brevi! sintesi = densità di contenuto)



Dal testo all’ipertesto:niente paura, siamo già abituati

linguaggio ipertestuale: è la nostra quotidianità

noi pensiamo (es. brainstorming), parliamo(es. anacoluti), agiamo (es. azioni/reazioni) in modo ipertestuale

l’ipertesto offre una maggiore aderenza alla multidirezionalità propria di ogni vicenda umana (per es.: Sliding doors)



Dal testo all’ipertesto:niente paura, siamo già abituati

molti testi antichi erano “ipertestuali”: si frequentavano come un sito Internet (es. Bibbia , testi sacri, poemi, codici giuridici)

enciclopedie, dizionari, bibliografie...

tecniche antiche + tecnologie nuove = business

http://lgxserver.uniba.it/lei/alu/home.htm



differenze

testo su carta o librochiusocompattocoerentedurevole nel temporassicurante possibile passività del lettore

ipertesto in rete/CD più percorsi di lettura, bivi, scorciatoieframmentazione dei

concettifluido (si modifica e non lascia traccia)potere e libertà del lettoresmarrimento (differenze tra adulti e bambini)



Costruire ipertesti

scrivere?

costruire!



Costruire ipertesti

lettura su carta: due dimensioni (larghezza e lunghezza); comincia dall’inizio e prosegue in genere senza salti particolarilettura ipertestuale: tre dimensioni (larghezza, lunghezza + profondità); link, box, banner, pop-up, alt-text, tendine…il testo su web si espande in profondità, anziché in lunghezza



Strategie per guidare il navigatore

guide alla navigazioneogni pagina web è indipendentedomande del visitatore: “Dove sono?” “Che ci faccio qui?”

bussole funzionalititolo del sito, logo dell’azienda, link alla home page, barra di navigazione, mappa del sito…

mappe visivetitoli, testi, spazi bianchi, indici, parole chiave, colori, frecce, liste numerate o puntate...



Piramide rovesciata

cominciare dalla conclusionedalla notizia vera e propria, per scendere via via in maggiori dettagli

come nelle prime pagine dei giornalititolo, foto, occhiello, sommario, didascalia, inizio articolo, rimando alla pagina interna

e il titolo deve contenere l’intera storia

www.ansa.it



Link: le porte del Web

quelle parole colorate e/o sottolineate che gli occhi del lettore cercano avidamente per intuire che cosa troveranno nella prossima tappa

parole brevi e semplici, che però fanno immaginare un mondo d’informazioni

vari tipi: link esplicativi, associativi, esplorativi

nello scegliere un link e nel titolarlo sta il vero talento editoriale del web writer



Ancora sui link (1)

Tipi di linkLink strutturali (di navigazione)Link associativi (approfondimento di contenuti)Link ad altri siti

Suggerimentitesto del link non troppo lungo (<80 caratteri)testo significativo (evitare “clicca qui”)testo supplementare che spiega cosa si troveràusare TITLE

per nome del sito di destinazionesezione diversa del sitoavvertimenti (se necessaria registrazione, lingua ...)



Ancora sui link (2)

Il colore dei linkcolore azzurro per link non visitaticolore violetto o rossastro per i link già visitaticolore diverso per link in uscita dal sito? hover diverso?

Link in ingressosono un valorele pagine devono essere permanentile pagine devono avere contenuti specifici e approfondimentirichieste di abbonamento e registrazioni sono ostacoliai link in ingresso



Microcontent

titoli, sottotitoli, didascaliebox, indici, voci di menupop-up esplicativi, “tendine”testi nascosti che appaiono sfiorando i linktesti alternativi che appaiono mentre si caricano le immagini

piccole “perle di chiarezza” che fanno assaporare i macrocontent di intere pagine o di un intero sito

www.useit.com/alertbox/980906.html www.mestierediscrivere.com/testi/microcontent.htm



Evitare le strade tortuoseipertesto: molti percorsi possibili ==> possibile smarrimento del lettorelimitare i sottomenulimitare i link al realmente utile

L’attrice americana Julia Roberts ha iniziato in questi giorni le riprese di un nuovo film diretto da Steven Spielberg. La storia narra le vicende di una giornalista del New York Times che…

L’attrice americana Julia Roberts ha iniziato in questi giorni le riprese di un nuovo film diretto da Steven Spielberg. La storia narra le vicende di una giornalista del New York Times che…



Il luogo dell’azione

interattività: il valore centrale del Web

non mettere in rete dei testi, ma aprire un nuovo spazio di scambio con persone che condividono gli stessi interessi

uno spazio da sfruttare con vari strumenti e-mail, forum, chat, newsletter, form, questionari… ==> CRM

a partire dalla home pagenon sovraccarica, ma piena di promesse per il lettore



Dalla parte dell’occhio

le pagine web nascono povere, ma sono spesso coloratissime, piene di immagini e anche difficili da leggere

offrono molte possibilità di comunicare in modo visivo (varietà di caratteri, colori, sfondi, animazioni)

si tende oggi a un ritorno alla sobrietà



Parole come immagini...nel libro i caratteri tipografici, il corpo, l’interlinea e la giustezza devono creare il minimo fastidio visivo al lettore. Parole trasparenti, pagina omogenea.

nel Web le parole diventano immagini (colori diversicolori diversi,

animazioni, sottolineature). Si rompe l’omogeneità.

le parole possono indicare un’azione (link) o un’emozione

nuova sintassi della parola-immagine:

con Internet diventiamo scrittori visivi

volteggiano, ruotano sul monitor...



In sintesiCosa vedono gli utenti



In sintesiCome gli utenti usano il Web



In sintesiScrivere per il Web

Bisogna essere estremamente succinti e diretti25% più lento leggere50% più succinto

Vietate le lunghe spiegazioniLimitare l’uso della barra di scorrimentoTitoli significativi

Usati dai motori di ricercaVanno nei “favoriti”devono essere ancora significativi se decontestualizzati



In sintesiScrivere per il Web

Un paragrafo un’ideaPrincipio della piramide capovolta

il contenuto più importante all’inizio della paginai link importanti nella prima schermata

Ipertesti, non testi lineari suddivisi su piùpagine

Pagine brevi, uso limitato della barra di scorrimentoFlusso principaleApprofondimenticose che interessano solo alcuni utenti



Bibliografia e Webgrafia(essenziali)

Tullio De Mauro, Guida all'uso delle parole (Parlare e scrivere semplice e preciso per capire e farsi capire), Editori Riuniti, 1989 (1a ed.)

George P. Landow, L'ipertesto, Bruno Mondadori, 1998

Francesco Cremascoli e Domenico Fiormonte, Manuale di Scrittura, Bollati Boringhieri, 1998

Alessandro Lucchini, Business Writing, Sperling & Kupfer, 2000

Scrivere per comunicare, a cura di Gabriele Pallotti, Bompiani, 2001

La magia della scrittura , a cura di Alessandro Lucchini, Sperling & Kupfer, 2005 (http://www.magiadellascrittura.it)



M. Boscarol, Scrivere per il web: http://usabile.it/032000.htm

F. Carlini, Lo stile del web, Einaudi, 1999

F. Carlini, Parole di carta e di web, Einaudi, 2004

L. Carrada, Scrivere per Internet, Lupetti, 2000

L. Carrada, Mestiere di scrivere:http://www.mestierediscrivere.com

P. Lynch, S. Horton, Web: guida di Stile, Apogeo, 2000




K. Henning, The seven qualities of highly successfulweb writing: http://www.clickz.com/article/cz.2997.html

J. Nielsen, Web Usability, Apogeo, 2000

J. Nielsen, Writing for the web: http://www.sun.com/980713/webwriting

G. McGovern, R. Norton, C. O’Down, The Web ContentStyle Guide (excerpt):http://www.gerrymcgovern.com/web_content_style_guide.htm

C. Morris, Writing for the web: http://wdvl.internet.com/Internet/Writing


La scrittura di un sito Web - Provincia Autonoma di Trento · Utilizzo delle animazioni (fattore...

Documents

Transcript of La scrittura di un sito Web - Provincia Autonoma di Trento · Utilizzo delle animazioni (fattore...