SlideShare a Scribd company logo
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
15. La forma breve e il
microblogging
Giuseppe Vizzari
Edizione 2015-16
Queste slide
Queste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del
corso, con il materiale completo, si trova in
strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione della rete, il
corso viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e alle
screen shot, i cui diritti restano in capo ai rispettivi proprietari, che, ove
possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta
a disposizione per correggerle.
La tendenza verso la "forma
breve"
• Gli strumenti a disposizione ci permettono di comunicare
sempre più spesso, ma l'overload informativo ci spinge sempre
più verso "forme brevi" di comunicazione
3
Comunichiamo più spesso e più brevemente, e
con molte più persone
4
1900+ 1970+ 1993+
2006+
500+
…
Introduciamo abbreviazioni nei nostri sistemi
di scrittura
5
Emoticons (1980+)
:-) ;-) :-D :-(
Emoji (circa 2010+)
ISO Unicode 6.0 standardizza 722 Emoji (Oct
2010)
Esempi:
6
Non copiamo, referenziamo (linking /
embedding)
7
Anche i video si abbreviano
• Esempio: distribuzione delle lunghezze dei video su YouTube
(inizio 2007)
8
5minuti
1minuto
Da: http://bit.ly/X7CnRb
Guardiamo di più i video brevi
• Esempio: viewer engagement in funzione delle lunghezze dei
video su Wistia (2012)
9
http://wistia.com/blog/does-length-matter-it-does-for-video-2k12-edition
La forma breve e
i siti Web
10
Lo stile del Web:
• Conciso
• Scansionabile
• Oggettivo
Come leggiamo sul Web:
Video: eye tracking nella
lettura di una pagina Web:
http://www.youtube.com/watch?v=O6DRl6tTjCU
“Wall of text” (Jakob Nielsen)
Esempio “antico”
11
Esempio: http://www.governo.it
R.Polillo - Marzo 2015 12
Stile a piramide capovoltaR.Polillo -
Marzo
2015
13
SINTESI
DETTAGLIO
MATERIALE
AGGIUNTIVO
link
link
1
2
3
Stile a piramide
capovolta: esempio
14
Principi della scrittura per il Web
FORMA 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.)
Principi della scrittura per il Web
FORMA 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.)
Esempi da discutere
• Il sito del Gruppo Assicurazioni Generali
http://www.generali.com
• Il sito della Presidenza del Consiglio
http://www.governo.it/index.asp
• Il sito della Casa Bianca
http://www.whitehouse.gov
• Alcuni magazine:
http://www.techcrunch.com
http://www.theverge.com
17
Microblogging: www.twitter.com
• Fondato nel 2006, ora 288 ml utenti attivi al mese
(80% su mobile)
• Il contesto della nascita di twitter: grande diffusione
dei blog personali, e delle mail sui cellulari → l'idea:
un blog che posta sul cellulare via sms
• Gratuito, permette di inviare / ricevere “tweet” (max
140 caratteri), anche via SMS
• Come in un blog, i tweet sono mostrati in ordine
cronologico sul profilo dell’utente, e sono pubblici
• Ogni utente riceve sul suo stream i tweet degli
utente che segue (following)
18
19
“One could change the world with one
hundred and forty characters"
Jack Dorsey
Fondatore di Twitter
Twitter data
• IPO: nov 2013, 31 B$ market cap (ora 32)
• Last 12 mo: 1,4 B$ revenue, profit: -577 M$
• 288 ml utenti attivi mensilmente, 80% da mobile
• 500 ml di tweet inviati ogni giorno in 33 lingue
• Business model: ads-based
20
Twitter growth
http://techcrunch.com/2015/04/28/twitter-collapses-18-in-wake-of-lackluster-q1-revenue-user-growth/
L’idea
R.Polillo - Marzo 2015 22
Anatomia di un tweet
23
• Links (shortened, 20 cars)
• Hashtags
• Menzioni
Anatomia di un tweet
24
Anatomia di un tweet
25
Retweet
26
Funzione nata dagli utenti. Inizialmente:
• RT @nomeutente: <tweet retwittato>
• MT @nomeutente: <tweet modificato>
http://www.annehelmond.nl/2013/01/19/on-retweet-analysis-and-a-short-history-of-retweets/
Menzioni
27
Menzione
Il menzionato viene avvertito
Esempio
R.Polillo - Marzo 2015 28
Evoluzione
Prima:
"Che cosa stai facendo?"
Esempio: Hudson Plane Crash (feb
2009)
30
Esempio: Rielezione di Obama (Nov
2012)
31
Esempio: Tweet durante il dibattito
televisivo Obama – Romney (4.10.2012)
32
90 minuti
10,3 milioni di tweet
Twitter e la politica, a parte la
propaganda…
http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0095809
A Multi-Level Geographical Study of Italian Political Elections from Twitter Data
Guido Caldarelli, Alessandro Chessa, Fabio Pammolli, Gabriele Pompa, Michelangelo
Puliga, Massimo Riccaboni, Gianni Riotta
On top: the pie-chart of the
results obtained in the
election by the parties. Then
the forecast from the Twitter
time series frozen at three
different final times. Below:
the cumulative number of
tweets for the various
parties and their daily
evolution. The yellow and
green vertical lines
represent the election day
and the day after
respectively (when exit-polls
are released).
Esempi: emergenze
34
Esempio: live twitting
35
L'ecosistema di Twitter
• Twitter fin da subito ha pubblicato delle interfacce
programmatiche (API) aperte a sviluppatori indipendenti
• Nel 2011, più di 1 milione di applicazioni (fonte: Twitter)
• http://en.wikipedia.org/wiki/List_of_Twitter_services_and_applic
ations
36
Esempi
• L'attività di Twitter in tempo reale (mashup):
http://www.tweetping.net
• Analisi dell'attività Twitter di un profilo:
http://klear.com/
Esempio: http://klear.com/profile/emergency_ong
• Analisi di un profilo Twitter:
www.twitonomy.com
Esempio: http://www.twitonomy.com/dashboard.php
• Classifica dei profili Twitter per numero di followers:
http://twitaholic.com
• Motore di ricerca di tweets: www.topsy.com
37
Tutto “trasparente”?
Realizzare dei “tweetbot” e cercare di alterare certi dati sta diventando sempre più
semplice…
www.vine.co
• Fondata nel giugno 2012, acquistata da Twitter in ottobre,
lancio servizio: gen 2013
• Video di 6 secondi, registrabile col telefonino
• https://twitter.com/vine
39
Storify…
https://storify.com/reportedly/the-terrorist-attacks-in-paris
www.tumblr.com
• “Tumbleblogging”, dal 2007
• Post brevi, multimediali
• Nel 2012 13 ml revenues, nel giugno 2013 acquisito da Yahoo!
per 1,1 B$
• A marzo 2015 dichiara 230 milioni di blog
• 420 ml di utenti
41
Lavoro individuale
• Esplora www.tumblr.com
• Analizza in dettaglio le funzioni di Twitter (importante!)
• Esplora qualche importante profilo Twitter usando
www.twitonomy.com e www.twtrland.com (si suggerisce di
considerare i profili della classifica di www.twitaholic.com)
42

