8. il vostro blog: come farlo e come farlo bene

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

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

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)


4

Il processo della content curation


5

Da Beth Kanter

Esistono degli strumenti per farlo in modo efficienteEs.: scoop.it

Esistono degli strumenti per farlo in modo efficienteEs.: scoop.it

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 !


6

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


7

http://quantocipiace.altervista.org/

http://dipendenzadainternet.altervista.org/

http://gruppolpp.altervista.org/

http://www.thinkinnovation.org/

http://humanfoundation.it/

La valutazione del progetto

Verrà valutata la qualità complessiva del risultato, e il contributo individuale


8

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…


9

Un esempio


10

R.Polillo, A core quality model for Web applications, 201211 macro-caratteristiche

Un esempio


11

Questo è quello che interessa il

vostro blog

Questo è quello che interessa il

vostro blog

11 macro-caratteristiche

Le sottocaratteristiche (I)

ArchitectureInformation architectureNavigation

CommunicationHome pageBrand identityVisual designTypography

Struttura dei menu•Tassonomia•Labelling•Profondità vs ampiezza•Percorsi di navigazione


12

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


13

Le sottocaratteristiche (II)

ContentInformation qualityData qualityContent currentness[Localization] Style guide compliance

Linee guida redazionali•Stile adatto al Web•Formati•Testo vs multimedia


14

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


15

“Wall of text” (Jakob Nielsen)



Questo testo non è stato pensato per il web!

16R.Polillo -

Marzo 2014


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.)

Stile a piramide capovolta

SINTESI

DETTAGLIO

MATERIALEAGGIUNTIVO

link

link

19R.Polillo - Marzo 2014

1

2

3

Stile a piramide capovolta: esempio

20R.Polillo - Marzo 2014

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


21

http://www.generali.com/

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/


22


Buon lavoro !

8. il vostro blog: come farlo e come farlo bene

Education