2015 DIDATTICA - I musei in vetrina: usabilità e marketing culturale

1
I MUSEI IN VETRINA
Web usability e marketing culturale
Relatore: Vanessa Speziale
28 Ottobre 2015

INDICE
1.  INTRODUZIONE
2.  USABILITY MATTERS
Ÿ Non farmi pensare
Ÿ Modelli di qualità
Ÿ Audience VS obiettivi
3.  USABILITY ANALYSIS
4.  CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
5.  CREDITS

3
INDICE
1.  INTRODUZIONE
5.  CREDITS

Dove sono i musei d’arte più visitati del
mondo? In accordo con l’autorevole
classifica annuale del mensile THE ART
NEWSPAPER, la nazione dei record è il
Regno Unito, mentre gli USA vantano il
maggior numero di istituzioni presenti
nella top 100.
Una classifica speciale, divisa per sezioni
tematiche, è dedicata alle esposizioni
temporanee più visitate del 2014.
Il report completo è facilmente reperibile
online, disponibile per il download in
formato pdf.
4
1. INTRODUZIONE

5
1. INTRODUZIONE
Quali fattori possono incidere sul NUMERO DI INGRESSI di un museo?
•  Il valore percepito/veicolato delle COLLEZIONI PERMANENTI;
•  la presenza (o l’assenza) di particolari OPERE/CAPOLAVORI;
•  l’ACQUISIZIONE di nuove opere (o la CESSIONE di parte del patrimonio);
•  i GIORNI e gli ORARI di APERTURA/eventuali aperture straordinarie;
•  il COSTO (o la gratuità) del BIGLIETTO di ingresso/eventuali biglietti cumulativi;
•  la CHIUSURA (o la RI-APERTURA) di alcune AREE ESPOSITIVE;
•  l’allestimento di MOSTRE “BLOCKBUSTER”/la realizzazione di EVENTI;
•  la presenza di SERVIZI DEDICATI (didattica, famiglie, disabilità, multimedia ecc);
•  il CONTESTO urbano di riferimento (turismo, servizi ecc).

6
1. INTRODUZIONE
843 112,058 Moment: Tala Madani, Rip Image ModernaMuseet Stockholm 25 MAY-27 OCT
842 23,100 Km. 441: Firsts IstanbulModern Istanbul 19 DEC 12-20 JAN 13
838 90,557 * Lloyd Rees ArtGalleryNewSouthWales Sydney 5 APR-21 JUL
838 52,582 Paul Klee: Angels HamburgerKunsthalle Hamburg 26 APR-7 JUL
835 102,517 Eulàlia Grau MACBA Barcelona 8 FEB-30 JUN
832 78,252 Japanism CaixaForumBarcelona Barcelona 14 JUN-15 SEP
830 2,489 * Ultra-Red: Reassembly SerpentineGallery London 18-21 APR
825 89,916 Ice Age Art: Arrival of the Modern Mind BritishMuseum London 7 FEB-26 MAY
822 96,029 * Haroon Mirza/William Scott HepworthWakefield Wakefield 25 MAY-29 SEP
820 66,909 Last Works: Manet to Kippenberger SchirnKunsthalle Frankfurt 28 FEB-2 JUN
818 66,739 Phil Collins MuseumLudwig Cologne 18 APR-21 JUL
817 92,234 Royal Treasures from the Louvre LegionofHonor San Francisco 17 NOV 12-31 MAR 13
817 70,229 Mexico: a Revolution in Art 1910-40 RoyalAcademyofArts London 6 JUL-29 SEP
816 61,228 Vermeer and Music NationalGallery London 26 JUN-8 SEP
814 106,612 * First Ladies: Australian Women NationalPortraitGallery Canberra 1 FEB-11 JUN
813 104,904 Guttuso, 1912-2012 ComplessodelVittoriano Rome 12 OCT 12-17 FEB 13
812 41,992 Proximities 1: What Time Is There? AsianArtMuseum San Francisco 24 MAY-21 JUL
808 155,883 * Brenda Croft ArtGalleryNewSouthWales Sydney 6 APR-15 OCT
808 123,613 * Heimo Zobernig ReinaSofía Madrid 9 NOV 12-15 APR 13
807 91,920 Moment: Ulla Wiggen ModernaMuseet Stockholm 13 APR-25 AUG
807 79,000 Hilma af Klint: a Pioneer of Abstraction HamburgerBahnhof Berlin 15 JUN-6 OCT
807 18,108 Michele Valori: Inhabiting the House MAXXI Rome 23 JAN-17 FEB
805 115,159 * Flatlands ArtGalleryNewSouthWales Sydney 13 SEP 12-3 FEB 13
803 63,456 Wolfgang Hahn Prize: Andrea Fraser MuseumLudwig Cologne 21 APR-21 JUL
802 60,000 NYC 1993 NewMuseum New York 13 FEB-26 MAY
793 77,106 Mantegna to Matisse: Master Drawings FrickCollection New York 2 OCT 12-27 JAN 13
792 80,000 Karl Friedrich Schinkel KunsthallederHypo-Kulturstiftung Munich 1 FEB-12 MAY
792 72,823 Great and Mighty Things: Outsider Art PhiladelphiaMuseumofArt Philadelphia 3 MAR-9 JUN
789 257,240 White Gold IsraelMuseum Jerusalem 8 MAY 12-2 APR 13
787 78,682 * James Capper: Divisions YorkshireSculpturePark Wakefield 5 JAN-14 APR
786 67,355 Urs Fischer MuseumofContemporaryArt Los Angeles 21 APR-19 AUG
786 23,250 Everything for Art ZKMCentreforArtandMedia Karlsruhe 1 JAN-10 FEB
783 230,290 * Miró: Sculptor YorkshireSculpturePark Wakefield 17 MAR 12-6 JAN 13
783 63,836 The Plasticiens and Beyond: Montreal MuséeNationaldesBeaux-Arts Québec 7 FEB-12 MAY
781 149,114 Multiple Leminski MuseuOscarNiemeyer Curitiba 27 OCT 12-9 JUN 13
781 73,394 They Seek a City ArtInstituteof Chicago Chicago 1 MAR-2 JUN
781 32,012 Joan Miró: Imagery MoscowMuseumofModernArt Moscow 26 APR-9 JUN
780 62,997 Ahlam Shibli: Phantom Home MACBA Barcelona 25 JAN-28 APR
779 101,000 Monet, Gauguin, Szinyeimerse, Rippl-Rónai HungarianNationalGallery Budapest 28 JUN-24 NOV
778 73,952 Ken Price Sculpture: a Retrospective LACMA Los Angeles 16 SEP 12-6 JAN 13
777 38,742 Christian Marclay: The Clock SFMoMA San Francisco 6 APR-2 JUN
776 44,027 Ken Ueno: Liquid Lucretius MUACUNAM Mexico City 17 AUG-3 NOV
773 62,425 The Museum Explores MuseuNacionald’ArtedeCatalunya Barcelona 23 NOV 12-24 FEB 13
768 100,645 Robert Mapplethorpe: XYZ LACMA Los Angeles 21 OCT 12-24 MAR 13
768 79,099 Treasure Island: British Art FundacíonJuanMarch Madrid 5 OCT 12-20 JAN 13
767 160,866 Paths of Wonder MuseoNazionaledelBargello Florence 23 MAR-3 NOV
766 65,919 * Edith Tudor Hart ScottishNationalPortraitGallery Edinburgh 2 MAR-26 MAY
759 57,367 Movies and Videos by Artists MuseuOscarNiemeyer Curitiba 5 SEP-1 DEC
758 44,742 * Cate Consandine: Cut Colony ArtGalleryNewSouthWales Sydney 8 NOV 12-6 JAN 13
757 45,391 * Alex Kershaw: Fantasticology Tokyo ArtGalleryNewSouthWales Sydney 12 SEP-10 NOV
754 91,198 Henri Matisse: la Gerbe LACMA Los Angeles 21 APR-8 SEP
754 44,362 * Storied Past: French Drawings CantorArts Center Stanford 3 JUL-22 SEP
753 57,948 Lost Line LACMA Los Angeles 25 NOV 12-24 FEB 13
750 70,547 Turner Prize 2012 TateBritain London 2 OCT 12-6 JAN 13
747 65,592 Wolfgang Tillmans ModernaMuseet Stockholm 6 OCT 12-20 JAN 13
744 120,000 * The Body MuseoSoumaya Mexico City 16 APR-20 OCT
3,290,500 Victoria and Albert Museum LONDON
3,185,413 Reina Sofía MADRID
3,066,337 Museum of Modern Art NEW YORK
3,052,823 National Museum of Korea SEOUL
2,898,562 State Hermitage Museum ST PETERSBURG
2,705,814 National Folk Museum of Korea SEOUL
2,398,066 Somerset House LONDON
2,306,966 Museo Nacional del Prado MADRID
2,220,000 Rijksmuseum AMSTERDAM
2,039,947 National Art Center Tokyo TOKYO
2,034,397 Centro Cultural Banco do Brasil RIO DE JANEIRO
2,014,636 National Portrait Gallery LONDON
1,946,420 Shanghai Museum SHANGHAI
1,940,921 * National Gallery of Victoria MELBOURNE
1,870,708 Galleria degli Uffizi FLORENCE
1,824,000 MuCEM MARSEILLES
1,768,090 National Museum of Scotland EDINBURGH
1,758,460 Moscow Kremlin Museums MOSCOW
1,728,815 * Getty LOS ANGELES
1,690,078 * FAMSF SAN FRANCISCO
1,539,716 Art Institute of Chicago CHICAGO
1,505,608 Saatchi Gallery LONDON
1,468,818 Centro Cultural Banco do Brasil BRASILIA
1,460,324 * National Galleries of Scotland EDINBURGH
1,448,997 Van Gogh Museum AMSTERDAM
1,422,013 Grand Palais PARIS
1,403,909 Tokyo National Museum TOKYO
1,378,272 Tate Britain LONDON
1,360,000 State Tretyakov Gallery MOSCOW
1,333,430 Teatre-Museu Dalí FIGUERES
1,307,326 Musée Quai Branly PARIS
1,307,230 Palazzo Ducale VENICE
1,276,165 Gyeongju National Museum GYEONGJU
1,260,577 AustralianCentrefortheMovingImage MELBOURNE
1,260,000 Pergamonmuseum BERLIN
1,257,241 Galleria dell'Accademia FLORENCE
1,224,964 * Queensland Art Gallery/GoMA BRISBANE
1,223,198 Mori Art Museum TOKYO
1,202,654 LACMA LOS ANGELES
1,200,000 SAAM/Renwick Gallery WASHINGTON, DC
1,199,123 Guggenheim Museum NEW YORK
1,163,419 Valencia Institute of Modern Art VALENCIA
1,162,792 Art Gallery New South Wales SYDNEY
1,155,975 National Museum of Western Art TOKYO
1,134,289 Museum of Fine Arts BOSTON
1,095,000 Museo Soumaya MEXICO CITY
1,091,143 Acropolis Museum ATHENS
1,083,815 National Portrait Gallery WASHINGTON, DC
1,050,000 National Art Museum of China BEIJING
1,044,067 Kelvingrove Art Gallery and Museum GLASGOW
1,018,378 Royal Academy of Arts LONDON
1,015,022 Montreal Museum of Fine Arts MONTREAL
966,502 Israel Museum JERUSALEM
957,802 Belvedere VIENNA
956,498 Royal Ontario Museum TORONTO
945,161 Serpentine Gallery LONDON
944,827 Museo Thyssen-Bornemisza MADRID
940,000 Neues Museum BERLIN
931,639 Centro Cultural Banco do Brasil SÃO PAULO
931,015 Guggenheim Museum BILBAO
911,342 Museu Picasso BARCELONA
900,000 Musée de l’Orangerie PARIS
894,876 MCAAustralia SYDNEY
892,806 CaixaForum Barcelona BARCELONA
852,904 Art Gallery of Ontario TORONTO
850,395 Museum of Fine Arts HOUSTON
850,194 Melbourne Museum MELBOURNE
824,898 Musée du Louvre-Lens LENS
806,677 Palazzo Reale MILAN
790,732 CaixaForum Madrid MADRID
778,853 Kunsthistorisches Museum VIENNA
770,243 National Gallery of Australia CANBERRA
747,874 Ashmolean Museum OXFORD
723,259 Palais de Tokyo PARIS
700,088 Musée d’Art Moderne de la Ville de Paris PARIS
700,000 Ullens Center for Contemporary Art BEIJING
700,000 Stedelijk Museum AMSTERDAM
689,582 * Seattle Art Museum SEATTLE
662,389 Musées Royaux des Beaux-Arts BRUSSELS
660,640 Huntington Library SAN MARINO
660,358 Art Gallery of South Australia ADELAIDE
652,759 National Portrait Gallery CANBERRA
645,343 Hirshhorn Museum WASHINGTON, DC
643,274 MACBA BARCELONA
641,572 National Gallery of Ireland DUBLIN
639,810 Philadelphia Museum of Art PHILADELPHIA
635,917 MuseuNacionald’ArtedeCatalunya BARCELONA
630,000 Tel Aviv Museum of Art TEL AVIV
627,800 Istanbul Modern ISTANBUL
613,090 Freer and Sackler Galleries WASHINGTON, DC
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Venuesmarkedwithanasterisk(*)indicateinstitutionswithmorethanonebuilding.Thesefigureshavebeencombined.Thebreakdownforthefollow-
inginstitutionsis:NationalGalleryofVictoria:(NGVInternational:1,306,852;IanPotterCentre:NGVAustralia:634,069);Getty(GettyCenter:1,356,381;
GettyVilla:372,434);FAMSF(DeYoung:1,304,339;LegionofHonor:385,739);NationalGalleriesofScotland(ScottishNationalGallery:933,296;
ScottishNationalPortraitGallery:261,937;ScottishNationalGoMA:265,091);Queensland(QueenslandArtGallery:597,157;GoMA:627,807);SeattleArt
Museum(includestheSeattleAsianArtMuseumandtheOlympicSculpturePark;separatefigureswerenotavailableaswewenttopress).
Total Venue CityNo
Around 1.8 million people visited Marseilles’s new museum, MuCEM, in the six months it was open last year
Total Venue CityNo
©AGNÈSMELLON–ARCHITECTESRUDYRICCIOTTIETROLANDCARTA
✓

