Francesca GagliardiPalestra della scrittura
Scrivere per il Web1
Palestra della scrittura
Scrivere per il Web
Francesca [email protected]
Francesca GagliardiPalestra della scrittura
Scrivere per il Web2
La scrittura di un sito Web
Francesca GagliardiPalestra della scrittura
Scrivere per il Web3
Indice della sezione
Leggibilità del sito;Organizzazione delle informazioni;Usabilità del sito.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web4
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web5
Leggibilità
Comportamenti tipici dei lettori:Esplorazione della pagina anziché lettura;Impazienza;Lettura preferenziale di titoli e articoli;Il 50% guarda immagini e grafica.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web6
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;
Francesca GagliardiPalestra della scrittura
Scrivere per il Web7
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web8
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web9
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;
Francesca GagliardiPalestra della scrittura
Scrivere per il Web10
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;
Francesca GagliardiPalestra della scrittura
Scrivere per il Web11
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).
Francesca GagliardiPalestra della scrittura
Scrivere per il Web12
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web13
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web14
Leggibilità
Risposte a problemi e comportamentila costruzione del contesto:
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web15
Leggibilità
Risposte a problemi e comportamentila costruzione del contesto:
Il link ha a che fare con “La retorica della partenza e dell’arrivo”. (Landow)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web16
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web17
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web18
Dal testo all’ipertesto(Scrivere per il Web)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web19
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.
Francesca GagliardiPalestra della scrittura
Scrivere per il Web20
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.”
Francesca GagliardiPalestra della scrittura
Scrivere per il Web21
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web22
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!!!
Francesca GagliardiPalestra della scrittura
Scrivere per il Web23
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/
Francesca GagliardiPalestra della scrittura
Scrivere per il Web24
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)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web25
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)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web26
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web27
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)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web28
Costruire ipertesti
scrivere?
costruire!
Francesca GagliardiPalestra della scrittura
Scrivere per il Web29
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web30
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...
Francesca GagliardiPalestra della scrittura
Scrivere per il Web31
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web32
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web33
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 ...)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web34
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web35
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web36
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…
Francesca GagliardiPalestra della scrittura
Scrivere per il Web37
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web38
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à
Francesca GagliardiPalestra della scrittura
Scrivere per il Web39
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...
Francesca GagliardiPalestra della scrittura
Scrivere per il Web40
In sintesiCosa vedono gli utenti
Francesca GagliardiPalestra della scrittura
Scrivere per il Web41
In sintesiCome gli utenti usano il Web
Francesca GagliardiPalestra della scrittura
Scrivere per il Web42
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web43
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
Francesca GagliardiPalestra della scrittura
Scrivere per il Web44
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)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web45
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
Bibliografia e Webgrafia(essenziali)
Francesca GagliardiPalestra della scrittura
Scrivere per il Web46
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
Bibliografia e Webgrafia(essenziali)