Edizione 2012-13

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Corso di Strumenti e applicazioni del Web

18. La presenza sul Web delle organizzazioni

(Parte Prima)

Roberto Polillo

La presenza sul Web delle organizzazioni

Obiettivi:Brand identity Brand visibilityBrand positioning Brand reputationProduct / service descriptionAdvertisingCustomer relations & support [e-commerce]

R.Polillo - Marzo 2013

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

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

Esempi di siti responsive

http://www.ge.com http://www.gatesfoundation.org

R.Polillo - Marzo 2013

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

Site development process

Obiettivi del sitoRequisitiAnalisi della concorrenza

Site development process

DESIGN RESPONSIVE

PROTOTIPO WIREFRAME

WEB DESIGNER

Site development process

VISUAL DESIGNER

Site development process

Sviluppo softwareFunzioni interattivePlugin

SOFTWARE DEVELOPER

Site development process

CONTENT EDITOR

Contenuti informativi

Site development process

Evoluzione continua del sito[+ community management]

TUTTI +WEBMASTER +SERVER ADMIN +NETWORK ADMIN

R.Polillo - Marzo 201314

La forza di una catena è quella del suo anello più debole

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

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

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

Alcuni modelli qualità per i siti Web

R.Polillo - Marzo 2013

18

Polillo, cit.

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

Content

Sit

eInformation architecture & navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

UsabilityproA2

User

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

Software functions

Functiondesigner

A7

DBmnger

A8 A9

Softwaredeveloper

R.Polillo - Marzo 201320

Un modello di qualità per siti e applicazioni Web

Sit

epla

tform

Content

Sit

eInformation architecture & navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

UsabilityproA2

User

Software functions

Functiondesigner A7

DBmnger

A8

SWarchitectA10

SoftwaredeveloperA9

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

R.Polillo - Marzo 201321

Un modello di qualità per siti e applicazioni Web

Serv

er

pla

tfor

m

Content

Sit

e

Information

architecture &

navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

SWarchitectA10

Server admin

A11

Sit

epla

tfor

m

UsabilityproA2

User

Software functions

Functiondesigner A7

DBmnger

A8

Softwaredeveloper

A9

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

R.Polillo - Marzo 201322

Un modello di qualità per siti e applicazioni Web

Connect

ivi

ty

pla

tform

Content

Sit

e

Serv

er

pla

tfor

m

Information

architecture &

navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

SWarchitectA10

Server admin

A11

Sit

epla

tfor

m

UsabilityproA2

Networkadmin

A12

User

Software functions

Functiondesigner A7

DBmnger

A8

Softwaredeveloper

A9

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

R.Polillo - Marzo 201323

Un modello di qualità per siti e applicazioni Web

Inte

rne

t m

ark

et

Content

Sit

e

Serv

er

pla

tfor

m

Information

architecture &

navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

SWarchitectA10

Server admin

A11

Sit

epla

tfor

m

UsabilityproA2

Connect

ivit

y

pla

tform

Networkadmin

A12

User

Web Marketing

A1

Software functions

Functiondesigner A7

DBmnger

A8

Softwaredeveloper

A9

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

R.Polillo - Marzo 201324

Un modello di qualità per siti e applicazioni Web

Content

Sit

e

Serv

er

pla

tfor

m

Information

architecture &

navigation

Web designerA3

Graphics &

branding

VisualdesignerA4

SWarchitectA10

Server admin

A11

Sit

epla

tfor

m

UsabilityproA2

Connect

ivit

y

pla

tform

Networkadmin

A12

User

Architecture

Inte

rne

t m

ark

et

Editorial Data centre Information TechnologyProduct designMarketing

Web Marketing

A1

Platform

Marketpresen

ce

Software functions

Functiondesigner A7

DBmnger

A8

Softwaredeveloper

A9

Community manager

A6

Usergenerated

content

ContenteditorA5

Company generated

content

Communication

Content

Data centreUsability

Accessibility

Functionality

SW code

R.Polillo - Marzo 201325

Un modello di qualità per siti e applicazioni Web

Community

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

Il diagramma della qualità

R.Polillo - Marzo 2013

28

Per esempio, sul vostro blog

R.Polillo - Marzo 2013

29

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