More Related Content

What's hot

08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blogGiuseppe Vizzari
 
19 - Wiki, Wikipedia e Open Internet
19 - Wiki, Wikipedia e Open Internet19 - Wiki, Wikipedia e Open Internet
19 - Wiki, Wikipedia e Open InternetGiuseppe Vizzari
 
14 - Wikipedia e Open Internet
14 - Wikipedia e Open Internet14 - Wikipedia e Open Internet
14 - Wikipedia e Open InternetGiuseppe Vizzari
 
05 - Introduzione al Web II
05 - Introduzione al Web II05 - Introduzione al Web II
05 - Introduzione al Web IIGiuseppe Vizzari
 
13 - Modelli di business nel Web
13 - Modelli di business nel Web13 - Modelli di business nel Web
13 - Modelli di business nel WebGiuseppe Vizzari
 
13 - Web feed, aggregatori, tendenze nella diffusione di informazioni
13 - Web feed, aggregatori, tendenze nella diffusione di informazioni13 - Web feed, aggregatori, tendenze nella diffusione di informazioni
13 - Web feed, aggregatori, tendenze nella diffusione di informazioniGiuseppe Vizzari
 
Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19Giuseppe Vizzari
 
1 esercitazione - Internet
1 esercitazione - Internet 1 esercitazione - Internet
1 esercitazione - Internet Andrea Gorrini
 
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...Giuseppe Vizzari
 