✓

✓

✓

Diversi i parametri valutati dalla redazione
di The Art Newspaper nell’elaborazione dei
DATI forniti dagli uffici stampa dei musei
coinvolti, come diversi sono i livelli di
lettura della classifica, da cui si trae il
massimo grazie al confronto con i tabulati
degli anni precedenti.
I dati in tabella sono del 2013 e illustrano le posizioni
11/100 relative alla sezione TOP 100 ART MUSEUM
ATTENDANCE. Nel 2014, gli Uffizi perdono una
posizione, passando dal 25^ al 26^ posto. Palazzo
Ducale scende in 45^ posizione, appena prima delle
Gallerie dell’Accademia, che restano stabili. Palazzo
Reale sparisce dalla classifica, e rientra in extremis la
Triennale, 100esima.

1. INTRODUZIONE
8
10. MUSÉE d’ORSAY – Parigi, FR (3.500.000 visitatori)
Fondato nel 1986, raccoglie i maggiori capolavori dell’impressionismo e del post-impressionismo
Facebook:456.463 like/ Twitter: 300K follower/ Linkedin: 8.770 follower*
*Dati aggiornati al 26/10/2015

1. INTRODUZIONE
9
9. NATIONAL MUSEUM OF KOREA – Seoul, KR (3.536.677 visitatori)
Fondato nel 1945 e riaperto in una nuova location nel 2005, è l’istituzione culturale di bandiera della Corea.
Facebook: 11.572 like/ Twitter: 27.8K follower*

1. INTRODUZIONE
10
8. NATIONAL GALLERY of ART – Washington, US (3.892.459 visitatori)
Fondata nel 1941, è un’ampia collezione che abbraccia un vasto periodo, dal Medioevo al Contemporaneo
Facebook: 458.055 like/ Twitter: 98.4K follower/ Instagram: 65k follower/ Linkedin: 4.086 follower*

1. INTRODUZIONE
11
7. NATIONAL PALACE MUSEUM – Taipei, TAIWAN (5.402.325 visitatori)
Fondato nel 1965, custodisce una delle più grandi collezioni di artefatti cinesi del periodo imperiale
Linkedin: 166 follower*

1. INTRODUZIONE
12
6. TATE MODERN – Londra, UK (5.785.427 visitatori)
Fondata nel 2000, è la galleria di arte moderna (e contemporanea) più visitata del mondo
Facebook: 803.458 like/ Twitter: 2.13M follower/ Instagram: 426k follower/ Linkedin: 41.961 follower*

1. INTRODUZIONE
13
5. MUSEI VATICANI – Città del Vaticano, VA (5.891.332 visitatori)
Fondato nel 1502 da Papa Giulio II, il complesso include la Cappella Sistina e le Stanze della Segnatura
Facebook: 107.775 like*

1. INTRODUZIONE
14
4. METROPOLITAN MUSEUM of ART – NEW YORK, US (6.162.147 visitatori)
Fondato nel 1870, è il museo più grande degli Stati Uniti: 17 divisioni curatoriali per oltre 2 mln. di opere
Facebook: 1.383.271 like/ Twitter: 1.05M follower/ Instagram: 960k follower/ Linkedin: 58.617 follower*

1. INTRODUZIONE
15
3. NATIONAL GALLERY – Londra, UK (6.416.724 visitatori)
Fondata nel 1824, si offre al pubblico con più di 2.300 dipinti di varie epoche, dal XIII al XX secolo
Facebook: 558.092 like/ Twitter: 523K follower/ Instagram: 30k follower/ Linkedin: 8.788 follower*

1. INTRODUZIONE
16
2. BRITISH MUSEUM – Londra, UK (6.695.213 visitatori)
Fondato nel 1753, con i suoi 8 mln. di oggetti è uno dei monumenti alla storia e alla cultura dell’umanità
Facebook: 913.081 like/ Twitter: 50.8K follower/ Instagram: 257k follower/ Linkedin: 25.531 follower*

1. INTRODUZIONE
17
1. LOUVRE – Parigi, FR (9.260.000 visitatori)
Fondato nel 1792, è da sempre al vertice della classifica dei musei più visitati stilata dall’Art Newspaper
Facebook: 1.871.342 like/ Twitter: 547K follower/ Instagram: 335k follower/ Linkedin: 8.203 follower*

