La scrittura di un sito Web

Transcript

1 1 La scrittura di un sito Web 2

2 Indice della sezione Leggibilità del sito; Organizzazione delle informazioni; Usabilità del sito. 3 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. 4

3 Leggibilità Comportamenti tipici dei lettori: Esplorazione della pagina anziché lettura; Impazienza; Lettura preferenziale di titoli e articoli; Il 50% guarda immagini e grafica. 5 Leggibilità Risposte a problemi e comportamenti la 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; 6

4 Leggibilità Risposte a problemi e comportamenti la 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. 7 Decalogo per scrivere chiaro 1. Parole brevi 2. Parole semplici, comuni, concrete 3. Parole coerenti 4. Periodi brevi e lineari 5. Linguaggio positivo 6. Modi e tempi verbali semplici 7. Verbi in forma attiva 8. Usare i verbi, non le nominalizzazioni 9. Scrivere per punti 10.Limitare sigle, maiuscole, luoghi comuni, parole straniere. 8

5 Leggibilità Risposte a problemi e comportamenti la 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; 9 Leggibilità Risposte a problemi e comportamenti la 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; 10

6 Leggibilità Risposte a problemi e comportamenti la 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). 11 Leggibilità Risposte a problemi e comportamenti la 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. 12

7 Leggibilità Risposte a problemi e comportamenti la 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. 13 Leggibilità Risposte a problemi e comportamenti la 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. 14

8 Leggibilità Risposte a problemi e comportamenti la costruzione del contesto: Il link ha a che fare con La retorica della partenza e dell arrivo. (Landow) 15 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. 16

9 Usabilità del sito La facilità di utilizzo Efficacia: 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. 17 Dal testo all ipertesto () 18

10 Gli 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. 19 Stile giornalistico: un buon modello per il Web sintesi linearità dei periodi uso di parole semplici e comuni poche subordinate, pochi incisi, pochi avverbi, pochi aggettivi tutta 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. 20

11 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 21 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 è determinante le 5 W: who, what, when, where, why (chi, cosa, quando dove, perché) una promessa una frase a effetto (es. domande, citazioni, provocazioni, numeri, figure retoriche...) reader focused writing!!! 22

12 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 Come farci leggere sostituire il tono impersonale con uno più diretto frasi: 15 / 30 parole verbi in forma attiva: Il management ha deciso... piuttosto che È stato deciso dal management... informazione e motivazione nelle prime 3 righe usare segni grafici e marcature (occhio a corsivi e sottolineati) essere sintetici (non brevi! sintesi = densità di contenuto) 24

13 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) 25 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 26

14 differenze testo su carta o libro chiuso compatto coerente durevole nel tempo rassicurante possibile passività del lettore ipertesto in rete/cd più percorsi di lettura, bivi, scorciatoie frammentazione dei concetti fluido (si modifica e non lascia traccia) potere e libertà del lettore smarrimento (differenze tra adulti e bambini) 27 Costruire ipertesti scrivere? costruire! 28

15 Costruire ipertesti lettura su carta: due dimensioni (larghezza e lunghezza); comincia dall inizio e prosegue in genere senza salti particolari lettura 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 29 Strategie per guidare il navigatore guide alla navigazione ogni pagina web è indipendente domande del visitatore: Dove sono? Che ci faccio qui? bussole funzionali titolo del sito, logo dell azienda, link alla home page, barra di navigazione, mappa del sito mappe visive titoli, testi, spazi bianchi, indici, parole chiave, colori, frecce, liste numerate o puntate... 30

16 Piramide rovesciata cominciare dalla conclusione dalla notizia vera e propria, per scendere via via in maggiori dettagli come nelle prime pagine dei giornali titolo, foto, occhiello, sommario, didascalia, inizio articolo, rimando alla pagina interna e il titolo deve contenere l intera storia 31 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 32

17 Ancora sui link (1) Tipi di link Link strutturali (di navigazione) Link associativi (approfondimento di contenuti) Link ad altri siti Suggerimenti testo 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 destinazione sezione diversa del sito avvertimenti (se necessaria registrazione, lingua...) 33 Ancora sui link (2) Il colore dei link colore azzurro per link non visitati colore violetto o rossastro per i link già visitati colore diverso per link in uscita dal sito? hover diverso? Link in ingresso sono un valore le pagine devono essere permanenti le pagine devono avere contenuti specifici e approfondimenti richieste di abbonamento e registrazioni sono ostacoli ai link in ingresso 34

18 Microcontent titoli, sottotitoli, didascalie box, indici, voci di menu pop-up esplicativi, tendine testi nascosti che appaiono sfiorando i link testi 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 Evitare le strade tortuose ipertesto: molti percorsi possibili ==> possibile smarrimento del lettore limitare i sottomenu limitare 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 36

19 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 , forum, chat, newsletter, form, questionari ==> CRM a partire dalla home page non sovraccarica, ma piena di promesse per il lettore 37 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à 38

20 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 diversi, animazioni, sottolineature). Si rompe l omogeneità. le parole possono indicare un azione (link) o un emozione volteggiano, ruotano sul monitor... nuova sintassi della parola-immagine: con Internet diventiamo scrittori visivi 39 In sintesi Cosa vedono gli utenti 40

21 In sintesi Come gli utenti usano il Web 41 In sintesi Bisogna essere estremamente succinti e diretti 25% più lento leggere 50% più succinto Vietate le lunghe spiegazioni Limitare l uso della barra di scorrimento Titoli significativi Usati dai motori di ricerca Vanno nei favoriti devono essere ancora significativi se decontestualizzati 42

22 In sintesi Un paragrafo un idea Principio della piramide capovolta il contenuto più importante all inizio della pagina i link importanti nella prima schermata Ipertesti, non testi lineari suddivisi su più pagine Pagine brevi, uso limitato della barra di scorrimento Flusso principale Approfondimenti cose che interessano solo alcuni utenti 43 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 ( 44

23 Bibliografia e Webgrafia (essenziali) M. Boscarol, Scrivere per il web: 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: P. Lynch, S. Horton, Web: guida di Stile, Apogeo, Bibliografia e Webgrafia (essenziali) K. Henning, The seven qualities of highly successful web writing: J. Nielsen, Web Usability, Apogeo, 2000 J. Nielsen, Writing for the web: G. McGovern, R. Norton, C. O Down, The Web Content Style Guide (excerpt): htm C. Morris, Writing for the web: 46