![Page 1: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/1.jpg)
Edizione 2013-14
Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
8. Il vostro blog: che cosa fare e come farlo bene
Roberto Polillo
![Page 2: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/2.jpg)
L’obiettivo del progetto
Realizzare un blog che contenga informazioni utili e aggiornate sull’argomento scelto
Non dovete fare i redattori (o i giornalisti…), ma i “curatori di contenuti”
R.Polillo - Marzo 2014
3
![Page 3: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/3.jpg)
Content curation
“L’atto di identificare, selezionare e condividere con continuità i contenuti online migliori e più rilevanti e le altre risorse online su uno specifico soggetto, per soddisfare le necessità di una specifica audience”
(Ann Handley)
R.Polillo - Marzo 2014
4
![Page 4: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/4.jpg)
Il processo della content curation
R.Polillo - Marzo 2014
5
Da Beth Kanter
Esistono degli strumenti per farlo in modo efficienteEs.: scoop.it
Esistono degli strumenti per farlo in modo efficienteEs.: scoop.it
![Page 5: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/5.jpg)
In sostanza
Cercate le fonti più valide sul vostro tema, e monitorale con una certa continuità
Selezionate gli articoli più rilevanti (con juicio!) Segnalateli con poche, efficienti righe di testo:
titolo chiaro Brevissimo sommario (che cosa e perché) Link
Sperimentate scoop.it !
R.Polillo - Marzo 2014
6
![Page 6: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/6.jpg)
Esempi da discutere (non tutti ok)
Dai blog dello scorso anno:http://quantocipiace.altervista.orghttp://dipendenzadainternet.altervista.org http://gruppolpp.altervista.org
Esempi di content curation:http://www.thinkinnovation.org http://humanfoundation.it
R.Polillo - Marzo 2014
7
![Page 7: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/7.jpg)
La valutazione del progetto
Verrà valutata la qualità complessiva del risultato, e il contributo individuale
R.Polillo - Marzo 2014
8
![Page 8: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/8.jpg)
Come si valuta la qualità di un sito
In generale, serve un modello di qualità (quality model), cioè un elenco delle caratteristiche che riteniamo importanti
Un modello di qualità può essere utilizzato:- per valutare il sito- per confrontarlo con altri siti simili- per tenerne sotto controllo la qualità durante la sua progettazione / realizzazione
Ne sono stati proposti vari…
R.Polillo - Marzo 2014
9
![Page 9: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/9.jpg)
Un esempio
R.Polillo - Marzo 2014
10
R.Polillo, A core quality model for Web applications, 201211 macro-caratteristiche
![Page 10: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/10.jpg)
Un esempio
R.Polillo - Marzo 2014
11
Questo è quello che interessa il
vostro blog
Questo è quello che interessa il
vostro blog
11 macro-caratteristiche
![Page 11: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/11.jpg)
Le sottocaratteristiche (I)
ArchitectureInformation architectureNavigation
CommunicationHome pageBrand identityVisual designTypography
Struttura dei menu•Tassonomia•Labelling•Profondità vs ampiezza•Percorsi di navigazione
R.Polillo - Marzo 2014
12
![Page 12: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/12.jpg)
Le sottocaratteristiche (I)
ArchitectureInformation architectureNavigation
CommunicationHome pageBrand identityVisual designTypography
Legibility:•Font senza grazie•No corsivo, meglio print font•Almeno 10-12 punti•Contrasto di colore carattere/sfondo•Caratteri scuri su fondo chiaro•Uso attento dello spazio bianco•Parole chiave in evidenza
R.Polillo - Marzo 2014
13
![Page 13: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/13.jpg)
Le sottocaratteristiche (II)
ContentInformation qualityData qualityContent currentness[Localization] Style guide compliance
Linee guida redazionali•Stile adatto al Web•Formati•Testo vs multimedia
R.Polillo - Marzo 2014
14
![Page 14: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/14.jpg)
Stile adatto al Web
• Conciso• Scansionabile• Oggettivo
Come leggiamo sul Web:
Video: eye tracking nella lettura di una pagina Web:
http://www.youtube.com/watch?v=O6DRl6tTjCU
R.Polillo - Marzo 2014
15
“Wall of text” (Jakob Nielsen)
![Page 15: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/15.jpg)
Questo testo non è stato pensato per il web!
16R.Polillo -
Marzo 2014
![Page 16: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/16.jpg)
R.Polillo - Marzo 201417
Principi della scrittura per il WebFORMA CONTENUTO
Frasi brevi Un'idea per frase
Poche frasi subordinate Mettere in ordine le idee
Frasi di forma positiva Piramide capovolta
Frasi di forma attiva Utilizzare il capoverso come unità di base del testo
Ordine preferito: frase principale + frase subordinata
Curare il collegamento fra capoversi
Evitare impersonale Elenchi puntati o numerati
Capoversi di 20 righe Parole chiave in evidenza
Lessico Oggettività
Evitare metafore e linguaggio poetico, evocativo
Sintesi
Stile oggettivo Tenere d'occhio la trovabilità dei contenuti
Da: G.Fiorentino, Frontiere della scrittura – Lineamenti di web writing (Carocci Ed.)
![Page 17: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/17.jpg)
R.Polillo - Marzo 201418
Principi della scrittura per il WebFORMA CONTENUTO
Frasi brevi Un'idea per frase
Poche frasi subordinate Mettere in ordine le idee
Frasi di forma positiva Piramide capovolta
Frasi di forma attiva Utilizzare il capoverso come unità di base del testo
Ordine preferito: frase principale + frase subordinata
Curare il collegamento fra capoversi
Evitare impersonale Elenchi puntati o numerati
Capoversi di 20 righe Parole chiave in evidenza
Lessico Oggettività
Evitare metafore e linguaggio poetico, evocativo
Sintesi
Stile oggettivo Tenere d'occhio la trovabilità dei contenuti
Da: G.Fiorentino, Frontiere della scrittura – Lineamenti di web writing (Carocci Ed.)
![Page 18: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/18.jpg)
Stile a piramide capovolta
SINTESI
DETTAGLIO
MATERIALEAGGIUNTIVO
link
link
19R.Polillo - Marzo 2014
![Page 19: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/19.jpg)
1
2
3
Stile a piramide capovolta: esempio
20R.Polillo - Marzo 2014
![Page 20: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/20.jpg)
Esempi da discutere
Il sito del Gruppo Assicurazioni Generalihttp://www.generali.com
Il sito della Presidenza del Consigliohttp://www.governo.it/index.asp
Il sito della Casa Biancahttp://www.whitehouse.gov
Alcuni magazine:http://www.techcrunch.com http://www.theverge.com
R.Polillo - Marzo 2014
21
![Page 21: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/21.jpg)
Post: esempi da discutere
http://vincos.it/2013/05/02/foursquare-visualizza-i-tuoi-check-in/
http://vincos.it/2013/04/14/le-trasmissioni-tv-di-magg http://vincos.it/2013/04/14/le-trasmissioni-tv-di-maggior-
successo-in-rete-primo-trimestre-2013/ http://blog.debiase.com/2013/05/forli-con-linnovazione-
responsabile/
R.Polillo - Marzo 2014
22
![Page 22: 8. Il vostro blog: come farlo e come farlo bene](https://reader033.vdocuments.pub/reader033/viewer/2022061121/546efb81af7959330b8b4648/html5/thumbnails/22.jpg)
R.Polillo - Marzo 201423
Buon lavoro !