Upload
giacomo-mason
View
55.166
Download
10
Tags:
Embed Size (px)
DESCRIPTION
Le slide di una mai lezione agli editor web degli uffici scolastici regionali (ex provveditorati) con qualche rifacimento finale di titoli e strilli
Citation preview
1/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Telecom Italia - confidenziale
Giacomo Mason, Febbraio 2010
Usabilità e scrittura
dei testi per il web
2/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1) Principi generali
2) Il lettore del web
3) Usability dei testi
4) Formattare i testi
5) Strutturare i testi
Agenda
3/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1) Principi generali
Agenda
4/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1 - Contesto di letturasul web e vincoli del mezzo
2 - Aspetti di Usability
4 - Aspetti di strutturazione
5 - Aspetti di stile
3 - Aspetti di formattazione
Principi Generali
- Il testo sul web è una cipolla -
5/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- Progettare testi, progettare interfacce -
Interfaccia
Testo
“trasparente”
Etichette deiMenù
Link Strilli cliccabili
Pagine indice
Articoli
Schede tecniche
Titoli e sottotitoli
Il testo sul web è anche un’interfaccia di azione
Diversi tipi di testo si dispongono in modo diverso nell’asse interfaccia/trasparenza
Istruzioniper l’interazione
6/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"1: più interfaccia che testo
7/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"2: a metà tra testo e interfaccia
8/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"3: più testo che interfaccia
9/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Differenti usi del testo
Leggere la pagina
Fare lo scanning per vedere se è quella giusta
Fare lo scanning per localizzare un contenuto specifico
Scegliere una voce da una lista
Interagire con lo spazio web
10/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Testo
“Paratesto”
Testo
“Paratesto”
Carta Web
Principi Generali
- L’inversione del rapporto testo/paratesto -
Tutto ciò che sta “accanto”, “di contorno” al testo, al “suo servizio”
Es.: titoli, riassunti, tabelle, schemi, figure, decorazioni, ecc.
11/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Sul web non ci sono solo parole: la grafica è parte integrante del processo di scrittura. Il testo, quindi, convive con:
• i colori• gli spazi• le immagini• gli elementi grafici paratestuali
Principi Generali
- La parola visuale: la grafica -
12/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- La parola visuale: dal web alla carta -
Fonte: Luisa Carrada
Il mestiere di scrivere, Apogeo 2008
13/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
14/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- Parola visuale: pagine dense -
La densità provoca confusione
La densità allunga i tempi
La densità annulla l’informazione
15/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- Parola visuale: pagine dense -
16/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- Pagine “ariose” -
17/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Principi Generali
- La parola visuale: esempi a confronto -
18/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
2) Il lettore del web
Agenda
19/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La pagina è una mappa
Le informazioni sono viste comein un paesaggio visto dall’alto
In questo paesaggio troviamo punti di riferimento: titoli, sottotitoli, Immagini,
colori, link, grassetti, testi
Il lettore del web
- Un lettore particolare -
Da Luisa Carrada: scrivere per internet – Lupetti 1999
20/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Caratteristiche principali della lettura web -
L’occhio è attratto dalle discontinuità (spazi, colori...).
Si cerca di circoscrivere il contesto (argomento, autore, data, testata, lunghezza documento...)
Si cercano i punti di ancoraggio (link, grassetti, foto...)
La lettura è molto finalizzata.
La lettura è un’azione
21/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La lettura “classica”… … e la lettura web
Il lettore web è un vero lettore? L’80% dei lettori “scorre” la pagina
Il lettore del web
- Discontinuità: la lettura “a salti” -
22/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Il rapporto “Eyetrack” -
Osservazione sperimentale dei comportamenti degli utenti attraverso l’analisi dei movimenti oculari, dei tempi di permanenza e dei clic sui link
http://www.poynterextra.org/eyetrack2004/index.htm
23/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Eye tracking nella lettura di un testo sul video:
http://it.youtube.com/watch?v=bW_zDILeevY
24/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
25/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Modelli classici e nuovi
Fonte: web style guide – 2008
http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
26/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Modello a “F”
http://www.useit.com/alertbox/reading_pattern.html
27/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
28/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- L’effetto della dimensione dei font -
Leggibilità
“Scannabilità”
Se volete spingere a leggere più a lungo la home, usate font piccoli (11)
se volete aiutare un rapido scan delle cose essenziali usate font grandi (12-14). Fonte: Poynter Institute - 2004
http://www.poynterextra.org/eyetrack2004/fontsize.htm
29/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Titoli grandi e piccoli -
Fonte: Poynter Institute - 2004
http://www.poynterextra.org/eyetrack2004/headlinesize.htm
30/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Finalizzazione -
Lettura come effetto di una determinata ricerca
Processo di attenta selezione del testo da leggere
31/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Testo/Azione -
La lettura “classica”… … e la lettura web
Invio una mail - Clicco - Cambio pagina – Commento - Aggiungo al carrello …
Leggo
32/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1 2
3
4
Le immagini e i titolisono il primo elemento a cui si presta attenzione, indipendentemente dalla loro collocazione nella pagina
Le immagini con i visiin maniera ancora piùaccentuata
Il lettore del web
- Ancoraggi: alle immagini la priorità -
33/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Ancoraggi: titoli e strilli -
34/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1
2
3
4
All’interno del testo alcuni elementi vengono percepiti prima di altri:
Titoli
Sottotitoli
Grassettature
Link
Punti-elenco
Rappresentano una specie di “bussola” per il lettore e aiutano a “spezzare” il testo in tanti sottotesti
Il lettore del web
- Altri elementi di ancoraggio -
35/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Il contesto vince sul testo -
Gli elementi di contesto(header, sezioni, data, autore) precedono il testo, poiché servono a collocarlo e da dargli un senso
una pagina deve funzionare anche “fuori contesto” - dobbiamo trovare almeno:
• Testata
• Argomento
• Autore
• Data
36/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Elementi di contesto -
home Sezione Articolo
Header
Path
Footer
NO SIOgni pagina contiene gli elementi di contesto necessari ad orientarsi
• Logo
• Tagline
• Titolo pagina
• Menù di profondità(se possibile)
• Ritorno alla home
• Footer (data –autore, ecc)
Titolo
37/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Elementi di contesto -
NOSI
38/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il lettore del web
- Un esempio con il comune di Venezia -
Di quando è questa guida?
39/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Agenda
3) Usability dei testi
40/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il testo sul web: necessità di riadattarlo -
Sul video la leggibilità si riduce del 25% rispetto alla carta stampata (Video: 72 dpi - stampa: 300 -1200 dpi)
Il testo sul web fa adeguatamente formattatoper renderlo usabile e adeguarlo alle caratteristiche del mezzo.
Non si può limitarsi a “riversare” in html il testo concepito su altri supporti (carta, slide, word..)
41/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Una sola colonna colonna -
NO SI
Il testo èdisposto su di una sola colonna, come un “rotolo”virtuale
42/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Max450-500 pixel
SI
Usability dei testi
- Larghezza della colonna -
800 pixel
NO
Fonte: Webstyle guide - 2002
http://www.webstyleguide.com/type/lines.html
43/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Larghezza della colonna adeguata alla lettura umana -
Fonte: Web style guide
http://webstyleguide.com/wsg3/index.html
44/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Un testo troppo “largo” -
45/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Un testo di larghezza corretta -
46/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Usate un layout fisso per la larghezza della colonna -
Fonte: Web style guide
http://webstyleguide.com/wsg3/index.html
47/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Lunghezza dei testi -
Limitate la lunghezza dei testi degli articoli fra 500 e 3.000 caratteri per un massimo di 2 max 3 schermate
Le ricerche di Nielsen confermano che la maggior parte degli utenti non supera le 2,5 schermate
Nel caso di testi più lunghi è necessario
Un indice iniziale cliccabile
Un editing ipertestuale
Fonte: Web style guide
http://webstyleguide.com/wsg3/index.html
48/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Usability dei testi
- Un testo lungo non “trattato” -
42.000 caratteri
Nessun indice
Nessun editing ipertestuale
E’ un testo per la stampa, non per la lettura su web
49/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Usability dei testi
- Un altro esempio di testo lungonon “trattato” -
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
50/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Dipende dalle caratteristiche del testo (lunghezza, grado di autonomia delle singole parti)
Dipende dal tipo di fruizione che si può ipotizzare da parte del lettore (sequenziale, granulare, focalizzata su alcuni punti)
Usability dei testi
- Come suddividere il testo? -
51/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Sommari
cliccabili
Pagine
sequenziali Sottopagine indici
Il testo sta concettualmente su un solo “livello”
Il testo ha una sua unità e non èscomponibile
Il testo deve poter essere stampato
Usability dei testi
- Le varie suddivisioni per i testi lunghi -
Il testo sta concettualmente su un solo “livello”
Il testo èscomponibile in parti autonome
Il testo ha senso solo se letto sequenzialmente
Il testo sta concettualmente su più livelli di dettaglio
Il testo deve adattarsi a lettori che hanno diverse esigenze di approfondimento
Il testo ha senso anche se alcune parti non vengono lette
Il testo è formato da tanti sottotesti autonomi e omogenei
Il lettore deve focalizzarsi solo su un frammento
Il testo ha senso anche se alcune parti non vengono lette
52/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Indici iniziali e “up” per i testi lunghi -
Nessuno strumento di navigazione interna
Indice cliccabiledei paragrafi all’inizio
Bottoni per tornare in alto
SINO
53/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Impaginazione “a bandiera” -
okFonte: Web style guide
http://webstyleguide.com/wsg3/index.html
54/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il giustificato peggiora la leggibilità -
Evitate di giustificare i testi che vanno in Rete
55/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Effetti imprevisti del giustificato -
56/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Effetti imprevisti del giustificato -
57/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il giustificato non aiuta la lettura -
58/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Analisi dei Sistemi Finanziari MAT/09 6Analisi Matematica 2 MAT/05 6
Aspetti Epistemologici dell’Informatica INF/01 6Basi di Dati (Complementi) INF/01 6
Bioinformatica INF/01 6Business Intelligence MAT/09 6
Calcolo Numerico MAT/08 6Cibernetica (Elementi di Teoria dei Sistemi) INF/01 6
Computazione Quantistica (Metodi Matematici ed Elementi) INF/01 6Data Minino MAT/09 6
Economia e Organizzazione Aziendale ING/IND/35 6Elaborazione delle Immagini (elementi) INF/01 6
Elaborazione Numerica dei Segnali INF/01 6Fisica Generale 1 (Complementi) FIS/01 6
Fisica Generale 2 (Progettazione Logica Digitale) FIS/01 6Fondamenti Logico-Matematici dell'Informatica (Elementi) INF/01 6
Gestione di documenti in ambiente WEB INF/01 6Informatica Applicata (Controlli Automatici) INF/01 6
Informatica Applicata (Grafica) (*) INF/01 6Informatica Medica INF/01 6
Psicologia Generale 1 (*) M-PSI/01 6
Usability dei testi
- Allineamento: al centro peggiora l’utilizzo -
Nel caso di utilizzi particolari (come consultare un elenco) l’allineamento a sinistra diventa una necessità
59/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
L’iniziativa vuole massimizzare gli utili e ridurre le spese
L’INIZIATIVA VUOLE MASSIMIZZARE GLI UTILI E RIDURRE LE SPESENO
SI
L’iniziativa vuole massimizzare gli utili e ridurre le spese
NO
SI
L’iniziativa vuole massimizzare gli utili e ridurre le spese
L’iniziativa vuole massimizzare gli utili e ridurre le spese
NO
SI
L’iniziativa vuole massimizzare gli utili e ridurre le spese
Usability dei testi
- Maiuscolo, corsivo, sottolineature -
60/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
SI E’ VERIFICATO SPERIMENTALMENTE CHE LA LEGGIBILITÁ DI UN TESTO SCRITTO ESCLUSIVAMENTE IN CARATTERI MAIUSCOLI È MINORE DI QUELLA DI UN TESTO SCRITTO IN CARATTERI MAIUSCOLI E MINUSCOLI
Si è verificato sperimentalmente che la leggibilità di un testo scritto esclusivamentein caratteri maiuscoli è minore di quella di un testo scritto in caratteri maiuscoli e minuscoli
Usability dei testi
- I difetti del maiuscolo -
Pattern riconoscibili
Conservazionedell’informazione
61/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
L’uso delle minuscoleassocia ad ogni parolaun “pattern” riconoscibiledato dalle ascendenti e dalle discendenti
Usability dei testi
- Il minuscolo crea un pattern più leggibile -
Fonte: Web style guide
http://webstyleguide.com/wsg3/index.html
62/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il minuscolo crea un pattern più leggibile -
63/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Il corsivo si legge male su video
perché enfatizza l’effetto “sega”
Usability dei testi
- Il corsivo aumenta l’effetto “sega” -
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
64/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Evitate di scrivere testi
tutti in corsivo
Usability dei testi
- Il corsivo peggiora la leggibilità -
65/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Fonte: Hill, Scharff - 1997
http://hubel.sfasu.edu/research/AHNCUR.html
Indipendentemente dal tipo di font e dal colore, il corsivo aumenta i tempi medi di lettura
La leggibilità è data del tempo medio utilizzato da un campione di soggetti per leggere determinati brani di testo (es.: ricerca della prima occorrenza di una fra più parole date nel testo)
Usability dei testi
- Corsivo: esperimenti sui tempi di lettura -
66/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Font -
Fonte: Web style guide
http://webstyleguide.com/wsg3/index.html
67/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Due tipi di font -
Carattere con “grazie”
Carattere a “bastoni”
68/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine (times new roman)
L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungotermine (arial)
L’iniziativa vuole massimizzare gli utili e ridurre le speseattraverso una accurata politica di investimenti a medioe lungo termine (Garamond)
L’iniziativa vuole massimizzare gli utili e ridurre le speseattraverso una accurata politica di investimenti a medio elungo termine (verdana)
NO
SI
Usability dei testi
- I font migliori (e i peggiori) -
69/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il Times New Roman peggiora la leggibilità -
70/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Font sbagliati
71/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Times
Fonte: Bernard et al, 2001
http://psychology.wichita.edu/surl/usabilitynews/3S/font.htm
Verdana
Arial
Usability dei testi
- Verifiche sperimentali: percezione degli utilizzatori -
N.B. La percezione può non coincidere con i tempi di lettura
72/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Un esperimento: (Williams, Scharff)
Usare preferibilmente almeno caratteri in corpo 12
Usability dei testi
- Dimensioni e interlinea dei caratteri -
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
73/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Indagine di M. Bernard (2003) sui tempi di lettura -
Fonte: Bernard et al, 2003
http://psychology.wichita.edu/optimalweb/text.htm
La resa migliore (tempo medio di riconoscimento lettere) si ha con i caratteri in corpo 12 , in particolare Thaoma e Verdana (ma anche Times)
74/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Rapporto testo-sfondo -
NO SINO
75/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Rapporto testo-sfondo -
Nero su bianco Bianco su nero
Bianco su Azzurro
Blu su bianco Grigio su nero
Nero su giallo Fucsia su blu
Rosso su verde
SI NI NO
Nero su grigio
Verde su giallo
76/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Rapporti testo-sfondo sbagliati -
77/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Contrasti che non favoriscono la leggibilità -
78/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Evitate sfondi elaborati nel testo -
79/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Fonte: Lauren Scharff 1997
http://hubel.sfasu.edu/research/survreslts.html
Usability dei testi
- Rapporto testo-sfondo: indagini empiriche -
80/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Gli obiettivi dell’iniziativaL’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine
NO
Usability dei testi
- Usare pochi colori e dare loro un significato -
SIGli obiettivi dell’iniziativaL’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine
81/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Troppi colori
82/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Colori a profusione -
83/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
caratteri di colori lontanisullo spettro vengono messia fuoco su piani diversi
Usability dei testi
- Non affiancate colori lontani nello spettro -
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
84/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Esempio di rosso su sfondo blu
Non si riesce a mettere a fuoco
85/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Da questo esempio si vede la difficoltà di messa a fuococontemporanea del rosso e del blu: da molti le righe di questidue colori vengono viste, per i motivi descritti, come se fosserocollocate a distanze diverse dagli occhi.
Questo fenomeno non si verifica se si usano due colori chesi trovino fra loro più vicini sullo spettro visibile, come si puòfacilmente verificare da questo secondo esempio, che nondovrebbe presentare l’effetto tridimensionale di cui sopra.
Da Roberto Polillo
86/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Niente animazioni nel testo -
NO SI
87/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Agenda
4) Formattazione
88/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Il problema dei blocchi di testo -
I blocchi di testo troppo fitti spaventano il lettore
Sul web è difficile mantenere dei punti di riferimento e l’occhio si stanca prima
E’ necessario spezzare l’omogeneitàintroducendo elementi di rilevanza e
bussole di riferimento
89/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
90/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
91/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Spazi, blocchi, impaginazione -
NO SI
Vari blocchi di testo il piùpossibile uniformi
spazi tra i paragrafi e all’interno della pagina
Impaginazione a bandiera
Blocco unico di testoNessuno spazioImpaginazione giustificata
92/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Blocchi di testo: meglio se molto corti -
Fonte: Poynter Institute - 2004
http://www.poynterextra.org/eyetrack2004/articlepages.htm
Blocchi corti(4 - 5 righe)
Blocchi medio-lunghi(9 - 10 righe)
La ricerca rivela che con blocchi di testo medio lunghi (9-10 righe) l’efficacia si riduce di più della metà
(durata e numero di fissazioni dello sguardo)
93/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Uso dei blocchi di testo -
Ok NO
94/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Uso dei blocchi di testo -
NONO
95/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Uso dei blocchi di testo -
96/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
Un esempio per i blocchi di testo
(AGENZIA UMBRIA NOTIZIE) – Perugia 4 lug. 07 - Con il “Concerto per la pace a favore del Malawi” in piazza del Comune ad Assisi (venerdì 6 luglio, ore 21), Scorribanda, il festival dei complessi bandistici umbri, entra nel vivo della sua 18esima edizione: protagonisti della serata, organizzata dalla Regione Umbria in collaborazione con la sezione umbra dell’”ANBIMA” (Associazione nazionale bande italiane musicali autonome), saranno il complesso bandistico “Lo Smeraldo” di Pietrafitta e l’Associazione Amici della Musica “Ivo Guglielmi” di Valfabbrica, diretti dal maestro Giuseppe Cecchetti.Il programma della nuova edizione di Scorribanda, “che è rivolta – ricordano gli organizzatori - soprattutto a giovani strumentisti, aspiranti maestri e direttori”, si protrarrà fino a dicembre, con esercitazioni, corsi e laboratori, lezioni teoriche e pratiche, seminari, conferenze ed una intensa attività concertistica, anche invernale, ad Orvieto, con le bande musicali di Bevagna, Cannara, Gualdo Tadino, Norcia e della stessa Orvieto. In particolare, i corsi di strumento e le esercitazioni orchestrali si terranno a Bevagna con la partecipazione di quasi cento musicisti e la presenza di maestri di fama, anche internazionale (da Mario Ancillotti a Filippo Salemmi a Giancarlo Aquilani). Le lezioni teoriche e pratiche per giovani maestri e aspiranti direttori si svolgeranno invece ad Orvieto, con la collaborazione della locale filarmonica e la partecipazione del maestro Carlo Pirola, docente di strumentazione e direzione di banda del Conservatorio di Milano. Conferenze, prove aperte e seminari (tenuti, tra gli altri, dai maestri Savino Acquaviva, Massimiliano Pidò, Paolo Milesi, Stefano Gori e Stefan Kohle, quest’ultimo direttore del “Musikkappele” della cittàaustriaca di Oberhofen), avranno sede a Bevagna e a Città di Castello, mentre i laboratori saranno istituiti presso la banda musicale di Costano e la filarmonica “La mezza età” di Lama.
(AGENZIA UMBRIA NOTIZIE) – Perugia 4 lug. 07 - Con il “Concerto per la pace a favore del Malawi” in piazza del Comune ad Assisi (venerdì 6 luglio, ore 21), Scorribanda, il festival dei complessi bandistici umbri, entra nel vivo della sua 18esima edizione
Protagonisti della serata, organizzata dalla Regione Umbria in collaborazione con la sezione umbra dell’”ANBIMA” (Associazione nazionale bande italiane musicali autonome), saranno il complesso bandistico “Lo Smeraldo” di Pietrafitta e l’Associazione Amici della Musica “Ivo Guglielmi” di Valfabbrica, diretti dal maestro Giuseppe Cecchetti.
Il programma della nuova edizione di Scorribanda, “che è rivolta – ricordano gli organizzatori - soprattutto a giovani strumentisti, aspiranti maestri e direttori”, si protrarrà fino a dicembre, con esercitazioni, corsi e laboratori, lezioni teoriche e pratiche, seminari, conferenze ed una intensa attività concertistica, anche invernale, ad Orvieto, con le bande musicali di Bevagna, Cannara, Gualdo Tadino, Norcia e della stessa Orvieto.
In particolare, i corsi di strumento e le esercitazioni orchestrali si terranno a Bevagna con la partecipazione di quasi cento musicisti e la presenza di maestri di fama, anche internazionale (da Mario Ancillotti a Filippo Salemmi a Giancarlo Aquilani). Le lezioni teoriche e pratiche per giovani maestri e aspiranti direttori si svolgeranno invece ad Orvieto, con la collaborazione della locale filarmonica e la partecipazione del maestro Carlo Pirola, docente di strumentazione e direzione di banda del Conservatorio di Milano.
Conferenze, prove aperte e seminari (tenuti, tra gli altri, dai maestri Savino Acquaviva, Massimiliano Pidò, Paolo Milesi, Stefano Gori e Stefan Kohle, quest’ultimo direttore del “Musikkappele” della città austriaca di Oberhofen), avranno sede a Bevagna e a Città di Castello, mentre i laboratori saranno istituiti presso la banda musicale di Costano e la filarmonica “La mezza età” di Lama.
97/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
98/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
99/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Formattazione e ancoraggi
Il vantaggio dei punti elenco
1) Se usato bene, spezza i blocchi di testo e facilita la lettura
2) Aiuta a ridurre la quantità di testo, eliminando i connettivi
3) Costringe a essere precisi nella formulazione dei concetti e delle frasi
100/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Parallelismo del contenutoContenuti omogenei (ovvero tutti appartenenti alla stessa categoria)
Parallelismo grammaticaleTutti verbi, tutti sostantivi, ecc
Parallelismo visualeLunghezza simile di tutti i punti. Mettete i piùlunghi alla fine
Numero adeguatoAlmeno 3 voci, non più di 7
Usarli possibilmente solo per gli elenchie non per dividere i paragrafi
Formattazione e ancoraggi
Punti elenco: regole
Da: Luisa Carrada,
Scrivere per internet – Lupetti 1999
101/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Un buon uso dei punti elenco -
Distanziati
Accompagnati da grassetto sulle parole chiave
Luisa Carrada
102/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Un buon uso dei punti elenco (2) -
Brevi
Simmetrici grammaticalmente
Accompagnati da titoletti che ne raggruppano i contenuti in modo omogeneo
103/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
Un esempio di editing per i punti-elenco
• Sempre più spesso la microcriminalità usa la richiesta di aiuto, di elemosina, la vendita di merce o il gioco d'azzardo per colpire.
• Diffidate di quanti vi fermano avendo cartoni, giornali o bambini piccoli in braccio e vi circondano numerosi. E' il metodo più praticato per toccarvi e borseggiarvi abilmente.
• Se volete fare una offerta non commettete mai l'errore di estrarre il portamonete e di contare i soldi. Tenete sempre da parte una piccola cifra per dare direttamente l'obolo.
• Non lasciatevi tentare dalle vendite facili e ancor meno dal gioco delle tre carte e similari. Sono quasi sempre imbrogli.
• Non accettate inviti da parte di sconosciuti che vi hanno avvicinato o "scelto".
• Se ti chiedono l'ora o il cambio di una banconota, osserva il tuo interlocutore, non farti ingannare dal suo aspetto distinto, dalla gentilezza dei modi: potrebbe essere il pretesto per farti estrarre il portafogli o indurti a mettere in mostra orologio o braccialetti.
• Attenzione alla presenza di compari del venditore o di chi dirige il gioco: possono derubarvi in altro modo e in un altro posto, quindi evitate di tirar fuori portafogli, chiavi e altri oggetti che identifichino una vostra proprietà.
• Evitate di fare discussioni, anche simpatiche, con amici per chi offre una consumazione con il portafogli aperto in mano e ben in vista, occhi indiscreti possono essere in agguato.
• Gli atri dei cinema e dei ritrovi sono i luoghi prediletti dai malviventi.
• Finte richieste di aiutoSempre più spesso la microcriminalità usa la richiesta di aiuto, di elemosina, la vendita di merce o il gioco d'azzardo per colpire.
• Vi circondano in tantiDiffidate di quanti vi fermano avendo cartoni, giornali o bambini piccoli in braccio e vi circondano numerosi. E' il metodo più praticato per toccarvi e borseggiarvi abilmente.
• Se fate un’offerta, non dal portamoneteSe volete fare una offerta non commettete mai l'errore di estrarre il portamonete e di contare i soldi. Tenete sempre da parte una piccola cifra per dare direttamente l'obolo.
• Il gioco delle tre carteNon lasciatevi tentare dalle vendite facili e ancor meno dal gioco delle tre carte e similari. Sono quasi sempre imbrogli.
• Niente inviti da sconosciutiNon accettate inviti da parte di sconosciuti che vi hanno avvicinato o "scelto".
• Che ora e?Se ti chiedono l'ora o il cambio di una banconota, osserva il tuo interlocutore, non farti ingannare dal suo aspetto distinto, dalla gentilezza dei modi: potrebbe essere il pretesto per farti estrarre il portafogli o indurti a mettere in mostra orologio o braccialetti.
• Occhio ai compari del venditoreAttenzione alla presenza di compari del venditore o di chi dirige il gioco: possono derubarvi in altro modo e in un altro posto, quindi evitate di tirar fuori portafogli, chiavi e altri oggetti che identifichino una vostra proprietà.
• Offro io! Ma occhio al portafogliEvitate di fare discussioni, anche simpatiche, con amici per chi offre una consumazione con il portafogli aperto in mano e ben in vista, occhi indiscreti possono essere in agguato.
• Occhi aperti al cinemaGli atri dei cinema e dei ritrovi sono i luoghi prediletti dai malviventi.
104/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
L’efficacia del grassetto
Il vantaggio del grassetto è di creare un “alone semantico” attorno alla zona grassettata, dando informazioni sul contenuto
Inoltre il grassetto introduce un primo livello di lettura
Grassetto
Grassetto
Grassetto
1
2
105/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Esempio: di che cosa parla questo articolo?
La Comunità pratica si articola in due fondamentali momenti: I workshop e le azioni di assistenza tecnica, realizzate da un’equipe di esperti nazionali con specifica esperienza di imprenditori sociali e di animatori territoriali, provenienti dalle imprese sociali aderenti al consorzio NOVA (consorzio nazionale di imprese sociali per l’innovazione, attivo a livello nazionale attraverso progetti di sperimentazione e trasferimento di buone pratiche e metodologie).
I Laboratori: momenti di condivisione e di apprendimento partecipativocon la presenza di esperti italiani e stranieri, finalizzati alla messa in comune del sapere e alla riflessione su cambiamenti ed innovazioni possibili. I laboratori si dividono in laboratori Fondanti (Strategie di gestione del cambiamento, Immagini Organizzative, Impresa e Ricchezza, Governance e territorio) e in laboratori Specialistici (Leadership e processi di direzione, Reti e metodologie, Conflitti e negoziazione, la pianificazione strategica, Il lavoro per processi, Qualità e controllo).
106/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Esempio: di che cosa parla questo articolo?
107/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Esempio: di che cosa parla questo articolo?
La Comunità pratica si articola in due fondamentali momenti: I workshop e le azioni di assistenza tecnica, realizzate da un’equipe di esperti nazionali con specifica esperienza di imprenditori sociali e di animatori territoriali, provenienti dalle imprese sociali aderenti al consorzio NOVA (consorzio nazionale di imprese sociali per l’innovazione, attivo a livello nazionale attraverso progetti di sperimentazione e trasferimento di buone pratiche e metodologie).
I Laboratori: momenti di condivisione e di apprendimento partecipativo con la presenza di esperti italiani e stranieri, finalizzati alla messa in comune del sapere e alla riflessione su cambiamenti ed innovazioni possibili. I laboratori si dividono in laboratori Fondanti (Strategie di gestione del cambiamento, Immagini Organizzative, Impresa e Ricchezza, Governancee territorio) e in laboratori Specialistici (Leadership e processi di direzione, Reti e metodologie, Conflitti e negoziazione, la pianificazione strategica, Il lavoro per processi, Qualità e controllo)
108/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
109/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Grassettature -
Ci sono sempre Ogni testo possiede alcune parole chiave. Vanno individuate e grassettate
Solo sulle parole chiave Non grassettate “a caso”. Selezionate attentamente le parole da evidenziare
No alla macchia di leopardo Evidenziate solo una/due parole per ogni paragrafo. Non esagerate per evitare l’effetto “a macchia di leopardo”
Coerenza Evidenziate il testo in modo coerente per tutta la sua lunghezza
110/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"L’arte dei “punti di ancoraggio”
Da: Luisa Carrada: Il mestiere di scrivere, Apogeo 2008
111/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine che comporteranno notevoli cambiamenti sul piano organizzativo e di infrastrutture tecnologiche. Inoltre verrà garantita un’accurata politica di marketing a supporto delle attività al fine di garantire un presidio one-to-one di tutta la clientela, dopo un’accurata segmentazione della stessa in base ai classici parametri socio-demografici.
NO
SIL’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine che comporteranno notevoli cambiamenti sul piano organizzativo e di infrastrutture tecnologiche. Inoltre verrà garantita un’accurata politica di marketing a supporto delle attività al fine di garantire un presidio one-to-one di tutta la clientela, dopo un’accurata segmentazione della stessa in base ai classici parametri socio-demografici.
L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine che comporteranno notevoli cambiamenti sul piano organizzativo e di infrastrutture tecnologiche. Inoltre verrà garantita un’accurata politica di marketing a supporto delle attività al fine di garantire un presidio one-to-one di tutta la clientela, dopo un’accurata segmentazione della stessa in base ai classici parametri socio-demografici.
NO
Formattazione e ancoraggi
- Grassettature – Esempio (1)
112/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Usability dei testi
- Usare il grassetto (con parsimonia) -
113/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Troppo grassetto
114/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
NO
Formattazione e ancoraggi
- Grassettature – Esempi negativi
NO
115/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
Grassettature: esempi positivi
Doppio livello
Alone semantico
116/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Formattazione e ancoraggi
- Il triplo ruolo cognitivo dei link -
Sono un link!
Che cosa trovi fuori
Che cosa trovi intorno
117/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Informatività La parola deve essere informativa. Evitate “clicca qui” o "pagina seguente".
Economia Non linkate frasi, ma parole
Coerenza tra partenza e arrivo la parola deve essere coerente con il contenuto veicolato
Numero Limitate il numero di link nel testo. Max 5
Discriminanza niente ambiguità tra i link nella pagina (es: “prodotti” e “Catalogo”)
Formattazione e ancoraggi
- Link interni al testo -
118/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Formattazione e ancoraggi
- Retorica della partenza e dell’arrivo -
Patto chiaro con l’utenteTi dico esattamente dove ti porterò (chiarezza al limite della didascalia sulle parole da linkare)
Mantenere le promesseArriverai esattamente dove ti ho promesso di portarti e troverai esattamente il contenuto che ti aspetti (non usare le parole come tranelli)
119/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
• Per aderire all’iniziativa è sufficiente scaricare il modulo…
• Siamo stati al Customer Care di Bari e vi proponiamo l’intervista al suo Responsabile, Mario Rossi…
• L’offerta si rivolge a una vasta fascia di consumatori e partirà con il mese di ottobre. Previsti sconti e un pricing differenziato per fascia d’età. All’interno i dettagli…
• per saperne di più clicca qui…
• Per aderire all’iniziativa è sufficiente scaricare il modulo…
• Siamo stati al Customer Care di Bari e vi proponiamo l’intervista al suo Responsabile, Mario Rossi…
• L’offerta si rivolge a una vasta fascia di consumatori e partirà con il mede di ottobre. Previsti sconti e un pricing differenziato per fascia d’età. All’interno i dettagli…
• per saperne di più…
NO
SI
Formattazione e ancoraggi
- Link interni al testo - Esempi
120/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Link
I lettori in genere si basano sui primi 11 caratteri dei testi linkati per prevedere qual è il contenuto linkato
Quindi, ad esempio, un link come introduzione all’uso della procedura, non funziona
http://www.useit.com/alertbox/nanocontent.html
121/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Agenda
5) Strutturazione
122/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Introduzione conclusioneDettagli tecnici
Premesse teoriche
Informazioni a contorno
Informazioni
importanti
Parte “core”
La parte importante (informativa) arriva dopoun’introduzione e un insieme di premesse teoriche (difensive?)
Ogni parte è consequenziale e ha la stessa importanza (Principio dell’estensione)
E’ una struttura molto usata in azienda: es: lettere, report, pubblicazioni scientifiche, normative
La struttura del testo
- La piramide invertita -
123/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Strillo riassuntivo di tutto
Informazioni importanti
Informazioni a contorno e
dettagli
Link, schede tecniche, approfondimenti, allegati
Parte “core”
La parte importante è messa all’inizio e riassunta in titoli e strilli. Seguono le informazioni a contorno e i dettagli per finire con approfondimenti
Le prime parti “riassumono” le parti successive, in un approfondimento progressivo (principio della profondità)
Tipica della scrittura giornalistica e in parte del linguaggio pubblicitario. Sul web si arricchisce delle possibilità offerte dall’ipertesto.
Titoli “efficaci”
La struttura del testo
- La piramide invertita -
Fonte: Jacob Nielsen
http://www.useit.com/alertbox/9606.html
124/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
SINTESI
DETTAGLIO
MATERIALEAGGIUNTIVO
La struttura del testo
- La struttura del testo: la piramide formale -
Label
Titoli
Sottotitoli dentro l’articolo
strilli (per home, pagine indice, archivi)
Abstract degli articoli
Articoli con le cose più rilevanti all’inizio
Link esterni
pop up e sottopagine
Materiali da scaricare
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
125/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Denotativi nella punta…
…connotativi al centro…
…aperti nella base
5 W
Fonti documentali
Discussioni teoriche astratte
Informazioni di nicchia
Schede tecniche
Argomenti avanzati per esperti
Argomenti importanti ma non pertinenti
Storia elaborata
Scenari
Dati principali
Dettagli e particolari
Premesse
La struttura del testo
- La struttura del testo: la piramide sostanziale -
126/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La struttura del testo
- Una buona piramide -
127/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
1
2
3
Stile a piramide invertita: esempi
Da Roberto Polillo
http://www.slideshare.net/rpolillo/12progettare-il-testo
128/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La struttura del testo
- Una cattiva piramide -
Quale sarebbe stato un corretto uso della piramide in questo caso?
Titolo: Bollo auto: si paga anche allo sportello telematico.
Strillo: Dal 19 novembre si potrà pagare il bollo anche agli sportelli telematici della agenzie della
rete Semetra. Vedi l’elenco delle agenzie autorizzate sul territorio.
129/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Tag
"Una tag è una parola chiave o un termine associato a un "pezzo" di informazione (un'immagine, una mappa geografica, un post, un video clip, etc.) che descrive l'oggetto rendendo possibile la classificazione e la ricerca di informazioni basata su parole chiave."(Fonte: Wikipedia)
130/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Tag che non servono a nulla
131/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Tag più utili
132/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Scrivere i tag
Siate specifici: Nomi propri, nomi di prodotti, nomi di luoghi, nomi di eventi, numeri di normative
Siate multilaterali: potete inserire l’argomento, la fonte, i destinatari, il tipo di contenuto, l’autore
Siate generosi: non una sola tag ma tante tag per i diversi aspetti
Siate coerenti: usate dove potete tag giù utilizzate
Mettetevi nei panni dell’utente: come taggherebbequesta informazione? Come la ricercherebbe?
I tag migliori sono quelli specifici per ogni tipo di argomento
133/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"https://adwords.google.it/select/KeywordToolExternal
134/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
135/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
136/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Corto. fra 40 e 60 caratteri. Il titolo dovrebbe stare solo su una riga.
Esplicito. Descrive e anticipa il contenuto della pagina. Niente giochi di parole incomprensibili
Chiaro. Con un vocabolario comprensibile. Niente sigle o termini tecnicisconosciuti (non “L’URP cambia sede”, ma “L’Ufficio Relazioni con il Pubblico cambia sede”) .
Accattivante che invita alla lettura. Senza effetti retorici, punti esclamativi, lingua promozionale.
Contiene le parole chiave Usate le parole chiave dell’articolo per rinforzare la coerenza del messaggio.
Autoportante il titolo deve essere capito al volo senza bisogno di leggere altro
il cuore è all’inizio Nelle prime parole c’è il maggior significato (es. “Iraq: la guerra continua”; “Bollo auto: le novità”).
La struttura del testo
- Titoli -
137/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La struttura del testo
- Perché i titoli devo essere “Autonomi?” -
Archivi
Feed RSS
Motori
Aggregatori di news
138/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
La struttura del testo
- Un esempio in archivio -
139/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli sbagliati e ricerche interne
140/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"La struttura del testo
- Esempio di difficile “trovabilità”Questo titolo non aiuta un motore dei ricerca ad identificare l’argomento
141/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
?
La struttura del testo
- Trovo la pagina solo se cerco “Disabile”
142/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"La struttura del testo
- Altro esempio comune Venezia
?
143/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Traduzione da un’idea di Jean-Marc Hardy, www.60questions.net
Il “Title” della pagina.E’ la segnalazione chiave . Massimo 100 caratteri. Le prime parole hanno più peso. Create un title diverso per ogni pagina
L’URL della pagina.Le parole contenute influenzano l’indicizzazione.
Scegliere indirizzi significativi. Utlizzate-trattini-per-separare-le-parole
H1E’ il titolo principale dentro la pagina. Importantissimo. Titoli precisi ed espliciti. Niente giochi di parole. Anticipare il contenuto.
Keyword e description.I meta-tag Keyword e description oggi hanno poco valore per Google.
Contenuti testualiLe prime parole hanno più peso delle seguenti. Utilizzate parole di uso comune.Aggiornateli continuamente: Google lo apprezza. La ripetizione delle parole-chiave aiuta l’indicizzazione. Attenzione agli abusi
H2, H3 eccIl testo dentro tag strutturali come “H2”, “H3”, ecc avrà un’attenzione particolare
LinkLe parole linkate favoriscono l’indicizzazione della pagina di destinazione. Evitate il “clicca qui”
“ALT” per le fotoUsate l’attributo “ALT”per descrivere la foto. Il 10% del traffico di Google avviene per ricerche fatte su immagini. Google usa l’ALT per identificare il contenuto del sito.
144/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Il “Title” della pagina.
E’ la segnalazione chiave . Massimo 100 caratteri. Le prime parole hanno più peso. Create un title diverso per ogni pagina
L’URL della pagina.Le parole contenute influenzano l’indicizzazione.
Scegliere indirizzi significativi. Utlizzate-trattini-per-separare-le-parole
H1E’ il titolo principale dentro la pagina. Importantissimo. Titoli precisi ed espliciti. Niente giochi di parole. Anticipare il contenuto.
Keyword e description.I meta-tag Keyword e description oggi hanno poco valore per Google.
Contenuti testualiLe prime parole hanno più peso delle seguenti. Utilizzate parole di uso comune.Aggiornateli continuamente: Google lo apprezza. La ripetizione delle parole-chiave aiuta l’indicizzazione. Attenzione agli abusi
H2, H3 eccIl testo dentro tag strutturali come “H2”, “H3”, ecc avrà un’attenzione particolare
LinkLe parole linkate favoriscono l’indicizzazione della pagina di destinazione. Evitate il “clicca qui”
“ALT” per le fotoUsate l’attributo “ALT”per descrivere la foto. Il 10% del traffico di Google avviene per ricerche fatte su immagini. Google usa l’ALT per identificare il contenuto del sito.
Traduzione da un’idea di Jean-Marc Hardy, www.60questions.net
145/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"La struttura del testo
- Titoli - Esempi
Tasse auto
Intervista al Prefetto di Ancona
Da domani il biglietto cambia look
Bollo auto: cambiano le scadenze
Il Prefetto di Ancona: la nostra ricerca dell’eccellenza
Escono i nuovi biglietti dell’autobus
No Si
146/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli sbagliati/1
147/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Qual è il leader?
Politica? Militare? Economica?
Titoli sbagliati: Corriere della sera
148/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli corretti/1
149/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli corretti/2
150/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
l'arte del titolo accattivante si è sviluppata in un supporto, quello del quotidiano cartaceo, caratterizzato da limiti di spazio e da ricchi elementi di contorno che rendevano quella tecnica di comunicazione al tempo stesso necessaria e comprensibile.
Sul Web le cose cambiano: lo spazio non è un problema e spesso la velocità di lettura viene privilegiata rispetto al contesto.
Insomma, potrebbe anche nascere una nuova arte del titolo. Diversa da quella che abbiamo fin qui conosciuto, ma non necessariamentemeno piacevole. Almeno si spera.
Raffaele Mastrolonardo – Corriere della Sera - Febbraio 2007
La nuova arte del titolo
151/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli a cui manca qualcosa/1
Google Scketch upProgettare modelli 3D con Google Sketch up: il video
La qualità dell’integrazione scolastica
C.P.S. Imperia
CONFERENZA DOCENTI REFERENTI
Progetto “Scuola amica”.
Tutti i materiali del convegno sull’integrazione scolastica
Ecco la nuova giunta C.P.S. Imperia, Enrico Paolo presidente
Docenti referenti: appuntamento il 3 febbraio
“Scuola amica”: entro il 22 marzo va presentato il materiale
Telefoni personale ufficioTutti i telefoni dell’USP di Piacenza
152/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Conferenza Permanente Consiglio Territoriale Immigrazione.
Progetto biblioteca
Processi di orientamento
Progetto EMergenza MAtematica
Graduatorie personale ATA
Conferenza Permanente Consiglio Territoriale Immigrazione, appuntamento al 20 aprile
Appuntamento in biblioteca per parlare di libri e infanzia
Orientamento: le buone pratiche di Imperia finiscono sul portale nazionale
I tutor junior a raccolta per il progetto “Emergenza Matematica”
Personale ATA: pubblicate le graduatorie provinciali permanenti
Titoli a cui manca qualcosa/2
153/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Concorso “La città che vorrei”
Tindari TeatroGiovani 2010
“La città che vorrei”, si prosegue fino al 15 marzo
In Sicilia, un concorso per chi ama il teatro
Titoli a cui manca qualcosa/3
Sezioni Primavera
Progetto: impariamo mangiando
Sezioni primavera: ecco gli elenchi degli ammessi
“Impariamo mangiando”: a Carugo un progetto per l’infanzia
Fascie di reperibilitàFasce di reperibilità: finalmente cade l’obbligo dopo la visita fiscale
Video del Ministro Maria Stella GelminiMaturità 2010: date e materie nel video del ministro Gelmini
154/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Graduatorie Prioritarie per distretto del personale Docente della Scuola dell’Infanzia, Primaria e Secondaria di I e II grado per l’anno scolastico 2009/2010. Pubblicazione graduatorie definitive.
Personale ATA – Procedura per l’attribuzione della 2^ posizione economica di cui all’art.2, comma 3, della sequenza contrattuale 25 luglio 2008 – Pubblicazione della graduatoria provinciale provvisoria
Infanzia, Primaria e Secondaria di I e II grado: pubblicate le graduatorie definitive 2009/10
Personale ATA: pubblicata la graduatoria provinciale provvisoria per l’attribuzione della 2^ posizione economica
Titoli che dicono troppo
Esami di Stato a.s. 2009/10 – Materie oggetto della seconda prova scrittaEsami 2009/10: tutte le materie della seconda prova scritta
155/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli un po’ fuorvianti
Personale A.T.A. Elenco candidati prova supplettiva USP SavonaPersonale A.T.A: nominato il comitato di sorveglianza per la prova supplettiva
Concorso “IdeaImpresa” promosso dalla Camera di Commercio di ComoProgettare il tessile del domani: Ideampresa premia gli studenti innovativi
Priorità nell’assegnazione delle supplenzeSupplenze brevi, pubblicate le graduatorie
156/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Titoli dallo stile migliorabile
Scuola, ok a riforma superioriScuola superiore, ok alla maxi-riforma
Lezione della Dott.ssa Valeria Mosca “Autismo e disturbi pervasivi di sviluppo”.Autismo e disturbi pervasivi dello sviluppo: la lezione della d.ssa Mosca
157/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"La struttura del testo
- Strilli -
Brevità Limitate lo strillo a un solo paragrafo, corto.
Ricapitolare. Deve dare tutte le informazioni pertinenti. Il resto non fa che apportare particolari.
Cinque W Chi? Che cosa? Quando? Dove? Perché? Chi è interessato? Di che cosa parla la notizia?
Dritti all’obiettivo Evitate giri di parole per introdurre l’argomento. Cominciate con “l’essenza”
158/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"La struttura del testo
- Strilli: le prime parole contano -
Fonte: Poynter Institute - 2004
http://www.poynterextra.org/eyetrack2004/blurbs.htm
La ricerca empirica rivela che le prime parole degli strilli attraggono la maggiore attenzione dei lettori
159/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Tutte le informazioni utili: come iscriversi, prezzi, orari, ubicazione delle sedi…
La nuova offerta di connettività per le famiglie: navigate e pagate a consumo..
• Entro il 17 novembre 2008 Rai Due e Rete Quattro saranno digitali a Torino e Cuneo. In tutto il Piemonte nel 2010.
• Tutte le informazioni utili per accedere ai nostri servizi
•Vieni anche tu a scoprire l’incredibile offerta…
• Un progetto all’avanguardia in regione, che ci proietta nel futuro, con uno sguardo ai paesi più avanzati in Europa
NO SI
La struttura del testo
- Strilli - Esempi
160/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Strilli/1
Partendo dalla consapevolezza dell’importanza di una sana e corretta alimentazione, soprattutto per i bambini, la scuola Primaria di Carugo ha attivato, per un intero anno, una serie di attività pratiche e teoriche tutte dedicate al tema della sana alimentazione. Si sono svolti così laboratori teatrali e di giardinaggio, attività sensoriali dedicate al gusto di frutta e verdura..… Per concludere una festa davvero speciale.
la scuola Primaria di Carugo ha attivato, per un anno, una serie di attività pratiche e teoriche tutte dedicate al tema della sana alimentazione: laboratori teatrali e di giardinaggio, attivitàsensoriali dedicate al gusto di frutta e verdura.. Per concludere una festa davvero speciale.
L’Ufficio Scolastico Regionale della Lombardia ha pubblicato gli elenchi delle istituzioni educative finanziate per il nuovo servizio sperimentale attivato per i bambini al di sotto dei tre anni di età
Pubblicati gli elenchi delle istituzioni educative finanziate per il nuovo servizio sperimentale dedicato ai bambini al di sotto dei tre anni. Ecco gli ammessi e i non ammessi
161/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Strilli/2
La suddetta graduatoria provinciale provvisoria resterà per 5 giorni a disposizione degli interessati i quali, entro il medesimo termine, potranno presentare reclamo scritto al Dirigente di questo U.S.P. esclusivamente per errori materiali od omissioni.
La graduatoria, pubblicata il 21 gennaio, è visibile anche su www.istruzionesavona.it. Resterà per 5 giorni a disposizione del personale ATA. Entro questa data il personale ATA potrà presentare reclamo scritto al Dirigente di questo U.S.P. (esclusivamente per errori materiali od omissioni).
In data odierna, 27 gennaio 2010, sono pubblicate le graduatorie distrettuali di prioritàper le supplenza brevi, da utilizzare per la copertura dei posti disponibili da oggi fino alla fine dell’anno scolastico.
Dal 27 gennaio 2010 sono disponibili le graduatorie distrettuali di priorità per le supplenza brevi, da utilizzare per la copertura dei posti disponibili da oggi fino alla fine dell’anno scolastico.
162/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Strilli/3
Bandito dalla Camera di Commercio di Como, in collaborazione con l’Ufficio Scolastico Provinciale e il Politecnico di Milano, il concorso “IdeaImpresa” è rivolto agli studenti delle scuole superiori di 2° grado.
Un concorso dedicato a “Tessile e territorio” che premierà gli studenti delle scuole superiori di secondo grado che si distingueranno per progetti innovativi. In palio 5.500 euro. Le iscrizioni scadono il 15 febbraio 2010. Patrocina la camera di Commercio di Como
Concorso “La città che vorrei” Proroga scadenza Il concorso“La città che vorrei” si prolunga fino al 15 marzo 2010. Tutte informazioni per partecipare
Individuate le materie per la seconda prova scritta negli esami di stato conclusivi dei corsi di studio ordinari e sperimentali di istruzione secondaria superiore Tutte le materie di esame per la seconda prova scritta nei corsi2009/10. Vedi i PDF scuola per scuola
163/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Strilli/4
Si rende noto che è in fase di organizzazione un seminario relativo al progetto EMergenza MAtematica; a tale iniziativa sono invitati a partecipare tuti i docenti “tutor junior”.
E’ in fase di organizzazione un seminario dedicato al progetto EMergenza MAtematica; sono invitati a partecipare tutti i docenti “tutor junior”.
Due scuole della Provincia di Imperia inserite sul portale Nazionale per “Buone pratiche dei processi di orientamento”.
Due scuole della Provincia di Imperia (l’Istituto Statale d’Arte di Imperia l’Istituto Comprensivo “Val Nervia” di Camporosso) finiscono sul portale Nazionale per “Buone pratiche dei processi di orientamento”.
164/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"Strilli/5
Nuovo progetto organizzato dalla Direzione Didattica III circolo di Imperia, i laboratori di lettura sono a numero chiuso.
SI parlare di libri che aiutano a crescere alla Biblioteca di Imperia. Il progetto partirà il 3 marzo 2009 e si concluderà il 21 aprile. Incontri con gli autori e laboratori di lettura (a numero chiuso). Tutti i dettagli.
Nella riunione svolta all’USP di Imperia, alla presenza del referente UNICEF, èstato definito il 22 marzo 2010 come termine per presentare il protocollo attuativo previsto dal progetto
Riunione svolta presso l’usp di Imperia, per progetto Scuola Amica rivolto alle istituzioni scolastiche coinvolte nel progetto.
165/165 Giacomo Mason – Febbraio 2010 Usabilità e scrittura dei testi per il web
MIU
R -
Per
cors
o f
orm
ativ
o:
Siti W
EB e
com
unic
azio
ne
istitu
zional
e"
Conferenza per tutti i docenti referenti: orientamento, gruppo H, stranieri, DSA e BES, educazione alla salute, tutors delle rappresentanze studentesche.
La conferenza si terrà al Polo Universitario Imperiese – Aula Magna – dalle ore 9 alle ore 17,30 del 3 febbraio 2010 (mercoledì) e coinvolgerà tutti i docenti referenti: orientamento, gruppo H, stranieri, DSA e BES, educazione alla salute, tutors delle rappresentanze studentesche.
Video corso sull’utilizzo di questo programma completamente gratuito per la progettazione di oggetti e ambienti fotorealistici.
Video corso sull’utilizzo di questo programma completamente gratuito per la progettazione di oggetti e ambienti fotorealistici.
Strilli/6