18
INDICE
1.  INTRODUZIONE
Ÿ Non farmi pensare
Ÿ Modelli di qualità
Ÿ Audience VS obiettivi
5.  CREDITS

Dopo aver visto quali sono i musei più visitati del mondo la domanda è:
I MUSEI PIU VISITATI DEL MONDO HANNO DEI SITI WEB ALTRETTANTO VISITABILI?
Da sottolineare il fatto che se il sito web di un noto museo è molto visitato non
significa necessariamente che sia altrettanto visitabile, o meglio USABILE.
Ancora:
COSA SI INTENDE PER ESPERIENZA UTENTE?
E COME SI VALUTA L’USABILITÀ DI UN SITO WEB?
19
2. USABILITY MATTERS

20
2. USABILITY MATTERS/Non farmi pensare

La piattaforma MUSEUM ANALYTICS, basata – tra gli altri – sui dati forniti da The Art
Newspaper, raccoglie una serie di informazioni riguardanti la PRESENZA ONLINE di
oltre 3.000 tra le realtà museali più importanti a livello globale.
Il sito, sviluppato da un’agenzia specializzata nello sviluppo di strategie online per i
beni culturali, rende i propri REPORT disponibili al pubblico*.
“I report sono uno strumento essenziale per i servizi di comunicazione al fine di
valutare e comprendere i propri progressi”: con questa motivazione il progetto ha
vinto i premi “People’s Choice” e “Museum’s Professional” assegnati durante l’edizione
2012 di Museums and the Web.
*I dati relativi ai profili social (Facebook/Twitter) dei musei rappresentati nelle statistiche sono aggiornati in tempo
reale, mentre i numeri riguardanti le visite (onsite/online) risalgono al 2011 – anno di sviluppo del progetto.
21

22

23

24
Il parametro fondamentale per valutare l’efficacia di un sito web è la sua USABILITÀ.
Normativa ISO 9241, emanata nel 1993: “l’ USABILITÀ è il grado in cui un prodotto può
essere usato dagli utenti per raggiungere gli obiettivi preposti con efficacia e
soddisfazione in uno specifico contesto d’uso”.
La definizione, applicabile a tutti i prodotti informatici, è calzante anche per i siti web
che intercettano i BISOGNI di un pubblico molto vasto, non necessariamente
specialistico.
L’usabilità si costituisce quindi come quell’insieme di TEORIE, TECNICHE e
STRUMENTI utili a costruire la migliore esperienza utente possibile, che si tratti di un
sito web, di un’applicazione o di un dispositivo.

25
Usabilità ed esperienza utente si basano
su una progettazione USER CENTRED,
focalizzata cioè sul profilo attitudinale
dell’utente di riferimento.
Come si vede in figura l’aspetto grafico/
visivo non è altro che la punta
dell’iceberg.
La costruzione dell’esperienza utente (UX)
si avvale infatti di un approccio
multi-settore in cui convergono diverse
discipline: psicologia, sociologia,
linguistica, ergonomia, design, informatica.

27
Nonostante uno scenario tecnologico costantemente in divenire (infrastrutture,
dispositivi mobili, applicazioni, wearable device…) restano in gran parte valide le
REGOLE introdotte agli albori del millennio dal pioniere dell’usabilità STEVE KRUG.
•  DON’T MAKE ME THINK è la regola principale, strettamente connessa al concetto
di LEARNABILITY: l’utilizzo di qualunque sito/applicazione/dispositivo deve essere
immediato e di facile apprendimento per limitare gli “effort” cognitivi dell’utente.
•  It doesn’t matter how many times I have to click as long as EACH CLICK IS A
MINDLESS, UNAMBIGUOUS CHOICE, ma attenzione a declinare questo principio in
ambiente mobile!
•  GET RID OF HALF OF THE WORDS ON EACH PAGE then get rid of half of what’s
left. Traducendo: il potere della sintesi sul web, soprattutto nella modalità ON THE
GO che caratterizza la fruizione da mobile.
•  THERE IS NO ONE RIGHT WAY TO DESIGN WEB SITES, il gioco dipende da un
sottile equilibrio di requisiti, obiettivi e tempo/risorse a disposizione.

28
2. USABILITY MATTERS/Modelli di qualità

29
Date le LINEE GUIDA generali, come è possibile declinarle nel contesto della
PROGETTAZIONE? Di quali ELEMENTI si compone un sito web usabile?
Ma soprattutto, È POSSIBILE MISURARE L’USABILITÀ?
L’usabilità è costruita su ELEMENTI difficilmente quantificabili. Per questo l’analisi
dell’usabilità è basata su EURISTICHE e si nutre di INDAGINI frequenti, a coprire per
intero l’iter di (ri)progettazione di un prodotto/servizio.
I risultati delle indagini hanno permesso di individuare dei PARAMETRI che sono stati
sommati e tradotti in MODELLI applicativi, sia generali che specifici, utili anche per
condurre valutazioni e analisi di benchmarking.
A seguire: il modello di POLILLO, l’analisi di #SVEGLIAMUSEO, la proposta di una
WEB AGENCY.
2. USABILITY MATTERS/Modelli di qualità

30
Il Prof. ROBERTO POLILLO, docente di Interazione Uomo-Macchina presso l’Università
Milano-Bicocca ha elaborato un modello generale per valutare l’efficacia dei siti web.
Il modello analizza la QUALITÀ ESTERNA (presentazionale) e la QUALITÀ IN USO
(percepita dall’utente in base alle sue necessità): non viene presa in considerazione la
QUALITÀ INTERNA (funzionale) del sito web, in quanto andrebbe a coinvolgere
aspetti eccessivamente tecnici e poco influenti ai fini dell’analisi.
PRO: il modello, nato con finalità didattiche e basato sul processo di sviluppo e
gestione di un sito web, è SEMPLICE e SCALABILE – si presta tanto a check-up
rapidi e informali quanto ad analisi più approfondite.
CONTRO: non essendo aggiornato dal 2005 risulta DATATO, privo dei fondamentali
aggiustamenti richiesti dal mutamento di scenario causato dalla rapidissima diffusione
dei dispositivi mobili e delle interfacce touch.
2. USABILITY MATTERS/Modelli di qualità - Polillo

31
Il modello di processo (in figura, sopra)
è il punto di partenza che utilizza Polillo
per realizzare il suo modello di qualità
(dettagliato in figura, a sinistra).
Dal modello di PROCESSO
Al modello di QUALITÀ

32
Architettura, comunicazione, funzionalità, contenuto, gestione, accessibilità, usabilità.
Polillo assegna a queste MACRO-CATEGORIE delle ulteriori SOTTO-CLASSI, utili a
dettagliare al meglio il modello, soprattutto nei suoi primi utilizzi.
ARCHITETTURA: struttura, mappa del sito, navigazione
COMUNICAZIONE: home page, brand image, grafica
FUNZIONALITÀ: adeguatezza, correttezza
CONTENUTO: categorizzazione/labelling, stile, informazione, localizzazione
GESTIONE: disponibilità, monitoraggio, aggiornamento, relazione con gli utenti
ACCESSIBILITÀ: tempi di accesso, reperibilità, accessibilità, indipendenza del server
USABILITÀ: efficacia, efficienza, soddisfazione dell’utente
Una volta attribuito un valore 0/4 a ciascuna macro-categoria (valore derivante dalla
sommatoria delle sotto-classi di ciascuna categoria) il profilo di qualità del sito viene
visualizzato in forma sintetica tramite un DIAGRAMMA a STELLA - a seguire.

33
Sopra: diagramma a stella con il profilo di qualità di un sito
In alto a destra: diagramma a stella con dettaglio delle sotto-classi
In basso a destra: comparazione dei profili di qualità di due siti diversi

34
Se il modello di Polillo, pur leggermente datato, tratteggia un modo di procedere
tanto agile quanto laico – applicabile, cioè, a siti web di diverso genere – l’analisi
presentata dal team di #svegliamueseo è dedicata ai professionisti della CULTURA.
Il progetto #svegliamuseo nasce dall’idea di quattro giovani che si sono impegnati,
come dice il nome dell’iniziativa, a SVEGLIARE I MUSEI ITALIANI indirizzandoli verso
la comunicazione digitale e il confronto con le esperienze di istituzioni (inter)nazionali.
Gli ottimi risultati raggiunti nei primi mesi dal lancio del fortunato progetto, hanno
spinto i ragazzi a presentare un ebook che formalizza il lavoro svolto, offrendosi al
contempo come un MANUALE di COMUNICAZIONE 2.0 per gli operatori museali,
spesso diffidenti nei confronti delle potenzialità offerte dalle nuove tecnologie.
Interviste, social network, storytelling, content management ma anche analytics e
un’interessante proposta per progettare e valutare i siti web dei musei.
2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo

35
La proposta di uno strumento di analisi e valutazione dei siti web per musei prende le
mosse da un attento esame di varie INIZIATIVE/NORME/INDAGINI:
•  il sistema di content management (CMS) Museo & Web, creato dai membri della
commissione del progetto MINERVA (Ministerial Network for Valorising Activities in
Digitalisation) per dare a tutti i musei la possibilità di dotarsi di un sito web in linea
con i principi di qualità sottesi al progetto – l’ultimo aggiornamento è del 2011;
•  alcune indagini condotte sul COMPORTAMENTO degli utenti dei siti web dei musei,
svolte tra il 2010 e il 2012 dall’Agenzia Danese per il Patromonio, dal British Museum
e dall’Indianapolis Museum of Art;
•  le guidelines del W3C (World Wide Web Consortium) in materia di ACCESSIBILITÀ;
•  la legge STANCA, introdotta nel 2004 per stabilire i requisiti di accessibilità a cui
sottoporre i siti web di interesse pubblico - aggiornata nel 2013 con D.M. del MIUR;
•  la normativa ISO 9241 dell’International Organization for Standardization del 1993 e
una nutrita bibliografia riguardante il tema dell’USABILITÀ.

36
Il risultato dell’analisi è una griglia di valutazione suddivisa in 11 SEZIONI e 111 SOTTO-
CATEGORIE, a cui vengono assegnati dei valori per un totale di 200 punti/museo:
•  LINGUE (2 sotto-categorie, punteggio massimo: 10)
•  INFORMAZIONI (14 sotto-categorie, punteggio massimo: 21)
•  MUSEO (10 sotto-categorie, punteggio massimo: 38)
•  PATRIMONIO (5 sotto-categorie, punteggio massimo: 22)
•  EVENTI (5 sotto-categorie, punteggio massimo: 17)
•  INTERAZIONE (8 sotto-categorie, punteggio massimo: 20)
•  EDUCAZIONE (4 sotto-categorie, punteggio massimo: 12)
•  SERVIZI (6 sotto-categorie, punteggio massimo: 10)
•  ACCESSIBILITÀ (30 sotto-categorie, punteggio massimo: 14)
•  USABILITÀ (19 sotto-categorie, punteggio massimo: 16)
•  VALUTAZIONE TECNICA (8 sotto-categorie, punteggio massimo: 20)
NB: alcuni parametri hanno come massimo lo 0, e possono avere valori negativi.

37
Il sistema è stato TESTATO dal team #svegliamuseo sui siti web dei dieci musei più
visitati del mondo e sui siti dei dieci musei più visitati d’Italia nel 2012 (dati The Art
Newspaper e Il Giornale dell’Arte), il report completo è consultabile scaricando il pdf
dell’ebook “Comunicare la cultura online. Una guida pratica per i musei”.
Le valutazioni tecniche sono state condotte sulla home page, mentre le valutazioni di
accessibilità/usabilità sono state effettuate sulle pagine principali di ciascuna sezione.
PRO: il modello è MOLTO completo e realizzato su misura per i siti web dei musei.
CONTRO: il modello è TROPPO completo ed eccessivamente tecnico, e non si presta
a check-up rapidi e informali. Da notare, inoltre, come tra i vari parametri presi in
esame, e vista la recentissima diffusione dell’ebook, manchi una voce relativa
all’ottimizzazione del sito per il mobile.

38
Alcuni esempi delle tabulazioni utilizzate per
l’analisi. Da notare il livello di dettaglio di
alcune informazioni (es: fotografie e menù
del bar/ristorante) e i tecnicismi della
valutazione funzionale.

39
2. USABILITY MATTERS/Modelli di qualità – Web Agency
È possibile coniugare la praticità del modello di Polillo all’esaustività del sistema di
analisi funzionale proposto da #svegliamuseo in un metodo AGILE e AGGIORNATO?
Tra i documenti che le WEB AGENCY producono per i propri clienti ci sono le
analisi di BENCHMARKING, che possono interessare l’usabilità dei siti web dei
competitor in una data area di business. Lo scopo di questi documenti è individuare le
best practice di settore su cui basare il (re)design dell’intero sito o di una sua parte.
Visto l’obiettivo dell’analisi che si vuole condurre - produrre in modo VELOCE un
report AFFIDABILE sull’usabilità dei siti web dei maggiori musei internazionali -
perché non importare in ambito culturale la metodologia applicativa di un’agenzia
web, abituata al rispetto dei dogmi del settore profit (TIMING & PERFORMANCE)?
Tornano valide le parole di NIELSEN: “Nel momento in cui una persona visita il vostro
sito, diventa vostro CLIENTE nella misura in cui voi siete parte del mercato di qualcosa
che quella persona cerca e voi siete in grado di fornire”.

40
Come ripetutamente ribadito, l’obiettivo principale di ogni sito web viene raggiunto
quando vengono soddisfatti i BISOGNI dell’UTENTE, e questo è vero sia nel caso in cui
si tratti di fare acquisti online che di verificare gli orari di apertura di un museo.
Non solo: un utente, per essere realmente soddisfatto dell’ESPERIENZA di
NAVIGAZIONE offerta da un sito web deve potersi muovere in un ambiente
informativo chiaro che gli permetta di trovare velocemente quello che cerca.
Per raggiungere questi goal, un sito deve integrare in modo efficace:
•  Tecnologie CROSS-DEVICE
•  ARCHITETTURA
•  CONTENUTI e SERVIZI
•  LABELLING
•  LOOK and FEEL

L’approccio RWD (Responsive Web Design) prevede l’utilizzo di tecnologie utili alla
progettazione di siti web MODULATI e SCALABILI in base alle dimensioni e alle
funzionalità del monitor su cui vengono visualizzati.
41
Tecnologie CROSS-DEVICE
Oltre al TRAFFICO proveniente da PC
desktop, è sempre più importante
considerare anche gli altri device, su
tutti smartphone e tablet: un buon sito
deve prevedere contenuti
OTTIMIZZATI per garantire la migliore
esperienza possibile a TUTTI gli utenti.

42
Un’architettura informativa ben formata deve:
•  essere facile da imparare/memorizzare;
•  essere gerarchica e utilizzare unità logiche;
•  essere coerente in tutte le pagine del sito;
•  utilizzare feedback di navigazione (es: breadcrumbs);
•  prevedere il minimo numero di click per muoversi nel sito (avanti/indietro).
ARCHITETTURA
Lo SCHEMA di NAVIGAZIONE è la
struttura alla base di ogni sito/app e il
suo SCOPO principale è fare in modo
che informazioni e funzionalità siano
interconnesse e facili da trovare.

43
CONTENUTI e SERVIZI
Sia gli utenti che i MOTORI di RICERCA
amano i siti ricchi di contenuti, ma
ATTENZIONE: avere molti contenuti non
è sufficiente. I CONTENUTI devono
essere RILEVANTI, esposti in maniera
chiara e accurata ma soprattutto in linea
con gli obiettivi del sito.
È inoltre buona norma che i SEVIZI e le
INFORMAZIONI disponibili online siano
ALLINEATI all’offerta dei competitor più
vicini - per ragioni di MARKETING/
rispetto delle aspettative dell’utente.

44
Le informazioni devono essere presentate in modo da poter essere lette
e interpretate tanto dalle persone quanto dagli algoritmi, SENZA AMBIGUITÀ.
Di conseguenza, l’utilizzo di soluzioni creative è fortemente sconsigliato.
LABELLING
Associare alle voci di menu e ai link
un sistema di LABELLING chiaro,
semplice e convenzionale è
INDISPENSABILE per guidare il
processo di navigazione dell’utente.
Anche la disposizione delle sezioni/
voci di menu deve essere immediata.

45
LOOK and FEEL
La veste grafica di un sito web si pone come INTERFACCIA tra
l’architettura informativa e l’identità del brand/istituzione proprietaria.
L’utilizzo e la combinazione di FONT, COLORI, IMMAGINI, GRAFICHE
sono gli strumenti con cui costruire e trasmettere i valori desiderati.
PARAMETRI di RIFERIMENTO
•  LAYOUT: disposizione degli elementi in pagina
•  TIPOGRAFIA: scelta e utilizzo delle font
•  RUMORE cognitivo vs COERENZA: corrispondenza forma/funzione
•  SINTESI: evitare l’utilizzo di elementi non necessari che possono
distrarre l’utente.

46
Sulla base di quanto detto, ecco il modello che è stato adottato per condurre l’analisi
di usabilità sui siti dei dieci musei d’arte più visitati a livello globale nel 2013, secondo
la classifica di The Art Newspaper.
Come per il modello di Polillo, i valori utilizzati vanno dallo 0 al 4:
0 = pessimo
1 = insufficiente
2 = sufficiente
3 = buono
4 = ottimo
NOME MUSEO Cross-Device Architettura
Informativa
Contenuti e
Servizi
Labelling Look and Feel

47
INDICE
1.  INTRODUZIONE
5.  CREDITS

48
3. USABILITY ANALYSIS/Anatomia di una pagina web
NOTA: è possibile che alcuni siti siano
soggetti al rispetto di normative nazionali,
soprattutto se le istituzioni fanno capo alla
pubblica amministrazione locale. Ancora, la
versione inglese dei siti dei musei asiatici
potrebbe differire dall’originale in modo più
o meno significativo.. Dati: 26/10/2015

49
3. USABILITY ANALYSIS/TOP TEN: on-site VS on-line
ONLINE
11/20
17/20
16/20
15.5/20
15/20
13/20
7.5/20
10/20
8.5/20
20/20
10/20

50
3. USABILITY ANALYSIS/Musei Vaticani, Città del Vaticano

51
3. USABILITY ANALYSIS/Musei Vaticani, Città del Vaticano