13 - Web feed e aggregatori
13 - Web feed e aggregatori13 - Web feed e aggregatori
13 - Web feed e aggregatoriGiuseppe Vizzari
 
10 - Modelli di business nel Web
10 - Modelli di business nel Web10 - Modelli di business nel Web
10 - Modelli di business nel WebGiuseppe Vizzari
 

What's hot (20)

14 - I blog
14 - I blog14 - I blog
14 - I blog
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
 
19 - Wiki, Wikipedia e Open Internet
19 - Wiki, Wikipedia e Open Internet19 - Wiki, Wikipedia e Open Internet
19 - Wiki, Wikipedia e Open Internet
 
Wiki e open internet
Wiki e open internetWiki e open internet
Wiki e open internet
 
8 - Web App e CMS - 16/17
8 - Web App e CMS - 16/178 - Web App e CMS - 16/17
8 - Web App e CMS - 16/17
 
14 - Wikipedia e Open Internet
14 - Wikipedia e Open Internet14 - Wikipedia e Open Internet
14 - Wikipedia e Open Internet
 
11 - Evoluzione del web
11 - Evoluzione del web11 - Evoluzione del web
11 - Evoluzione del web
 
05 - Introduzione al Web II
05 - Introduzione al Web II05 - Introduzione al Web II
05 - Introduzione al Web II
 
13 - Modelli di business nel Web
13 - Modelli di business nel Web13 - Modelli di business nel Web
13 - Modelli di business nel Web
 
12 - Mobile web
12 - Mobile web12 - Mobile web
12 - Mobile web
 
Web feed e aggregatori
Web feed e aggregatoriWeb feed e aggregatori
Web feed e aggregatori
 
13 - Web feed, aggregatori, tendenze nella diffusione di informazioni
13 - Web feed, aggregatori, tendenze nella diffusione di informazioni13 - Web feed, aggregatori, tendenze nella diffusione di informazioni
13 - Web feed, aggregatori, tendenze nella diffusione di informazioni
 
Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19
 
12 - Social media (19/20)
12 - Social media (19/20)12 - Social media (19/20)
12 - Social media (19/20)
 
Evoluzione del web
Evoluzione del webEvoluzione del web
Evoluzione del web
 
1 esercitazione - Internet
1 esercitazione - Internet 1 esercitazione - Internet
1 esercitazione - Internet
 
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
 
12 - Social media
12 - Social media12 - Social media
12 - Social media
 
13 - Web feed e aggregatori
13 - Web feed e aggregatori13 - Web feed e aggregatori
13 - Web feed e aggregatori
 
10 - Modelli di business nel Web
10 - Modelli di business nel Web10 - Modelli di business nel Web
10 - Modelli di business nel Web
 

Viewers also liked

17 - Web feed e aggregatori
17 - Web feed e aggregatori17 - Web feed e aggregatori
17 - Web feed e aggregatoriGiuseppe Vizzari
 
18 - Content sharing sites
18 - Content sharing sites18 - Content sharing sites
18 - Content sharing sitesGiuseppe Vizzari
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developerGiuseppe Vizzari
 
Slide Esercitazioni - Wordpress
Slide Esercitazioni - Wordpress Slide Esercitazioni - Wordpress
Slide Esercitazioni - Wordpress Andrea Gorrini
 
3 - Introduzione a Internet (2/2) - 16/17
3 - Introduzione a Internet (2/2) - 16/173 - Introduzione a Internet (2/2) - 16/17
3 - Introduzione a Internet (2/2) - 16/17Giuseppe Vizzari
 
1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 Giuseppe Vizzari
 
5 - Introduzione al Web (2/2) - 16/17
5 - Introduzione al Web (2/2) - 16/175 - Introduzione al Web (2/2) - 16/17
5 - Introduzione al Web (2/2) - 16/17Giuseppe Vizzari
 
2 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/172 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/17Giuseppe Vizzari
 
