Slides dalle lezioni del corso di "Strumenti e applicazioni del Web" - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13 - Lezione del 16 maggio 2013 La registrazione della lezione si trova su YouTube: Parte I: http://youtu.be/k3zWTj4B_D4 Parte II: http://youtu.be/4HmvNltAvY4 Vedi anche ww.corsow.wordpress.com

1. Edizione 2012-13
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
18. La presenza sul Web
delle
organizzazioni
(Parte Prima)
Roberto Polillo

2. La presenza sul Web delle organizzazioni
Obiettivi:
Brand identity
Brand visibility
Brand positioning
Brand reputation
Product / service description
Advertising
Customer relations & support
[e-commerce]
R.Polillo - Marzo 2013
3

3. Il sito istituzionale ("corporate website")
 È il cuore della presenza online di un'organizzazione
e, in molti casi, il suo più importante canale di
comunicazione
 Sezioni tipiche:
 Chi siamo (Missione, Organizzazione, Finanza)
 I nostri prodotti/servizi (con eventuale shop)
 Notizie e comunicati
R.Polillo - Marzo 2013
4

4. Il sito aziendale nell'era del mobile
Due possibili approcci:
[Un sito mobile separato da quello desktop]
Un sito responsive
La filosofia del "Web unico": un cambiamento
radicale di paradigma nella progettazione Web
R.Polillo - Marzo 2013
5

5. Esempi di siti responsive
 http://www.ge.com
 http://www.gatesfoundation.org
R.Polillo - Marzo 2013
6

6. La qualità del sito istituzionale
 La qualità di un sito ha molte facce: contenuto,
comunicazione, funzionalità, usabilità, prestazioni,
disponibilità, …
 Un sito è il risultato di un processo complesso, che
coinvolge numerosi attori, sia in fase di progettazione sia
in fase di esercizio ed evoluzione
 La sua "qualità" è il risultato di questo processo, ed
emerge dal contributo di tutti gli attori coinvolti
R.Polillo - Marzo 2013
7

7. Site development process
Obiettivi del sito
Requisiti
Analisi della
concorrenza

8. Site development process
DESIGN RESPONSIVE
PROTOTIPO
WIREFRAME
WEB
DESIGNER

9. Site development process
VISUAL
DESIGNER

10. Site development process
Sviluppo software
Funzioni interattive
Plugin
SOFTWARE
DEVELOPER

11. Site development process
CONTENT
EDITOR
Contenuti
informativi

12. Site development process
Evoluzione
continua del sito
[+ community
management]
TUTTI +
WEBMASTER +
SERVER ADMIN +
NETWORK ADMIN

13. R.Polillo - Marzo 201314
La forza di una catena è
quella del suo anello più
debole

14. Modelli di qualità per i siti Web
 Per governare tutti questi fattori in modo
sistematico ci serve un modello di qualità, cioè
una selezione delle caratteristiche che
riteniamo importanti
 Può essere utilizzato:
- per valutare il sito
- per confrontarlo con altri siti simili
- per tenerne sotto controllo la qualità durante la sua
progettazione / realizzazione
 NB: Il modello dipende fortemente dagli obiettivi
R.Polillo - Marzo 2013
15

15. Esempio: European corporate website ranking
 http://www.webranking.eu/
KWD Webranking reviews over 900 websites
yearly
 Europe 500 top sites (2012-13):
1. www.telecomitalia.com (responsive)
2. www.eni.com
 6. www.pirelli.com
 11. www.unicreditgroup.eu
R.Polillo - Marzo 2013
16

16. Esempio: un modello di qualità per gli alberghi
Caratteristiche Sottocaratteristiche
1 Camere comfort, dimensioni, eleganza, pulizia
2 Spazi comuni comfort, dimensioni, eleganza, pulizia
3 Servizio reception, servizi in camera, cortesia del personale
4 Ristoranti qualità del cibo, ambiente, servizio, varietà del cibo
5 Piscina comfort, dimensioni, ambiente, attrezzature, pulizia
6 Spiaggia vicinanza, privata/pubblica, attrezzature, paesaggio
7 Dintorni possibilità di escursioni, vicinanza a un centro abitato
8 Impianti sportivi tennis, golf, fitness, altri
9 Bambini nursery, zone riservate
R.Polillo - Marzo 2013
17

17. Alcuni modelli qualità per i siti Web
R.Polillo - Marzo 2013
18
Polillo, cit.