52
Cross-Device Architettura Contenuti e
Servizi
1.5 2 2 1.5 0.5
1.  Cross-Device: sito in versione unica per pc, visibile e navigabile da vari device
2.  Architettura: si atterra su una splash page con selettore linguistico. Il sito è diviso
nelle sezioni Museo e Visita più relative sotto-categorie, accessibili in home dal
menu di spalla. Nelle pagine interne il menu scompare, restano dei link in header
Dove la navigazione si fa più profonda ci sono le briciole di pane. Le informazioni
ausiliarie sono nel footer con la mappa, che però non corrisponde al sito reale
3.  Contenuti e Servizi: sempre in primo piano l’opzione “Biglietti online”, molto
importante per gestire il problema delle code che caratterizzano il Museo. Per il
resto, a parte le lingue (5, a tratti si sovrapposte) l’offerta di servizi è scarsa e poco
curata - per accedere a Collezioni/Visite virtuali bisogna scaricare dei plug-in
4.  Labelling: a tratti ambiguo e con informazioni sovrapposte (da Sezioni si accede a
Collezioni), male anche le gerarchie. Lo shop utilizza metafore visive poco comuni
5.  Look and Feel: caotico. Pessima gestione di spazi/tipografia/colore. Il testo prevale
di gran lunga sulle immagini. I mini-siti delle basiliche (3 su 4 dipendenti dal sito
principale) hanno caratteristiche grafico/strutturali totalmente diverse
3. USABILITY ANALYSIS//www.museivaticani.va ©2007

53
3. USABILITY ANALYSIS/Musée d’Orsay, Parigi

54
3. USABILITY ANALYSIS/Musée d’Orsay, Parigi

55
2.  Architettura: la divisione nelle 3 categorie principali dei menu a sx, viene riproposta
parzialmente identica nel corpo pagina. Nelle pagine interne il menu principale
cambia posizione e compare un menu di spalla a sx, che raggruppa le funzioni più
utilizzate e integra parzialmente le voci del footer
3.  Contenuti e Servizi: la parte relativa alle collezioni potrebbe essere strutturata
meglio, dai dettagli sull’opera fino alla qualità delle immagini. È presente un’area
personale ed è buona l’importanza data all’accessibilità. Navigando il sito in
inglese, alcuni contenuti rimangono in francese
4.  Labelling: buono lo sforzo di riassumere il menu principale nelle 3 label Eventi/
Collezioni/Visita, ma la sintesi non regge la confusione che si viene a creare nelle
gerarchie delle pagine interne
5.  Look and Feel: buon utilizzo dei colori, la gestione degli spazi e l’uso della
tipografia non sono ottimali
3. USABILITY ANALYSIS//www.musee-orsay.fr ©2010
Servizi
1.5 1.5 2 1.5 2

56
3. USABILITY ANALYSIS/National Palace Museum, Taipei

57
3. USABILITY ANALYSIS/National Palace Museum, Taipei

58
Servizi
2.5 2.5 2 1.5 1.5
1.  Cross-Device: il sito è visibile e navigabile da vari device. Nel top-header è presente
un link al sito per mobile in versione ridotta, accessibile solo da alcuni dispositivi
2.  Architettura: bene la struttura del sito e le briciole di pane, la cui funzione è ribadita
nel menu di spalla. Buona anche l’articolazione della mappa
3.  Contenuti e Servizi: il sito ha un’offerta tanto ampia quanto pleonastica - 9 lingue,
la possibilità di scaricare dei wallpaper per il desktop, una sezione 3D... In realtà si
tratta spesso di link che rimandano a siti esterni, molti in Flash, la maggior parte in
cinese. Gli shortcut per l’accessibilità sono pochi, e funzionano solo con FireFox
4.  Labelling: alcune diciture sono fumose (3DVR? Layout?), soprattutto per i non
addetti ai lavori. Sono presenti molti link spalmati su intere righe di testo
5.  Look and Feel: il testo prevale sulle immagini e l’impressione generale è che la
grafica sia disomogenea, e comunque poco adatta al sito web di un museo
3. USABILITY ANALYSIS//www.npm.gov.tw/en ©NP

59
3. USABILITY ANALYSIS/National Museum of Korea, Seoul

60
3. USABILITY ANALYSIS/National Museum of Korea, Seoul

61
Servizi
1.5 2.5 2 3 1
2.  Architettura: la navigazione è abbastanza chiara, divisa in 5 macro-categorie con
menu a discesa. Nelle pagine interne, i menu di secondo livello vengono esplosi a
sinistra e prevedono un ulteriore espansione per le categorie di terzo livello. La
posizione dell’utente è segnalata nei vari menu da diversi accorgimenti grafici
3.  Contenuti e Servizi: molto dettagliate le informazioni riguardanti la visita e il
museo. Carenti invece le altre risorse, le voci Learning e Collection risultano infatti
poco popolate – la situazione potrebbe essere diversa nel sito originale, in coreano
Alcune informazioni sono disponibili solo nella lingua originaria
4.  Labelling: Riflette le tendenze di settore (Visit, Exhibitions, Collections, Events,
Learning etc). Chiaro e coinciso anche nelle pagine interne
5.  Look and Feel: grafica povera, utilizzo delle font discutibile, a tratti con
sovrapposizione di menu. Colpisce la scarsità di immagini
3. USABILITY ANALYSIS//www.museum.go.kr ©NP

62
3. USABILITY ANALYSIS/Louvre, Parigi

63
3. USABILITY ANALYSIS/Louvre, Parigi

64
Servizi
1.5 3 2.5 2 2
2.  Architettura: la parte core della navigazione è affidata al menu di primo livello,
coadiuvato dalle funzioni riassunte dalle icone a dx. Le voci nel top-header sono
per filtrare l’utenza. Nel footer è presente la mappa del sito già esplosa
3.  Contenuti e Servizi: sito navigabile in più versioni, anche se per alcune lingue
vengono resi disponibili solo dei pdf scaricabili con la guida del museo. L’offerta
didattica è limitata ai bambini, né il coinvolgimento degli utenti sembra essere tra
gli obiettivi della strategia online del Museo
4.  Labelling: apprezzabile il tentativo di integrare/ridurre le voci di menu a delle
metafore visive e gerarchiche, ma tanta diversità di trattamento crea confusione.
Le categorie dei menu spesso non coincidono con le consuetudini di settore
5.  Look and Feel: il sito è sovraffollato, caotico, sia nella gestione degli spazi che
nell’uso di colore e tipografia. La navigazione risulta difficoltosa
3. USABILITY ANALYSIS//www.louvre.fr ©NP

65
3. USABILITY ANALYSIS/National Gallery of Art, Washington

66
3. USABILITY ANALYSIS/National Gallery of Art, Washington

67
Servizi
4 2.5 2 2 2.5
1.  Cross-Device: il sito è responsive, pienamente accessibile anche da mobile
2.  Architettura: una buona esperienza di navigazione pensata per un traffico desktop-
based. I menu di primo (e secondo) livello sono sempre raggiungibili dall’header.
Nelle pagine interne, quando necessario, ci sono dei menu ausiliari di spalla. Le
informazioni accessorie si trovano nel footer e, grazie alle briciole di pane, l’utente
sa sempre dove si trova. Manca la mappa del sito
3.  Contenuti e Servizi: l’accessibilità agli item delle collezioni è ben strutturata, dai
filtri fino alla pagina di dettaglio. È presente l’area personale - legata allo shop - e
ci sono varie risorse educative (targettizzate). Poco interattivo: viene data poca
visibilità al lato condivisione/social e non sono presenti altre lingue oltre all’inglese
4.  Labelling: è tutto chiaro ed esposto con coerenza, anche se l’interazione risulta
poco immediata per via di un’eccessiva omogeneità
5.  Look and Feel: si poteva forse osare di più nella palette colori, ma il sito è pulito e
coerente con l’immagine istituzionale del Museo
3. USABILITY ANALYSIS//www.nga.gov ©2014

68
3. USABILITY ANALYSIS/Tate Modern, Londra

69
3. USABILITY ANALYSIS/Tate Modern, Londra

70
Servizi
3 3.5 3 2.5 3
1.  Cross-Device: il sito è responsive, anche se la resa non è ottimale – la home ha uno
scroll molto lungo, e alcune pagine sono uguali alla versione per pc
2.  Architettura: molto ben strutturata, considerato che il sito serve 4 diversi musei. La
navigazione è comune, tranne le informazioni riguardanti il singolo museo (visita -
informazioni pratiche, orari di apertura, app dedicate…). Ottima la soluzione dei
menu orizzontali, che servono anche a tenere traccia della posizione dell’utente
all’interno sito. Manca la mappa
3.  Contenuti e Servizi: nonostante l’ampiezza del sito, le informazioni sono sempre
aggiornate e sono presenti call-to-action orientate al coinvolgimento degli utenti,
sia sui social che tramite progetti speciali. Il sito è solo in lingua inglese, e nel menu
dedicato alla visita sono presenti informazioni in altre lingue
4.  Labelling: alcune voci di menu si differenziano dalle label comunemente usate sui
siti dei musei e l’utente potrebbe esserne inizialmente disorientato
5.  Look and Feel: ottimo mix di immagini e testo, grafica piacevole e coerente con il
brand “giovane” del museo
3. USABILITY ANALYSIS//www.tate.org.uk ©NP

71
3. USABILITY ANALYSIS/Metropolitan Museum of Art, New York

72
3. USABILITY ANALYSIS/Metropolitan Museum of Art, New York