4 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/174 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/17Giuseppe Vizzari
 
11 - Modelli di business nel Web - 16/17
11 - Modelli di business nel Web - 16/1711 - Modelli di business nel Web - 16/17
11 - Modelli di business nel Web - 16/17Giuseppe Vizzari
 
2 esercitazione - Ricerca sul web
2 esercitazione - Ricerca sul web2 esercitazione - Ricerca sul web
2 esercitazione - Ricerca sul webAndrea Gorrini
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e seggRoberto Polillo
 

Viewers also liked (18)

17 - Web feed e aggregatori
17 - Web feed e aggregatori17 - Web feed e aggregatori
17 - Web feed e aggregatori
 
18 - Content sharing sites
18 - Content sharing sites18 - Content sharing sites
18 - Content sharing sites
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developer
 
Slide Esercitazioni - Wordpress
Slide Esercitazioni - Wordpress Slide Esercitazioni - Wordpress
Slide Esercitazioni - Wordpress
 
11 - L'evoluzione del web
11 - L'evoluzione del web11 - L'evoluzione del web
11 - L'evoluzione del web
 
10 - Ricercare nel web II
10 - Ricercare nel web II10 - Ricercare nel web II
10 - Ricercare nel web II
 
07 - Web apps e CMS
07 - Web apps e CMS07 - Web apps e CMS
07 - Web apps e CMS
 
09 - Ricercare nel Web I
09 - Ricercare nel Web I09 - Ricercare nel Web I
09 - Ricercare nel Web I
 
3 - Introduzione a Internet (2/2) - 16/17
3 - Introduzione a Internet (2/2) - 16/173 - Introduzione a Internet (2/2) - 16/17
3 - Introduzione a Internet (2/2) - 16/17
 
1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17
 
6 - Il browser - 16/17
6 - Il browser - 16/176 - Il browser - 16/17
6 - Il browser - 16/17
 
5 - Introduzione al Web (2/2) - 16/17
5 - Introduzione al Web (2/2) - 16/175 - Introduzione al Web (2/2) - 16/17
5 - Introduzione al Web (2/2) - 16/17
 
2 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/172 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/17
 
4 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/174 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/17
 
11 - Modelli di business nel Web - 16/17
11 - Modelli di business nel Web - 16/1711 - Modelli di business nel Web - 16/17
11 - Modelli di business nel Web - 16/17
 
2 esercitazione - Ricerca sul web
2 esercitazione - Ricerca sul web2 esercitazione - Ricerca sul web
2 esercitazione - Ricerca sul web
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 

Similar to 15 - La forma breve e il microblogging

15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microbloggingRoberto Polillo
 
social media & Web 2.0
social media & Web 2.0social media & Web 2.0
social media & Web 2.0Rosario Sica
 
Web reputation
Web reputationWeb reputation
Web reputationfgalbiati
 
Città e cittadini 2.0 - part 1
Città e cittadini 2.0 - part 1Città e cittadini 2.0 - part 1
Città e cittadini 2.0 - part 1Claudio Forghieri
 
Scenario Social Media In Italia - Dove vanno gli italiani in rete
Scenario Social Media In Italia - Dove vanno gli italiani in reteScenario Social Media In Italia - Dove vanno gli italiani in rete
Scenario Social Media In Italia - Dove vanno gli italiani in reteVincenzo Cosenza
 
L'immagine della ong in rete
L'immagine della ong in reteL'immagine della ong in rete
L'immagine della ong in reteSocialidarity
 
14. La forma breve e il microblogging
14. La forma breve e il microblogging14. La forma breve e il microblogging
14. La forma breve e il microbloggingRoberto Polillo
 
RSS feed, blog e social network
RSS feed, blog e social networkRSS feed, blog e social network
RSS feed, blog e social networkLuigina Foggetti
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibile
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibileGreenFleet e Web 2.0: i social network a supporto della mobilità sostenibile
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibileFLEETBLOG
 
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...Fabio Ciracì
 
Digital Marketing Platform | BEWE
Digital Marketing Platform | BEWEDigital Marketing Platform | BEWE
Digital Marketing Platform | BEWEROIALTY
 

Similar to 15 - La forma breve e il microblogging (20)