18. Il nostro approccio
1. Definire le caratteristiche di qualità in relazione ai
diversi "attori" che possono intervenire per
migliorarle
2. Rinunciare a un modello unico per tutte le
applicazioni Web, e definire un modello "core" da
personalizzare in funzione delle diverse classi di
applicazioni
Cfr. R.Polillo, A core quality model for Web applications, in Journal of
Web Engineering, Vol.11, N.3 (2012), pp.181-208
R.Polillo - Marzo 2013
19

19. Content
Site
Information
architecture
& navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
Usabilit
y
pro
A2
User
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
Software
functions
Function
designer
A7
DB
mnger
A8 A9
Software
developer
R.Polillo - Marzo 201320
Un modello di qualità per siti e
applicazioni Web

20. Site
platform
Content
Site
Information
architecture
& navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
Usabilit
y
pro
A2
User
Software
functions
Function
designer
A7
DB
mnger
A8
SW
architec
t
A1
0
Softwar
e
develop
erA9
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
R.Polillo - Marzo 201321
Un modello di qualità per siti e
applicazioni Web

21. Server
platform
Content
Site
Informatio
n
architectur
e &
navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
SW
architec
t
A1
0
Server
admin
A1
1
Site
platform
Usabilit
y
pro
A2
User
Software
functions
Function
designer
A7
DB
mnger
A8
Software
developer
A9
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
R.Polillo - Marzo 201322
Un modello di qualità per siti e
applicazioni Web

22. Connectivit
yplatform
Content
Site
Server
platform
Informatio
n
architectur
e &
navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
SW
architec
t
A1
0
Server
admin
A1
1
Site
platform
Usabilit
y
pro
A2
Network
admin
A1
2
User
Software
functions
Function
designer
A7
DB
mnger
A8
Software
developer
A9
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
R.Polillo - Marzo 201323
Un modello di qualità per siti e
applicazioni Web

23. Internet
market
Content
Site
Server
platform
Informatio
n
architectur
e &
navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
SW
architec
t
A1
0
Server
admin
A1
1
Site
platform
Usabilit
y
pro
A2
Connectivit
yplatform
Network
admin
A1
2
User
Web
Marketing
A1
Software
functions
Function
designer
A7
DB
mnger
A8
Software
developer
A9
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
R.Polillo - Marzo 201324
Un modello di qualità per siti e
applicazioni Web

24. Content
Site
Server
platform
Informatio
n
architectur
e &
navigation
Web
designer
A3
Graphics
&
branding
Visual
designer
A4
SW
architec
t
A1
0
Server
admin
A1
1
Site
platform
Usabilit
y
pro
A2
Connectivit
yplatform
Network
admin
A1
2
User
Architectu
re
Internet
market
Editorial Data centreInformation TechnologyProduct designMarketing
Web
Marketing
A1
Platform
Market
presenc
e
Software
functions
Function
designer
A7
DB
mnger
A8
Software
developer
A9
Communit
y
manager
A6
User
generated
content
Conte
nt
editor
A5
Company
generated
content
Communicat
ion
Conte
nt
Data
centreUsability
Accessibility
Functional
ity
SW
code
R.Polillo - Marzo 201325
Un modello di qualità per siti e
applicazioni Web
Communi
ty

25. Legenda
 A1..A12 sono gli attori del processo di progettazione e gestione del
sito, responsabili degli elementi rappresentati dai box rettangolari
 Le macrocaratteristiche del modello sono indicate all'interno della
barra grigia sottostante, accanto agli attori responsabili della loro
qualità
 Oltre alle caratteristiche, il modello prevede una quarantina di
sotto-caratteristiche, qui non descritte per brevità
 Il modello di qualità citato è descritto in:
R.Polillo, A core quality model for Web applications, Journal Web
Engineering, vol.11, n.3 (2012)
R.Polillo - Marzo 2013
26

26. Il diagramma della qualità
R.Polillo - Marzo 2013
28

27. Per esempio, sul vostro blog
R.Polillo - Marzo 2013
29

28. Per approfondire…
 Per una versione del modello di qualità disponibile in
rete si veda:
R.Polillo, "Quality models for Web sites: a
methodologycal approach and a proposal", 2011,
http://gplsi.dlsi.ua.es/congresos/qwe11/fitxers/QWE11_Polillo.pdf
R.Polillo - Marzo 2013
30