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
Roberto Polillo
Edizione 2014-15
2
Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
www.corsow.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 shots, 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.
R.Polillo - Marzo 2015
Queste slides
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
R.Polillo - Marzo 2015
3
Comunichiamo più spesso e più brevemente, e con
molte più persone
4
1900+ 1970+ 1993+
2006+
500+
…
R.Polillo - Marzo 2015
Introduciamo abbreviazioni nei nostri sistemi di
scrittura
5
Emoticons (1980+)
:-) ;-) :-D :-(
Emoji (circa 2010+)
R.Polillo - Marzo 2015
ISO Unicode 6.0 standardizza 722 Emoji (Oct 2010)
Esempi:
6
R.Polillo - Marzo 2015
Non copiamo, referenziamo (linking / embedding)
7
R.Polillo - Marzo 2015
Anche i video si abbreviano
 Esempio: distribuzione delle lunghezze dei video
su YouTube (inizio 2007)
8
5minuti
1minuto
Da: http://bit.ly/X7CnRb
R.Polillo - Marzo 2015
Guardiamo di più i video brevi
R.Polillo - Marzo 2015
9
 Esempio: viewer engagement in funzione delle
lunghezze dei video su Wistia (2012)
http://wistia.com/blog/does-length-matter-it-does-for-video-2k12-edition
La forma breve e
i siti Web
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
R.Polillo - Marzo 2015
10
“Wall of text” (Jakob Nielsen)
Esempio “antico”
R.Polillo - Marzo 2015
11
Esempio: http://www.governo.it
R.Polillo - Marzo 2015
12
Stile a piramide capovolta
SINTESI
DETTAGLIO
MATERIALE
AGGIUNTIVO
link
link
13R.Polillo -
Marzo 2015
1
2
3
Stile a piramide
capovolta: esempio
14
R.Polillo - Marzo 2015
R.Polillo - Marzo 201515
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.)
R.Polillo - Marzo 201516
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
R.Polillo - Marzo 2015
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)
R.Polillo - Marzo 2015
18
R.Polillo - Marzo 2015
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
R.Polillo - Marzo 2015
20
Twitter growth
R.Polillo - Marzo 2015
21
http://techcrunch.com/2014/10/27/twitter-beats-in-q3-with-revenue-of-361m-but-slowing-user-growth-drags-its-shares-down-8/
L’idea
R.Polillo - Marzo 2015
22
Anatomia di un tweet
R.Polillo - Marzo 2015
23
• Links (shortened, 20 cars)
• Hashtags
• Menzioni
Anatomia di un tweet
R.Polillo - Marzo 2015
24
Retweet
R.Polillo - Marzo 2015
25
Funzione nata dagli utenti. Inizialmente:
• RT @nomeutente: <tweet retwittato>
• MT @nomeutente: <tweet modificato>
Menzioni
R.Polillo - Marzo 2015
26
Menzione
Il menzionato viene avvertito
Esempio
R.Polillo - Marzo 2015
27
Evoluzione
R.Polillo - Marzo 2015
28
Prima:
"Che cosa stai facendo?"
Esempio: Hudson Plane Crash (feb 2009)
29
R.Polillo - Marzo 2015
Esempio: Rielezione di Obama (Nov 2012)
30
R.Polillo - Marzo 2015
Esempio: Tweet durante il dibattito
televisivo Obama – Romney (4.10.2012)
R.Polillo - Marzo 2015
31
90 minuti
10,3 milioni di tweet
Esempi: emergenze
R.Polillo - Marzo 2015
32
Esempio: live twitting
R.Polillo - Marzo 2015
33
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_servi
ces_and_applications
R.Polillo - Marzo 2015
34
Esempi
 L'attività di Twitter in tempo reale (mashup):
http://www.tweetping.net
 Analisi dell'attività Twitter di un profilo:
http://twtrland.com
Esempio: http://twtrland.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
R.Polillo - Marzo 2015
35
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
R.Polillo - Marzo 2015
36
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
R.Polillo - Marzo 2015
37
Lavoro individuale
38
 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
R.Polillo - Marzo 2015