15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microblogging
 
6. Il browser
6. Il browser6. Il browser
6. Il browser
 
Davide Turi - Moltomedia
Davide Turi - MoltomediaDavide Turi - Moltomedia
Davide Turi - Moltomedia
 
social media & Web 2.0
social media & Web 2.0social media & Web 2.0
social media & Web 2.0
 
Web reputation
Web reputationWeb reputation
Web reputation
 
Città e cittadini 2.0 - part 1
Città e cittadini 2.0 - part 1Città e cittadini 2.0 - part 1
Città e cittadini 2.0 - part 1
 
Scenario Social Media In Italia - Dove vanno gli italiani in rete
Scenario Social Media In Italia - Dove vanno gli italiani in reteScenario Social Media In Italia - Dove vanno gli italiani in rete
Scenario Social Media In Italia - Dove vanno gli italiani in rete
 
12. I blog
12. I blog12. I blog
12. I blog
 
L'immagine della ong in rete
L'immagine della ong in reteL'immagine della ong in rete
L'immagine della ong in rete
 
14. La forma breve e il microblogging
14. La forma breve e il microblogging14. La forma breve e il microblogging
14. La forma breve e il microblogging
 
RSS feed, blog e social network
RSS feed, blog e social networkRSS feed, blog e social network
RSS feed, blog e social network
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
Microcamp 2008
Microcamp 2008Microcamp 2008
Microcamp 2008
 
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibile
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibileGreenFleet e Web 2.0: i social network a supporto della mobilità sostenibile
GreenFleet e Web 2.0: i social network a supporto della mobilità sostenibile
 
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...
6.2 vizi e virtú dei social network (identità digitale, socioclean, twitter, ...
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
Digital Marketing Platform | BEWE
Digital Marketing Platform | BEWEDigital Marketing Platform | BEWE
Digital Marketing Platform | BEWE
 
7. Mashup
7. Mashup7. Mashup
7. Mashup
 
Il Non profit in rete
Il Non profit in reteIl Non profit in rete
Il Non profit in rete
 
Discussione finale
Discussione finaleDiscussione finale
Discussione finale
 

More from Giuseppe Vizzari

Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21
Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21
Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21Giuseppe Vizzari
 
14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... 14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... Giuseppe Vizzari
 
11 - Evoluzione del Web (19/20)
11 - Evoluzione del Web (19/20)11 - Evoluzione del Web (19/20)
11 - Evoluzione del Web (19/20)Giuseppe Vizzari
 
10 - Modelli di business nel Web (19/20)
10 - Modelli di business nel Web (19/20)10 - Modelli di business nel Web (19/20)
10 - Modelli di business nel Web (19/20)Giuseppe Vizzari
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blogGiuseppe Vizzari
 
5 - Introduzione al Web (2/2)
5 - Introduzione al Web (2/2)5 - Introduzione al Web (2/2)
5 - Introduzione al Web (2/2)Giuseppe Vizzari
 
4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)Giuseppe Vizzari
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)Giuseppe Vizzari
 
2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)Giuseppe Vizzari
 
1 - Introduzione al corso 19/20
1 - Introduzione al corso 19/201 - Introduzione al corso 19/20
1 - Introduzione al corso 19/20Giuseppe Vizzari
 
Intelligenza Artificiale e Realtà Virtuale
Intelligenza Artificiale e Realtà VirtualeIntelligenza Artificiale e Realtà Virtuale
Intelligenza Artificiale e Realtà VirtualeGiuseppe Vizzari
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developerGiuseppe Vizzari
 
Modelli di business nel web
Modelli di business nel webModelli di business nel web
Modelli di business nel webGiuseppe Vizzari
 
Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Giuseppe Vizzari
 

More from Giuseppe Vizzari (20)

Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21
Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21
Presentazione CdLM in Teoria e Tecnologia della Comunicazione A.A. 2020/21
 
14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... 14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ...
 
11 - Evoluzione del Web (19/20)
11 - Evoluzione del Web (19/20)11 - Evoluzione del Web (19/20)
11 - Evoluzione del Web (19/20)
 
10 - Modelli di business nel Web (19/20)
10 - Modelli di business nel Web (19/20)10 - Modelli di business nel Web (19/20)
10 - Modelli di business nel Web (19/20)
 