73
Servizi
3 3 3.5 3.5 2.5
1.  Cross-Device: il sito è visibile e navigabile da vari device. Non è responsive, ma per
chi accede da mobile è disponibile una versione ridotta
2.  Architettura: il menu principale dialoga con il menu di spalla presente nella maggior
parte delle pagine interne, la posizione dell’utente viene sottolineata dalle briciole
di pane. In alcune pagine rimane solo il menu dell’header, che cambia posizione
3.  Contenuti e Servizi: il sito (versione unica in inglese) è denso di informazioni – dalle
collezioni ai bar/ristoranti presenti in Visit > Dining at the MET. La sezione Visit
contiene anche l’app per visitare il Museo, mentre la parte relativa alle collezioni
risulta caotica. L’accesso all’area personale è ben evidenziato, a sottolineare la
volontà di coinvolgere gli utenti
4.  Labelling: il tone-of-voice è standard, ma le aree sono divise e ordinate in maniera
ineccepibile. Le mostre hanno una loro voce dedicata, e non sono incorporate agli
eventi - come spesso accade. Anche Learn, divisa da Research, presenta delle
sottocategorie che targettizano l’utenza in maniera univoca
5.  Look and Feel: un buon equilibrio grafico, senza guizzi di ingegno progettuale
3. USABILITY ANALYSIS//www.metmuseum.org ©2014

74
3. USABILITY ANALYSIS/National Gallery, Londra

75
3. USABILITY ANALYSIS/National Gallery, Londra

76
Servizi
4 3 3 3.5 2.5
2.  Architettura: il gioco tra il menu principale e la spalla sinistra accompagna l’utente
durante la tutta navigazione. La barra di ricerca è sempre ben visibile, in alto a
destra. Le informazioni accessorie e la mappa del sito si trovano nel footer
3.  Contenuti e Servizi: ottima la gestione delle collezioni, ricerca A/Z per pittore,
schede di dettaglio espandibili, zoom, collegamento alla picture library del museo
per l’eventuale acquisto della licenza e allo shop per i gadget correlati. La presenza
delle icone social per la condivisione dei contenuti è molto discreta. Come già
riscontrato per i musei inglesi, il sito non presenta altre versioni - nel menu
dedicato alla visita ci sono informazioni in altre lingue (pratica sconsigliata)
4.  Labelling: VIEW the collection, Il tone-of-voice usato nel menu centrale, insieme al
diverso trattamento grafico/gerarchico, è efficace e funziona come call-to-action
5.  Look and Feel: in apparenza austero, la navigazione si rivela in piacevole, con un
utilizzo bilanciato di testo e immagini. Alcune stonature a livello grafico
3. USABILITY ANALYSIS//www.nationalgallery.org.uk ©NP

77
3. USABILITY ANALYSIS/British Museum, Londra

78
3. USABILITY ANALYSIS/British Museum, Londra

79
Servizi
4 2.5 4 2.5 4
Architettura: la home page è strutturata molto bene, in evidenza le informazioni su
orari di apertura e le principali mostre/eventi in corso. La navigazione si basa sul
menu in header. Al click su una della voci di primo livello si apre un secondo menu
che al procedere della navigazione lascia spazio alla posizione corrente dell’utente,
unitamente alle opzioni correlate. L’utente non rischia di perdersi, ma viene persa
la visione d’insieme del percorso. La mappa del sito si trova nel footer
2.  Contenuti e Servizi: il sito è fruibile in 9 lingue, focalizzato su accessibilità online e
open data, dà importanza alla partecipazione degli utenti ed è attivo sulla maggior
parte dei social – tra cui SoundCloud per la registrazione di speech/conferenze
3.  Labelling: scelte mirate alla sintesi che a volte usano categorizzazioni diverse dalle
consuetudini adottate normalmente (Collezioni non ha una voce dedicata e si trova
in fondo al menu Research, anche se in home è presente uno shortcut)
4.  Look and Feel: gli spazi ben bilanciati (pieno/vuoto) e l’uso di colore e tipografia
esaltano i diversi contenuti in pagina, dando ritmo e piacevolezza alla navigazione
3. USABILITY ANALYSIS//www.britishmuseum.org ©NP

80
3. USABILITY ANALYSIS/Report
Museo Cross-
Device
Architettura Contenuti e
Servizi
Labelling Look and
Feel
TOTALE
out of 20
#SM
01/14
British
Museum
4 2.5 4 2.5 4 17 152/200
National
Gallery UK
4 3 3 3.5 2.5 16 144/200
MET 3 3 3.5 3.5 2.5 15.5 143/200
Tate Modern 3 3.5 3 2.5 3 15 143/200
National
Gallery US
4 2.5 2 2 2.5 13 109/200
Louvre 1.5 3 2.5 2 2 11 121/200
National
Museum KR
1.5 2.5 2 3 1 10 --
National
Palace M.
2.5 2.5 2 1.5 1.5 10 99/200
M. d’Orsay 1.5 1.5 2 1.5 2 8.5 --
Musei
Vaticani
1.5 2 2 1.5 0.5 7.5 86/200

L’analisi è stata condotta in modo empirico e l’efficacia di un sito web dipende da vari
parametri, alcuni oggettivamente misurabili, altri meno: gli OBIETTIVI e il BUDGET del
cliente sono fattori fondamentali che incidono nella progettazione.
Inoltre, il RE-DESIGN è un’operazione complessa che implica la conversione/
implementazione di enormi database (di opere) in una struttura nuova. Per questo
è più facile che i musei più piccoli, o di recente fondazione, abbiano i siti web migliori.
Dulcis in fundo, il mobile ha rivoluzionato metodologie consolidate di lavoro e
fruizione dei contenuti. Quando si progetta per le INTERFACCE TOUCH la
PROFONDITÀ delle strutture di navigazione classiche viene portata in SUPERFICIE
(insieme alla BARRA di RICERCA, sempre in primo piano). Le immagini e la grafica
hanno molto più spazio del testo, che viene ridotto al minimo, mentre le azioni
complesse sono svolte da app dedicate. Parola d’ordine: SEMPLIFICARE.
81
3. USABILITY ANALYSIS/Conclusioni

82

83

84

85

86
INDICE
1.  INTRODUZIONE
5.  CREDITS

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
87
CASA-MUSEO POLDI PEZZOLI, Milano/Direttrice: D.ssa Annalisa Zanni
Inaugurato nel 1881, il Museo era in origine l’abitazione del collezionista Gian Giacomo Poldi Pezzoli.
Oltre alla Dama del Pollaiolo, ospita opere di Botticelli, Raffaello, Piero della Francesca e molti altri.
Facebook: 12.191 like/ Twitter: 5.781 follower/ Dati aggiornati al 26/10/2015

88
http://www.museopoldipezzoli.it
“Ci è sembrato necessario fare un passo successivo nel PERCORSO VIRTUALE del
Poldi Pezzoli, realizzando un sito più dinamico, che tenga conto dei linguaggi e dei
modi di comunicare utilizzati dalle nuove tecnologie del web. Pur ritenendo il
CONTATTO DIRETTO tra l’opera d’arte e il visitatore INSOSTITUIBILE, il nuovo sito
sarà fondamentale per avvicinare alla nostra realtà quel pubblico che forse non ha
molta dimestichezza con i musei, ma utilizza abitualmente la rete. E penso in primo
luogo ai GIOVANI. Inoltre, grazie alla collaborazione con gli esperti di Fondazione IBM
Italia, abbiamo ideato un sito non solo facilmente aggiornabile, ma che sarà per noi
uno strumento fondamentale per la gestione delle collezioni”.
Annalisa Zanni, 11 novembre 2009
Cinque anni dopo, il problema si ripropone: dotare il MPP di “un sito web più dinamico,
che tenga conto dei linguaggi e dei modi di comunicare utilizzati dalle nuove
tecnologie del web”.

92
Dicembre 2013: dalla lettera di incarico a JWT, la web agency che ha vinto la gara.
“Rifacimento del sito internet del Museo Poldi Pezzoli secondo gli standard
del RESPONSIVE DESIGN. Il nuovo sito prevede:
•  una NUOVA ARCHITETTURA e nuovi testi;
•  il RECUPERO della COLLEZIONE on line (CMS/Drupal7);
•  l’impostazione dello shop (e del SISTEMA di PAGAMENTO ONLINE);
•  l’implementazione dei CANALI SOCIAL;
•  il RESTYLING GRAFICO - volto ad aumentare lo spazio e il peso delle immagini;
•  il rispetto delle norme riguardanti l’ACCESSIBILITÀ.
NOTA: gli uffici dovranno poter operare in autonomia per l’aggiornamento e la
sostituzione dei contenuti, senza ricorrere al sussidio tecnico di JWT”.

MOCK UP SAMPLE
SREENS
DESIGN
SPECIFICATION
DEVELOPMENT
93
Come funziona il PROCESSO di (RE)DESIGN di un sito web complesso?
•  Una volta stabiliti i REQUISITI di PRODOTTO in base agli OBIETTIVI del CLIENTE, la
prima cosa da fare è capire chi saranno gli UTENTI FINALI: articoli, colloqui e
soprattutto un esame attento dei dati riguardanti il traffico del sito in oggetto.
•  Si procede quindi per gradi, con una METODOLOGIA ITERATIVA fatta di confronti e
verifiche frequenti che consentono di limitare l’entità di eventuali re-work.
DESIGN
STRATEGY &
ANALYSIS
CONTENT &
INFO
ARCHITECTURE
WIREFRAME &
CONTENT
SIGN OFF
LOOK & FEEL
PROPOSAL
PAGE &
TEMPLATE
DESIGN
MEET BUSINESS
REQUIREMENTS
YES
NO
MEET BUSINESS
REQUIREMENTS
YES
NO
AGILE E2E ACCENTURE MULTIMEDIA AGENCY MODEL
AGILE AGENCY MODEL

