Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - lezione del 9 marzo 2015

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
Roberto Polillo
Edizione 2014-15

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

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
R.Polillo - Marzo 2015
3

4. Comunichiamo più spesso e più brevemente, e con
molte più persone
4
1900+ 1970+ 1993+
2006+
500+
…
R.Polillo - Marzo 2015

5. Introduciamo abbreviazioni nei nostri sistemi di
scrittura
5
Emoticons (1980+)
:-) ;-) :-D :-(
Emoji (circa 2010+)
R.Polillo - Marzo 2015

6. ISO Unicode 6.0 standardizza 722 Emoji (Oct 2010)
Esempi:
6
R.Polillo - Marzo 2015

7. Non copiamo, referenziamo (linking / embedding)
7
R.Polillo - Marzo 2015

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

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

11. Esempio “antico”
R.Polillo - Marzo 2015
11

12. Esempio: http://www.governo.it
R.Polillo - Marzo 2015
12

13. Stile a piramide capovolta
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 - 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.)

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

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
 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

19. R.Polillo - Marzo 2015
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. L’idea
R.Polillo - Marzo 2015
22

23. Anatomia di un tweet
R.Polillo - Marzo 2015
23
• Links (shortened, 20 cars)
• Hashtags
• Menzioni

24. Anatomia di un tweet
R.Polillo - Marzo 2015
24

25. Retweet
R.Polillo - Marzo 2015
25
Funzione nata dagli utenti. Inizialmente:
• RT @nomeutente: <tweet retwittato>
• MT @nomeutente: <tweet modificato>

26. Menzioni
R.Polillo - Marzo 2015
26
Menzione
Il menzionato viene avvertito

27. Esempio
R.Polillo - Marzo 2015
27

28. Evoluzione
R.Polillo - Marzo 2015
28
Prima:
"Che cosa stai facendo?"

29. Esempio: Hudson Plane Crash (feb 2009)
29
R.Polillo - Marzo 2015

30. Esempio: Rielezione di Obama (Nov 2012)
30
R.Polillo - Marzo 2015

31. Esempio: Tweet durante il dibattito
televisivo Obama – Romney (4.10.2012)
R.Polillo - Marzo 2015
31
90 minuti
10,3 milioni di tweet

32. Esempi: emergenze
R.Polillo - Marzo 2015
32

33. Esempio: live twitting
R.Polillo - Marzo 2015
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à 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

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

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

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