9 - Ricercare nel Web
9 - Ricercare nel Web9 - Ricercare nel Web
9 - Ricercare nel Web
 
8 - Il browser
8 - Il browser8 - Il browser
8 - Il browser
 
7 - Web application e CMS
7 - Web application e CMS7 - Web application e CMS
7 - Web application e CMS
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blog
 
HTML (+ DOM) + CSS
HTML (+ DOM) + CSSHTML (+ DOM) + CSS
HTML (+ DOM) + CSS
 
5 - Introduzione al Web (2/2)
5 - Introduzione al Web (2/2)5 - Introduzione al Web (2/2)
5 - Introduzione al Web (2/2)
 
4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)
 
2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)
 
1 - Introduzione al corso 19/20
1 - Introduzione al corso 19/201 - Introduzione al corso 19/20
1 - Introduzione al corso 19/20
 
Intelligenza Artificiale e Realtà Virtuale
Intelligenza Artificiale e Realtà VirtualeIntelligenza Artificiale e Realtà Virtuale
Intelligenza Artificiale e Realtà Virtuale
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developer
 
Modelli di business nel web
Modelli di business nel webModelli di business nel web
Modelli di business nel web
 
Ricercare nel web
Ricercare nel webRicercare nel web
Ricercare nel web
 
Il browser
Il browserIl browser
Il browser
 
Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)
 