94
Architettura informativa (o albero) del VECCHIO SITO del MPP
HOME
COLLEZIONE 1 COLLEZIONE n
MUSEO ORIGINI E STORIA
POLDI PEZZOLI PUBBLICAZIONIDONAZIONI SEDE
OGGETTO X
SERVIZI E DIDATTICA
UFFICIO STAMPAAMICI SPONSOR
CONTATTI
SOSTIENI
IL MUSEO
COPYRIGHT
SEDI E ORARI
FONDAZIONE
DIDATTICAFOTOTECA BIBLIOTECA VISITE GUIDATE EVENTI SPECIALI AUDIOGUIDA
COLLEZIONI
STRUTTURA
STAFF CONSIGLIO
MOSTRA X ALTRA ATTIVITÀ
MOSTRE E ATTIVITÀ
LAVORA CON NOI
OGGETTO Y
RESTAURI PROGETTI
LINK
ENGLISH
SALA X
SEDE STORICA
SALA X
BIGLIETTI E
CONVENZIONI

95
L’architettura del vecchio sito viene
organizzata in QUATTRO SEZIONI
PRINCIPALI, navigabili grazie a UN
MENU DI SECONDO LIVELLO
composto a sua volta da tre/cinque
voci per ogni sezione.
La struttura, apparentemente
semplice, è frutto di un complesso
lavoro di CATEGORIZZAZIONE e
ANALISI dei contenuti.
A seguire: architettura informativa
del NUOVO SITO del MPP

96
Museo Poldi Pezzoli Site Map
1. Home
1.3 Impara 1.4 Sostieni1.2 Visita1.1 Scopri
1.1 Scopri 1.2 Visita
1.2.4 Shop
1.3 Impara
1.3.1 Scuola
1.4 Sostieni
1.4.3 Privato1.4.2 Impresa
© Copyright | NOTE LEGALI E PRIVACY | MAPPA DEL SITO | CONTATTI | CREDITS
1.1.3 Collezioni
Ricerca
1.2.3 Mostre
ed eventi
1.2.2
Informazioni
utili
1.3.2 Famiglia 1.3.3 Ricerca
Gian Giacomo
collezionista
La casa
1.1.1 Da casa
a museo
Il museo
1.4.1 I nostri
sostenitori
la Fondazione
1.1.2 Attività
del museo
> ricerca per filtri:
>> collezione
>> tipologia
>> periodo
>> ambito di
realizzazione
>> campo libero
> staff
> cda (amm.
trasparente)
> mostra in
corso
> mostre future
> mostre
passate
> donazioni liberali
> dona opere (ultime
opere donate)
> club restauro
> 5 * 1000
> sostieni un'attività
> dona tempo
> enti sovventori
> enti istituzionali
> incontri di
formazione
> fare scuola al
museo
> materiali
didattici
1.4.4 Amici del
museo
Attività del museo
biglietti
> restauri
> pubblicazioni
scientifiche
> allestimenti in
corso
> ricerche in
corso
1.2.5 Ufficio
stampa
1.3.4 Media
> biblioteca
moderna
> biblioteca antica
> gadget
> pubblicazioni
1.2.1 mappa
interattiva del
museo
> calendario
degli eventi
(aperitivi,
concerti,
conferenze)
mostre
eventi
> accredito
giornalisti
> contatti
> press kit
itinerari
insegnanti
progetti speciali
testo introduttivo
materiali
interattivi
altre attività
archivio
biblioteca
fototeca
pubblicazioni
scientifiche
stage
what's on e
ricerca
ricerca per filtri:
> video (YT)
> audioguide
(soundcloud)
> art talk
(google)
> virtual tour
(google)
> contributi
utenti (social)
messaggio del
presidente
i nostri sostenitori
chi siamo e come
associarsi
attività
come sostenerci
vantaggi fiscali
benefici
> sovventori
> corporate
> sponsor
> sostenere le attività
culturali
> vantaggi fiscali
> eventi speciali
come sostenerci
> visite e viaggi
culturali
> photogallery (flickr)
contatti
Facebook Twitter
Google Art
Project
TripAdvisorLINGUA | PRESS | SOSTENITORI YouTube AppSoundcloud Flickr
> family maps
> disegna e
colora
> laboratori
> progetti speciali
testo introduttivo
> visite guidate
> audioguide
mappa
> sezione turismo
> orari
> come arrivare
>> accessibilità
circuito case
museo
visite
> Milano
> Mondo
temi sviluppati con scroll
orizzontale
LEGENDA
1.3 Impara 1.4 Sostieni1.2 Visita1.1 Scopri
1.1 Scopri 1.2 Visita
1.2.4 Shop
1.3 Impara
1.3.1 Scuola
1.4 Sostieni
1.4.3 Privato1.4.2 Impresa
1.1.3 Collezioni
Ricerca
1.2.3 Mostre
ed eventi
1.2.2
Informazioni
utili
1.3.2 Famiglia 1.3.3 Ricerca
Gian Giacomo
collezionista
La casa
1.1.1 Da casa
a museo
Il museo
1.4.1 I nostri
sostenitori
la Fondazione
1.1.2 Attività
del museo
> ricerca per filtri:
>> collezione
>> tipologia
>> periodo
>> ambito di
realizzazione
>> campo libero
> staff
> cda (amm.
trasparente)
> mostra in
corso
> mostre future
> mostre
passate
> donazioni liberali
> dona opere (ultime
opere donate)
> club restauro
> 5 * 1000
> sostieni un'attività
> dona tempo
> enti sovventori
> enti istituzionali
> incontri di
formazione
> fare scuola al
museo
> materiali
didattici
1.4.4 Amici del
museo
Attività del museo
biglietti
> restauri
> pubblicazioni
scientifiche
> allestimenti in
corso
> ricerche in
corso
1.2.5 Ufficio
stampa
1.3.4 Media
> biblioteca
moderna
> biblioteca antica
> gadget
> pubblicazioni
1.2.1 mappa
interattiva del
museo
> calendario
degli eventi
(aperitivi,
concerti,
conferenze)
mostre
eventi
> accredito
giornalisti
> contatti
> press kit
itinerari
insegnanti
progetti speciali
testo introduttivo
materiali
interattivi
altre attività
archivio
biblioteca
fototeca
pubblicazioni
scientifiche
stage
what's on e
ricerca
ricerca per filtri:
> video (YT)
> audioguide
(soundcloud)
> art talk
(google)
> virtual tour
(google)
> contributi
utenti (social)
messaggio del
presidente
i nostri sostenitori
chi siamo e come
associarsi
attività
come sostenerci
vantaggi fiscali
benefici
> sovventori
> corporate
> sponsor
> sostenere le attività
culturali
> vantaggi fiscali
> eventi speciali
come sostenerci
> visite e viaggi
culturali
> photogallery (flickr)
contatti
> family maps
> disegna e
colora
> laboratori
> progetti speciali
testo introduttivo
> visite guidate
> audioguide
mappa
> sezione turismo
> orari
> come arrivare
>> accessibilità
circuito case
museo
visite
> Milano
> Mondo
temi sviluppati con scroll
orizzontale
temi sviluppati in verticale
LEGENDA