15. La forma breve e il microblogging

  • 1.
    Università degli Studidi Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 15. La forma breve e il microblogging Roberto Polillo Edizione 2014-15
  • 2.
    2 Queste slides fannoparte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in www.corsow.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 shots, 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. R.Polillo - Marzo 2015 Queste slides
  • 3.
    La tendenza versola "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 R.Polillo - Marzo 2015 3
  • 4.
    Comunichiamo più spessoe più brevemente, e con molte più persone 4 1900+ 1970+ 1993+ 2006+ 500+ … R.Polillo - Marzo 2015
  • 5.
    Introduciamo abbreviazioni neinostri sistemi di scrittura 5 Emoticons (1980+) :-) ;-) :-D :-( Emoji (circa 2010+) R.Polillo - Marzo 2015
  • 6.
    ISO Unicode 6.0standardizza 722 Emoji (Oct 2010) Esempi: 6 R.Polillo - Marzo 2015
  • 7.
    Non copiamo, referenziamo(linking / embedding) 7 R.Polillo - Marzo 2015
  • 8.
    Anche i videosi abbreviano  Esempio: distribuzione delle lunghezze dei video su YouTube (inizio 2007) 8 5minuti 1minuto Da: http://bit.ly/X7CnRb R.Polillo - Marzo 2015
  • 9.
    Guardiamo di piùi video brevi R.Polillo - Marzo 2015 9  Esempio: viewer engagement in funzione delle lunghezze dei video su Wistia (2012) http://wistia.com/blog/does-length-matter-it-does-for-video-2k12-edition
  • 10.
    La forma brevee i siti Web 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 R.Polillo - Marzo 2015 10 “Wall of text” (Jakob Nielsen)
  • 11.
  • 12.
  • 13.
    Stile a piramidecapovolta SINTESI DETTAGLIO MATERIALE AGGIUNTIVO link link 13R.Polillo - Marzo 2015
  • 14.
    1 2 3 Stile a piramide capovolta:esempio 14 R.Polillo - Marzo 2015
  • 15.
    R.Polillo - Marzo201515 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.
    R.Polillo - Marzo201516 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 R.Polillo - Marzo 2015 17
  • 18.
    Microblogging: www.twitter.com  Fondatonel 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) R.Polillo - Marzo 2015 18
  • 19.
    R.Polillo - Marzo2015 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 R.Polillo - Marzo 2015 20
  • 21.
    Twitter growth R.Polillo -Marzo 2015 21 http://techcrunch.com/2014/10/27/twitter-beats-in-q3-with-revenue-of-361m-but-slowing-user-growth-drags-its-shares-down-8/
  • 22.
  • 23.
    Anatomia di untweet R.Polillo - Marzo 2015 23 • Links (shortened, 20 cars) • Hashtags • Menzioni
  • 24.
    Anatomia di untweet R.Polillo - Marzo 2015 24
  • 25.
    Retweet R.Polillo - Marzo2015 25 Funzione nata dagli utenti. Inizialmente: • RT @nomeutente: <tweet retwittato> • MT @nomeutente: <tweet modificato>
  • 26.
    Menzioni R.Polillo - Marzo2015 26 Menzione Il menzionato viene avvertito
  • 27.
  • 28.
    Evoluzione R.Polillo - Marzo2015 28 Prima: "Che cosa stai facendo?"
  • 29.
    Esempio: Hudson PlaneCrash (feb 2009) 29 R.Polillo - Marzo 2015
  • 30.
    Esempio: Rielezione diObama (Nov 2012) 30 R.Polillo - Marzo 2015
  • 31.
    Esempio: Tweet duranteil dibattito televisivo Obama – Romney (4.10.2012) R.Polillo - Marzo 2015 31 90 minuti 10,3 milioni di tweet
  • 32.
  • 33.
  • 34.
    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_servi ces_and_applications R.Polillo - Marzo 2015 34
  • 35.
    Esempi  L'attività diTwitter in tempo reale (mashup): http://www.tweetping.net  Analisi dell'attività Twitter di un profilo: http://twtrland.com Esempio: http://twtrland.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 R.Polillo - Marzo 2015 35
  • 36.
    www.vine.co  Fondata nelgiugno 2012, acquistata da Twitter in ottobre, lancio servizio: gen 2013  Video di 6 secondi, registrabile col telefonino  https://twitter.com/vine R.Polillo - Marzo 2015 36
  • 37.
    www.tumblr.com  “Tumbleblogging”, dal2007  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 R.Polillo - Marzo 2015 37
  • 38.
    Lavoro individuale 38  Esplorawww.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 R.Polillo - Marzo 2015

Editor's Notes

  • #6 Charity:water 1.400.000 followers Obama: 27 milioni di followers Justin Bieber 33 milioni di followers
  • #7 "Emoji" : "pittogramma" in giapponese La slide mostra solo circa 400 pittogrammi