15 - La forma breve e il microblogging

  • 1. Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 15. La forma breve e il microblogging Giuseppe Vizzari Edizione 2015-16
  • 2. Queste slide Queste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione della rete, il corso viene aggiornato ogni anno. Il presente materiale è pubblicato con licenza Creative Commons “Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0” (http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ): La licenza non si estende alle immagini provenienti da altre fonti e alle screen shot, i cui diritti restano in capo ai rispettivi proprietari, che, ove possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.
  • 3. La tendenza verso la "forma breve" • Gli strumenti a disposizione ci permettono di comunicare sempre più spesso, ma l'overload informativo ci spinge sempre più verso "forme brevi" di comunicazione 3
  • 4. Comunichiamo più spesso e più brevemente, e con molte più persone 4 1900+ 1970+ 1993+ 2006+ 500+ …
  • 5. Introduciamo abbreviazioni nei nostri sistemi di scrittura 5 Emoticons (1980+) :-) ;-) :-D :-( Emoji (circa 2010+)
  • 6. ISO Unicode 6.0 standardizza 722 Emoji (Oct 2010) Esempi: 6
  • 7. Non copiamo, referenziamo (linking / embedding) 7
  • 8. Anche i video si abbreviano • Esempio: distribuzione delle lunghezze dei video su YouTube (inizio 2007) 8 5minuti 1minuto Da: http://bit.ly/X7CnRb
  • 9. Guardiamo di più i video brevi • Esempio: viewer engagement in funzione delle lunghezze dei video su Wistia (2012) 9 http://wistia.com/blog/does-length-matter-it-does-for-video-2k12-edition
  • 10. La forma breve e i siti Web 10 Lo stile del Web: • Conciso • Scansionabile • Oggettivo Come leggiamo sul Web: Video: eye tracking nella lettura di una pagina Web: http://www.youtube.com/watch?v=O6DRl6tTjCU “Wall of text” (Jakob Nielsen)
  • 13. Stile a piramide capovoltaR.Polillo - Marzo 2015 13 SINTESI DETTAGLIO MATERIALE AGGIUNTIVO link link
  • 15. Principi della scrittura per il Web FORMA 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.)
  • 16. Principi della scrittura per il Web FORMA 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.)
  • 17. Esempi da discutere • Il sito del Gruppo Assicurazioni Generali http://www.generali.com • Il sito della Presidenza del Consiglio http://www.governo.it/index.asp • Il sito della Casa Bianca http://www.whitehouse.gov • Alcuni magazine: http://www.techcrunch.com http://www.theverge.com 17
  • 18. Microblogging: www.twitter.com • Fondato nel 2006, ora 288 ml utenti attivi al mese (80% su mobile) • Il contesto della nascita di twitter: grande diffusione dei blog personali, e delle mail sui cellulari → l'idea: un blog che posta sul cellulare via sms • Gratuito, permette di inviare / ricevere “tweet” (max 140 caratteri), anche via SMS • Come in un blog, i tweet sono mostrati in ordine cronologico sul profilo dell’utente, e sono pubblici • Ogni utente riceve sul suo stream i tweet degli utente che segue (following) 18
  • 19. 19 “One could change the world with one hundred and forty characters" Jack Dorsey Fondatore di Twitter
  • 20. Twitter data • IPO: nov 2013, 31 B$ market cap (ora 32) • Last 12 mo: 1,4 B$ revenue, profit: -577 M$ • 288 ml utenti attivi mensilmente, 80% da mobile • 500 ml di tweet inviati ogni giorno in 33 lingue • Business model: ads-based 20
  • 23. Anatomia di un tweet 23 • Links (shortened, 20 cars) • Hashtags • Menzioni
  • 24. Anatomia di un tweet 24
  • 25. Anatomia di un tweet 25
  • 26. Retweet 26 Funzione nata dagli utenti. Inizialmente: • RT @nomeutente: <tweet retwittato> • MT @nomeutente: <tweet modificato> http://www.annehelmond.nl/2013/01/19/on-retweet-analysis-and-a-short-history-of-retweets/
  • 30. Esempio: Hudson Plane Crash (feb 2009) 30
  • 31. Esempio: Rielezione di Obama (Nov 2012) 31
  • 32. Esempio: Tweet durante il dibattito televisivo Obama – Romney (4.10.2012) 32 90 minuti 10,3 milioni di tweet
  • 33. Twitter e la politica, a parte la propaganda… http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0095809 A Multi-Level Geographical Study of Italian Political Elections from Twitter Data Guido Caldarelli, Alessandro Chessa, Fabio Pammolli, Gabriele Pompa, Michelangelo Puliga, Massimo Riccaboni, Gianni Riotta On top: the pie-chart of the results obtained in the election by the parties. Then the forecast from the Twitter time series frozen at three different final times. Below: the cumulative number of tweets for the various parties and their daily evolution. The yellow and green vertical lines represent the election day and the day after respectively (when exit-polls are released).
  • 36. L'ecosistema di Twitter • Twitter fin da subito ha pubblicato delle interfacce programmatiche (API) aperte a sviluppatori indipendenti • Nel 2011, più di 1 milione di applicazioni (fonte: Twitter) • http://en.wikipedia.org/wiki/List_of_Twitter_services_and_applic ations 36
  • 37. Esempi • L'attività di Twitter in tempo reale (mashup): http://www.tweetping.net • Analisi dell'attività Twitter di un profilo: http://klear.com/ Esempio: http://klear.com/profile/emergency_ong • Analisi di un profilo Twitter: www.twitonomy.com Esempio: http://www.twitonomy.com/dashboard.php • Classifica dei profili Twitter per numero di followers: http://twitaholic.com • Motore di ricerca di tweets: www.topsy.com 37
  • 38. Tutto “trasparente”? Realizzare dei “tweetbot” e cercare di alterare certi dati sta diventando sempre più semplice…
  • 39. www.vine.co • Fondata nel giugno 2012, acquistata da Twitter in ottobre, lancio servizio: gen 2013 • Video di 6 secondi, registrabile col telefonino • https://twitter.com/vine 39
  • 41. www.tumblr.com • “Tumbleblogging”, dal 2007 • Post brevi, multimediali • Nel 2012 13 ml revenues, nel giugno 2013 acquisito da Yahoo! per 1,1 B$ • A marzo 2015 dichiara 230 milioni di blog • 420 ml di utenti 41
  • 42. Lavoro individuale • Esplora www.tumblr.com • Analizza in dettaglio le funzioni di Twitter (importante!) • Esplora qualche importante profilo Twitter usando www.twitonomy.com e www.twtrland.com (si suggerisce di considerare i profili della classifica di www.twitaholic.com) 42

Editor's Notes

  1. Charity:water 1.400.000 followers Obama: 27 milioni di followers Justin Bieber 33 milioni di followers
  2. "Emoji" : "pittogramma" in giapponese La slide mostra solo circa 400 pittogrammi