Museo Poldi Pezzoli VISITA - informazioni utili
ImparaScopri Visita SostieniVisita
Museo Poldi Pezzoli // Wireframe Home Page // giugno 2014
Tariffe
Gruppi
I gruppi devono prenotare la visita telefonando al Museo alcuni giorni prima.
Scuole
Per i gruppi scolastici è necessaria la prenotazione. I servizi educativi del Museo
offrono numerosi itinerari guidati per tutte le classi (a pagamento).
Visite guidate
Su prenotazione, a pagamento, in lingua italiana o straniera per gruppi o singoli.
Durata della visita: circa un'ora.
Per informazioni e prenotazioni:
tel. 02 794889 - 02 796334 | fax 02 45473811 | e-mail:
ferraris@museopoldipezzoli.it
Visite guidate
Compra in anticipo su internet il tuo biglietto per il Museo con Vivaticket
Biglietti:
Intero ! 9,00
Ridotto (11-17 anni, sopra i 60 anni) ! 6,00
Scolaresche ! 2,00
Biglietti congiunti con Museo Teatrale alla Scala
Lunedìmusei
Intero 9 !
Ridotto 7 !
Valido per un anno, nella giornata di lunedì consente di accedere al
Museo Poldi Pezzoli e al Museo Teatrale alla Scala con un unico tagliando
e di visitare una delle mostre di Palazzo Reale a prezzo ridotto.
Case Museo Card -Circuito case museo di Milano
Intero 15 !
Ridotto 10 !
Valida per sei mesi, consente 1 ingresso in ciascuna delle quattro Case
Museo di Milano: Museo Bagatti Valsecchi, Casa Boschi di Stefano, Villa
Necchi Campiglio e Museo Poldi Pezzoli.
All’ingresso è disponibile un servizio gratuito di audio guide in italiano,
inglese e giapponese
Ingresso agevolato:
Soci FAI, Carta Più Feltrinelli, tessera FMR Symposium, Carta Soci
Fnac, soci Touring Club Italiano, Super Enjoy Card di JTB, militari e
obiettori di coscienza, Pink Card, Sette Card, CTS, soci FIDAM, soci
Associazione Amici di Brera, soci Fondazione
Arnaldo Pomodoro, tessera Amicotreno, Ferrovie Nord, soci FIAF,
possessori card Abbonamenti Musei Torino Piemonte, Milano Card,
MIC: Museo interattivo del cinema. Ingresso ridotto per i diversamente
abili e gratuità per un accompagnatore.
Ingressi gratuiti:
Consiglieri della Fondazione Artistica Poldi Pezzoli
Consiglieri e soci dell'Associazione Amici del Poldi Pezzoli
Bambini fino ai 10 anni accompagnati dai genitori
Studenti universitari di storia dell'arte, dell'Accademia di Brera e degli
istituti d'Arte Industria e Artigianato
Docenti dell'Accademia di Brera
Giornalisti
Membri ICOM
Guide turistiche
Vicino a noi
Museo Poldi Pezzoli
Via Manzoni 12
20121 Milano
tel. 02 794889 - 02 796334
fax 02 45473811
Dove siamo
Orari: il Museo è aperto dalle 10.00 alle 18.00
(ultimo ingresso ore 17.30)
Il Museo è chiuso:
Tutti i martedì,
Capodanno, Pasqua, 25 aprile,
1° maggio, 15 agosto, 1° novembre,
8 dicembre, Natale e S.Stefano.
Accessibilità
Su richiesta, è possibile utilizzare l'ascensore per
accedere alle sale del primo piano.
L’Associazione Amici del Museo Poldi Pezzoli ha donato
una sedia a rotelle disponibile su richiesta per le
persone con problemi di deambulazione.
Per informazioni:
tel. 02 794889 - 02 796334 | fax 02 45473811 |
e-mail: ferraris@museopoldipezzoli.it
Le case museo di Milano
Museo
Bagatti Valsecchi
Casa Museo
Boschi Di Stefano
Villa
Necchi Campiglio
Segreteria Organizzativa
c/o Fondazione Artistica Poldi Pezzoli
Onlus Ente Capoﬁla
Via Manzoni, 12
20121 Milano (MI) - Italia
t +39 02 45473800
f +39 02 45473811
info@casemuseomilano.it
Video Promo del Circuito delle Case Museo di Milano
Rete Private Art Collections!
DEMHIST-Icom
Museum Jacquemart-André, Parigi
The Frick collection, New York
Isabella Stewart Gardner Museum, Boston
The Wallace Collection, Londra
Fondazione Lazzaro Galdiano, Madrid
Case museo nel mondo
AUDIOGUIDEVISITE GUIDATE
MAPPA INTERATTIVA INFORMAZIONI UTILI MOSTRE ED EVENTI SHOP AREA STAMPA
Informazioni
Facebook Twitter
Google Art
Project
TripAdvisorLINGUA | PRESS | SOSTENITORI YouTube AppSoundcloud Flickr
97
Una volta approvata
l’alberatura, si passa
dai WIREFRAME alla
proposta GRAFICA.

Museo Poldi Pezzoli SCOPRI - Collezioni
Masterpiece
ImparaFeatured Visita SostieniScopri
COLLEZIONI Una selezione di oltre 1.000 opere delle oltre
40.000 della collezione della casa-museo.
ANTEPRIMA | SLIDESHOWS
pittura 254
scultura 254
archeologia 254
vetro e ceramica 254
arredo e tessile 254
armi e armature 254
oreficeria e orologi 254
grafica e libri 254
Opera 1 Opera 2 Opera 3 Opera 4
Ricerca per categorie
91 102 3 5 6 ...4
DA CASA A MUSEO ATTIVITA' DEL MUSEO COLLEZIONI
Ricerca per tag
Ricerca per data
Ricerca libera
PITTURA: olio su tela 1000-1500 RICERCA
Risultati della ricerca
Museo Poldi Pezzoli // Wireframe Home Page // settembre 2013
ricordati link
alla scheda
scientifica
dalla scheda
tecnica
Note legali e privacy Rassegna stampascegli la lingua
Italiano
English
Mappa del sito
fPinterestTripAdvisor
98
Quando anche la proposta grafica viene approvata si passa alla costruzione di un
PROTOTIPO FUNZIONALE del sito, che precede l’inizio della fase di programmazione.

99

100

101

102

103

104
INDICE
1.  INTRODUZIONE
5.  CREDITS

5. CREDITS
105
IMMAGINI
http://1.bp.blogspot.com/vX_EoFXWkRI/s1600/venezia-1965-c-elliott-erwitt-magnum-photos-contrasto_.jpg
http://paris.easypasstours.com/img/uploads/loops/original/590loop.jpg
https://facebook.com/nmk.seoul.korea
http://upload.wikimedia.org/wikipedia/commons/b/b9/National_Gallery_of_Art_-_West_Building.JPG
http://longines.com/images/event-gallery/8921/NaxmtQ/Searching-for-the-Oldest-Longines-in-TW.jpg
http://metrouk2.files.wordpress.com/2012/12/elib_5713822-e1355315070361.jpg
http://juzaphoto.com/shared_files/uploads/613976pp.jpg
http://static.turistipercaso.it/image/l/londra/londra_5egsp.T0.jpg
http://metmuseum.org/~/media/Images/Galleries/Greek%20and%20Roman/GR_162_1.jpg?h=299&mw=611&w=611
http://arpadlukacs.com/photographs/3panorama/31panoramiccity/5BritishMuseumLondon.jpg
http://images5.alphacoders.com/414/414939.jpg
http://lh6.googleusercontent.com/ygSjy4xUe5kqZQNrKf9vpHJQzERRvUEwEY-ooSP-2Kg
http://conversionxl.com/wp-content/uploads/2013/12/UX-iceberg.jpg
http://museumnerd.org/2014/03/13/10-vintage-museum-web-pages-from-the-1990s/#comments
http://ga-core.s3.amazonaws.com/production/uploads/program/1503/Customer-Discovery-Workshop.jpg
http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2011/06/layout-anatomy.jpg
http://hitreach.co.uk/wp-content/uploads/2013/04/mockup.gif

5. CREDITS
106
Le immagini di pp. 5, 7/8, 23, 31/33, 38 e 41/45 sono screenshot dei PDF indicati in bibliografia.
L’immagine a p. 93 è tratta dal portfolio clienti 2013 di AMA, Accenture Multimedia Agency. Tutte le altre immagini
della sezione dedicata al Museo Poldi Pezzoli, qual’ora non si tratti di screenshot del sito online da agosto 2014
all’indirizzo http://museopoldipezzoli.it, sono immagini di archivio, utilizzate su gentile concessione del Museo.
Le immagini per cui non è indicato nessun URL di riferimento sono screenshot dei siti web oggetto di discussione.

5. CREDITS
107
BIBLIOGRAFIA
J. Claire, La crisi dei musei. La globalizzazione della cultura, trad. it. 2008
H. Din e P. Hecht (a cura di), The Digital Museum: a think guide, 2007
E. Erwitt, Museum watching, 2002
J. Nielsen e H. Loranger, Web Usability 2.0 vol. 1 e 2, trad. it. 2006
L. Rosati, Architettura dell’informazione, 2007
F. Tissoni, Social Network, 2014
S. M. Weinschenk, Neuro web design. L’inconscio ci guida nel web, trad. it. 2010
PDF ONLINE
Visitor figures 2014, 2015
http://museus.gov.br/wp-content/uploads/2015/04/TheArtNewspaper_Ranking2014.pdf
Un modello di qualità per i siti web, 2005
http://rpolillo.it/wp-content/uploads/2010/09/ArticoloMondoDigitale.pdf
Museum analytics, Action Research Project, 2014
http://intk.com/action-research-project/report/museum-analytics-action-research-project-v3.pdf
Comunicare la cultura online, una guida pratica per i musei, 2014
http://svegliamuseo.com/it/ebook-guida-pratica-per-i-musei/

5. CREDITS
108
Elementi di UX design
http://slideshare.net/VanessaSpeziale/2013-didattica-projectwork-ux-design-corso-di-digital-marketing
UX benchmark study. TelCo industries
http://slideshare.net/VanessaSpeziale/2013-ux-research-ux-benchmark-study-29054152
RISORSE IN RETE
- http://museum-analytics.org/
- http://archive.org/web/
- http://responsivetest.net
- http://ami.responsivedesign.is
- http://mattkersley.com/responsive/

5. CREDITS
109
CONTATTI
Vanessa Speziale
vanessa.speziale at yahoo.it
http://linkedin.com/in/vanessaspeziale
http://slideshare.net/VanessaSpeziale

2015 DIDATTICA - I musei in vetrina: usabilità e marketing culturale

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (13)

Similar a 2015 DIDATTICA - I musei in vetrina: usabilità e marketing culturale

Similar a 2015 DIDATTICA - I musei in vetrina: usabilità e marketing culturale (20)

2015 DIDATTICA - I musei in vetrina: usabilità e marketing culturale