2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

109
1 MODULO 7 TECNOLOGIA E MULTIMEDIATÀ PER VALORIZZARE L’ARTE E I BENI CULTURALI Relatore: Vanessa Speziale 27 Ottobre 2014

description

Sesta edizione del Master della Business School del Sole 24 Ore in Economia e Management dell'Arte e dei Beni Culturali, sede di Milano.

Transcript of 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

Page 1: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1

MODULO 7 TECNOLOGIA E MULTIMEDIATÀ PER VALORIZZARE L’ARTE E I BENI CULTURALI Relatore: Vanessa Speziale 27 Ottobre 2014

Page 2: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

7.2

L’INNOVAZIONE A SERVIZIO DEI MUSEI Siti web come estensione spazio-temporale degli ambienti espositivi  

Page 3: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

3

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

Page 4: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

4

INDICE

1.  INTRODUZIONE

2.  USABILITY MATTERS

3.   USABILITY ANALYSIS

4.   CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

5.  CREDITS

Page 5: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

Il report completo è facilmente reperibile

online, disponibile per il download in

formato pdf.

5

1. INTRODUZIONE

Page 6: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

6

1. INTRODUZIONE

THE ART NEWSPAPER SPECIAL REPORT Spring/summer 2014 15

VISITOR FIGURES 2013Exhibition & museum attendance survey

862 93,115 Gironcoli: Context Upper and Lower Belvedere Vienna 12 JUL!27 OCT862 66,347 Steve McQueen Art Institute of Chicago Chicago 19 OCT 12!6 JAN 13861 253,099 * Dadang Christanto Art Gallery New South Wales Sydney 15 SEP 12!7 JUL 13860 46,688 * The Tender Smile of Buddha Meets Jeju Jeju National Museum Jeju 16 APR!16 JUN858 61,776 * Dobell Prize for Drawing 2012 Art Gallery New South Wales Sydney 30 NOV 12!10 FEB 13856 73,531 * Alex Katz: Give Me Tomorrow Turner Contemporary Margate 6 OCT 12!13 JAN 13853 55,456 Drawing Surrealism LACMA Los Angeles 21 OCT 12!6 JAN 13851 68,594 Art and Nature in the Middle Ages Musée National des Beaux-Arts Québec 4 OCT 12!6 JAN 13850 54,150 Doorways to the Sacred National Gallery Oslo 22 FEB!12 MAY 849 118,307 William Eggleston Metropolitan Museum of Art New York 26 FEB!28 JUL 843 112,058 Moment: Tala Madani, Rip Image Moderna Museet Stockholm 25 MAY!27 OCT 842 23,100 Km. 441: Firsts Istanbul Modern Istanbul 19 DEC 12!20 JAN 13838 90,557 * Lloyd Rees Art Gallery New South Wales Sydney 5 APR!21 JUL 838 52,582 Paul Klee: Angels Hamburger Kunsthalle Hamburg 26 APR!7 JUL 835 102,517 Eulàlia Grau MACBA Barcelona 8 FEB!30 JUN 832 78,252 Japanism CaixaForum Barcelona Barcelona 14 JUN!15 SEP 830 2,489 * Ultra-Red: Reassembly Serpentine Gallery London 18!21 APR825 89,916 Ice Age Art: Arrival of the Modern Mind British Museum London 7 FEB!26 MAY822 96,029 * Haroon Mirza/William Scott Hepworth Wakefield Wakefield 25 MAY!29 SEP 820 66,909 Last Works: Manet to Kippenberger Schirn Kunsthalle Frankfurt 28 FEB!2 JUN 818 66,739 Phil Collins Museum Ludwig Cologne 18 APR!21 JUL 817 92,234 Royal Treasures from the Louvre Legion of Honor San Francisco 17 NOV 12!31 MAR 13817 70,229 Mexico: a Revolution in Art 1910-40 Royal Academy of Arts London 6 JUL!29 SEP 816 61,228 Vermeer and Music National Gallery London 26 JUN!8 SEP 814 106,612 * First Ladies: Australian Women National Portrait Gallery Canberra 1 FEB!11 JUN 813 104,904 Guttuso, 1912-2012 Complesso del Vittoriano Rome 12 OCT 12!17 FEB 13812 41,992 Proximities 1: What Time Is There? Asian Art Museum San Francisco 24 MAY!21 JUL808 155,883 * Brenda Croft Art Gallery New South Wales Sydney 6 APR!15 OCT 808 123,613 * Heimo Zobernig Reina Sofía Madrid 9 NOV 12!15 APR 13807 91,920 Moment: Ulla Wiggen Moderna Museet Stockholm 13 APR!25 AUG 807 79,000 Hilma af Klint: a Pioneer of Abstraction Hamburger Bahnhof Berlin 15 JUN!6 OCT 807 18,108 Michele Valori: Inhabiting the House MAXXI Rome 23 JAN!17 FEB 805 115,159 * Flatlands Art Gallery New South Wales Sydney 13 SEP 12!3 FEB 13803 63,456 Wolfgang Hahn Prize: Andrea Fraser Museum Ludwig Cologne 21 APR!21 JUL 802 60,000 NYC 1993 New Museum New York 13 FEB!26 MAY793 77,106 Mantegna to Matisse: Master Drawings Frick Collection New York 2 OCT 12!27 JAN 13792 80,000 Karl Friedrich Schinkel Kunsthalle der Hypo-Kulturstiftung Munich 1 FEB!12 MAY 792 72,823 Great and Mighty Things: Outsider Art Philadelphia Museum of Art Philadelphia 3 MAR!9 JUN 789 257,240 White Gold Israel Museum Jerusalem 8 MAY 12!2 APR 13787 78,682 * James Capper: Divisions Yorkshire Sculpture Park Wakefield 5 JAN!14 APR 786 67,355 Urs Fischer Museum of Contemporary Art Los Angeles 21 APR!19 AUG 786 23,250 Everything for Art ZKM Centre for Art and Media Karlsruhe 1 JAN!10 FEB783 230,290 * Miró: Sculptor Yorkshire Sculpture Park Wakefield 17 MAR 12!6 JAN 13783 63,836 The Plasticiens and Beyond: Montreal Musée National des Beaux-Arts Québec 7 FEB!12 MAY 781 149,114 Multiple Leminski Museu Oscar Niemeyer Curitiba 27 OCT 12!9 JUN 13781 73,394 They Seek a City Art Institute of Chicago Chicago 1 MAR!2 JUN 781 32,012 Joan Miró: Imagery Moscow Museum of Modern Art Moscow 26 APR!9 JUN780 62,997 Ahlam Shibli: Phantom Home MACBA Barcelona 25 JAN!28 APR 779 101,000 Monet, Gauguin, Szinyeimerse, Rippl-Rónai Hungarian National Gallery Budapest 28 JUN!24 NOV 778 73,952 Ken Price Sculpture: a Retrospective LACMA Los Angeles 16 SEP 12!6 JAN 13777 38,742 Christian Marclay: The Clock SFMoMA San Francisco 6 APR!2 JUN 776 44,027 Ken Ueno: Liquid Lucretius MUAC UNAM Mexico City 17 AUG!3 NOV 773 62,425 The Museum Explores Museu Nacional d’Arte de Catalunya Barcelona 23 NOV 12!24 FEB 13768 100,645 Robert Mapplethorpe: XYZ LACMA Los Angeles 21 OCT 12!24 MAR 13768 79,099 Treasure Island: British Art Fundacíon Juan March Madrid 5 OCT 12!20 JAN 13767 160,866 Paths of Wonder Museo Nazionale del Bargello Florence 23 MAR!3 NOV 766 65,919 * Edith Tudor Hart Scottish National Portrait Gallery Edinburgh 2 MAR!26 MAY 759 57,367 Movies and Videos by Artists Museu Oscar Niemeyer Curitiba 5 SEP!1 DEC 758 44,742 * Cate Consandine: Cut Colony Art Gallery New South Wales Sydney 8 NOV 12!6 JAN 13757 45,391 * Alex Kershaw: Fantasticology Tokyo Art Gallery New South Wales 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 Cantor Arts Center Stanford 3 JUL!22 SEP 753 57,948 Lost Line LACMA Los Angeles 25 NOV 12!24 FEB 13750 70,547 Turner Prize 2012 Tate Britain London 2 OCT 12!6 JAN 13747 65,592 Wolfgang Tillmans Moderna Museet Stockholm 6 OCT 12!20 JAN 13744 120,000 * The Body Museo Soumaya Mexico City 16 APR!20 OCT

Daily Total Exhibition Venue City Dates

! An asterisk indicates that entrance to the exhibition and the museum was free

MOST POPULAR EXHIBITIONS continued from p14

3,290,500 Victoria and Albert Museum LONDON3,185,413 Reina Sofía MADRID 3,066,337 Museum of Modern Art NEW YORK3,052,823 National Museum of Korea SEOUL2,898,562 State Hermitage Museum ST PETERSBURG2,705,814 National Folk Museum of Korea SEOUL2,398,066 Somerset House LONDON2,306,966 Museo Nacional del Prado MADRID2,220,000 Rijksmuseum AMSTERDAM2,039,947 National Art Center Tokyo TOKYO2,034,397 Centro Cultural Banco do Brasil RIO DE JANEIRO2,014,636 National Portrait Gallery LONDON1,946,420 Shanghai Museum SHANGHAI1,940,921 * National Gallery of Victoria MELBOURNE1,870,708 Galleria degli Uffizi FLORENCE1,824,000 MuCEM MARSEILLES1,768,090 National Museum of Scotland EDINBURGH1,758,460 Moscow Kremlin Museums MOSCOW1,728,815 * Getty LOS ANGELES1,690,078 * FAMSF SAN FRANCISCO1,539,716 Art Institute of Chicago CHICAGO1,505,608 Saatchi Gallery LONDON1,468,818 Centro Cultural Banco do Brasil BRASILIA1,460,324 * National Galleries of Scotland EDINBURGH1,448,997 Van Gogh Museum AMSTERDAM1,422,013 Grand Palais PARIS1,403,909 Tokyo National Museum TOKYO1,378,272 Tate Britain LONDON1,360,000 State Tretyakov Gallery MOSCOW1,333,430 Teatre-Museu Dalí FIGUERES1,307,326 Musée Quai Branly PARIS1,307,230 Palazzo Ducale VENICE1,276,165 Gyeongju National Museum GYEONGJU 1,260,577 Australian Centre for the Moving Image MELBOURNE1,260,000 Pergamonmuseum BERLIN1,257,241 Galleria dell'Accademia FLORENCE1,224,964 * Queensland Art Gallery/GoMA BRISBANE1,223,198 Mori Art Museum TOKYO1,202,654 LACMA LOS ANGELES1,200,000 SAAM/Renwick Gallery WASHINGTON, DC1,199,123 Guggenheim Museum NEW YORK1,163,419 Valencia Institute of Modern Art VALENCIA1,162,792 Art Gallery New South Wales SYDNEY1,155,975 National Museum of Western Art TOKYO1,134,289 Museum of Fine Arts BOSTON

1,095,000 Museo Soumaya MEXICO CITY1,091,143 Acropolis Museum ATHENS1,083,815 National Portrait Gallery WASHINGTON, DC1,050,000 National Art Museum of China BEIJING1,044,067 Kelvingrove Art Gallery and Museum GLASGOW1,018,378 Royal Academy of Arts LONDON1,015,022 Montreal Museum of Fine Arts MONTREAL966,502 Israel Museum JERUSALEM957,802 Belvedere VIENNA956,498 Royal Ontario Museum TORONTO945,161 Serpentine Gallery LONDON944,827 Museo Thyssen-Bornemisza MADRID940,000 Neues Museum BERLIN931,639 Centro Cultural Banco do Brasil SÃO PAULO931,015 Guggenheim Museum BILBAO911,342 Museu Picasso BARCELONA900,000 Musée de l’Orangerie PARIS894,876 MCA Australia SYDNEY892,806 CaixaForum Barcelona BARCELONA852,904 Art Gallery of Ontario TORONTO850,395 Museum of Fine Arts HOUSTON850,194 Melbourne Museum MELBOURNE824,898 Musée du Louvre-Lens LENS806,677 Palazzo Reale MILAN790,732 CaixaForum Madrid MADRID778,853 Kunsthistorisches Museum VIENNA770,243 National Gallery of Australia CANBERRA747,874 Ashmolean Museum OXFORD723,259 Palais de Tokyo PARIS700,088 Musée d’Art Moderne de la Ville de Paris PARIS700,000 Ullens Center for Contemporary Art BEIJING700,000 Stedelijk Museum AMSTERDAM689,582 * Seattle Art Museum SEATTLE662,389 Musées Royaux des Beaux-Arts BRUSSELS660,640 Huntington Library SAN MARINO660,358 Art Gallery of South Australia ADELAIDE652,759 National Portrait Gallery CANBERRA645,343 Hirshhorn Museum WASHINGTON, DC643,274 MACBA BARCELONA 641,572 National Gallery of Ireland DUBLIN639,810 Philadelphia Museum of Art PHILADELPHIA635,917 Museu Nacional d’Arte de Catalunya BARCELONA630,000 Tel Aviv Museum of Art TEL AVIV627,800 Istanbul Modern ISTANBUL613,090 Freer and Sackler Galleries WASHINGTON, DC

111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455

5657585960616263646566676869707172737475767778798081828384858687888990919293949596979899

100Venues marked with an asterisk (*) indicate institutions with more than one building. These figures have been combined. The breakdown for the follow-ing institutions is: National Gallery of Victoria: (NGV International: 1,306,852; Ian Potter Centre: NGV Australia: 634,069); Getty (Getty Center: 1,356,381;Getty Villa: 372,434); FAMSF (De Young: 1,304,339; Legion of Honor: 385,739); National Galleries of Scotland (Scottish National Gallery: 933,296;Scottish National Portrait Gallery: 261,937; Scottish National GoMA: 265,091); Queensland (Queensland Art Gallery: 597,157; GoMA: 627,807); Seattle ArtMuseum (includes the Seattle Asian Art Museum and the Olympic Sculpture Park; separate figures were not available as we went to press).

TOP 100 ART MUSEUM ATTENDANCE continued from p3

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

© A

GNÈS

MEL

LON " A

RCHI

TECT

ES R

UDY

RICC

IOTT

I ET

ROLA

ND C

ARTA

Do you need to:RAISE AWARENESS?CREATE DEMAND?DRIVE TRAFFIC?GET HIGHER ON THIS LIST?

Let’s talk about new approaches for your museum or cultural institution.

or cultural institution.approaches for your museumLet’

or cultural institution.approaches for your museum

s talk about newLet’

or cultural institution.approaches for your museum

s talk about new

.arts-culturwww

e.net.arts-cultur

002-003, 008-015 Attendance listings 19/03/2014 13:33 Page 23

Diversi i parametri valutati dalla

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

✓  

✓  

✓  

✓  

Page 7: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

7

1. INTRODUZIONE

Quali fattori possono incidere sul numero di ingressi?

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

Page 8: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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: 284.563 like/Twitter: 93.2K follower/G+: 67.516 follower/Linkedin: 4.695 follower*

*Dati aggiornati al 15/10/2014

Page 9: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 9

9. MUSÉE NATIONAL d’ART MODERNE – Parigi, FR (3.745.000 visitatori)

Fondato nel 1947, ospita una delle più grandi collezioni di arte moderna e contemporanea del mondo

Facebook: 438.981 like/Twitter: 160K follower/Linkedin: 7.441 follower*

*Dati aggiornati al 15/10/2014

Page 10: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 10

8. NATIONAL GALLERY of ART – Washington, US (4.093.070 visitatori)

Fondata nel 1941, è un’ampia collezione che abbraccia un vasto periodo, dal Medioevo al Contemporaneo

Facebook: 232.822 like/Twitter: 60,5K follower/Linkedin: 2.751 follower*

*Dati aggiornati al 15/10/2014

Page 11: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 11

7. NATIONAL PALACE MUSEUM – Taipei, TAIWAN (4.500.278 visitatori)

Fondato nel 1965, custodisce una delle più grandi collezioni di artefatti cinesi del periodo imperiale

Facebook/Twitter/G+/Linkedin: 113 follower

*Dati aggiornati al 15/10/2014

Page 12: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 12

6. TATE MODERN – Londra, UK (4.884.939 visitatori)

Fondata nel 2000, è la galleria di arte moderna (e contemporanea) più visitata del mondo

Facebook: 712.458 like/Twitter: 1,23M follower/G+: 1.139.105 follower/Linkedin: 28.690 follower*

*Dati aggiornati al 15/10/2014

Page 13: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 13

5. MUSEI VATICANI – Città del Vaticano, VA (5.459.000 visitatori)

Fondato nel 1502 da Papa Giulio II, il complesso include la Cappella Sistina e le Stanze della Segnatura

Facebook: 66.718 like*

*Dati aggiornati al 15/10/2014

Page 14: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 14

4. NATIONAL GALLERY – Londra, UK (6.031.574 visitatori)

Fondata nel 1824, si offre al pubblico con più di 2.300 dipinti di varie epoche, dal XIII al XX secolo

Facebook: 391.324 like/Twitter: 299K follower/G+: 2.495 follower/Linkedin: 5.252 follower*

*Dati aggiornati al 15/10/2014

Page 15: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 15

3. METROPOLITAN MUSEUM of ART – NEW YORK, US (6.226.727 visitatori)

Fondato nel 1870, è il museo più grande degli Stati Uniti: 17 divisioni curatoriali per oltre 2 mln. di opere

Facebook: 1.235.803 like/Twitter: 816K follower/G+: 2.881 follower/Linkedin: 39.119 follower*

*Dati aggiornati al 15/10/2014

Page 16: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 16

2. BRITISH MUSEUM – Londra, UK (6.701.036 visitatori)

Fondato nel 1753, con i suoi 8 mln. di oggetti è uno dei monumenti alla storia e alla cultura dell’umanità

Facebook: 637.179 like/Twitter: 398K follower/G+: 26.133/Linkedin: 16.760 follower*

*Dati aggiornati al 15/10/2014

Page 17: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

1. INTRODUZIONE 17

1. LOUVRE – Parigi, FR (9.334.435 visitatori)

Fondato nel 1792, è da sempre al vertice della classifica dei musei più visitati stilata dall’Art Newspaper

Facebook: 1.557.782 like/Twitter: 164K follower/G+: 143.150 follower/Linkedin: 5.076 follower*

*Dati aggiornati al 15/10/2014

Page 18: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

18

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

Page 19: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

Page 20: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

20

2. USABILITY MATTERS/Non farmi pensare

Page 21: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

2. USABILITY MATTERS/Non farmi pensare

Page 22: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

22

2. USABILITY MATTERS/Non farmi pensare

Page 23: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

23

2. USABILITY MATTERS/Non farmi pensare

Page 24: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

24

2. USABILITY MATTERS/Non farmi pensare

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.

Page 25: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

25

2. USABILITY MATTERS/Non farmi pensare

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.

Page 26: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

26

Page 27: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

27

2. USABILITY MATTERS/Non farmi pensare

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.

Page 28: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

28

2. USABILITY MATTERS/Modelli di qualità

Page 29: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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, oggettivi.

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à

Page 30: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

Page 31: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

31

2. USABILITY MATTERS/Modelli di qualità - Polillo

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À

Page 32: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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.

2. USABILITY MATTERS/Modelli di qualità - Polillo

Page 33: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

33

2. USABILITY MATTERS/Modelli di qualità - Polillo

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

Page 34: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

Page 35: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo

Page 36: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

36

2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo

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.

Page 37: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

37

2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo

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.

Page 38: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

38

2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo

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.

Page 39: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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 ail 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”.

Page 40: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

40

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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

Page 41: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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.

Page 42: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

42

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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.

Page 43: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

43

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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.

Page 44: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

44

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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.

Page 45: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

45

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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.

Page 46: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

46

2. USABILITY MATTERS/Modelli di qualità – Web Agency

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

MUSEO Cross-Device Architettura Informativa

Contenuti e Servizi

Labelling Look and Feel

Page 47: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

47

INDICE

1.  INTRODUZIONE

2.  USABILITY MATTERS

3.   USABILITY ANALYSIS

4.   CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

5.  CREDITS

Page 48: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

48

3. USABILITY ANALYSIS/Anatomia di una pagina web

NOTA: è possibile che alcuni siti siano

soggetti al rispetto di normative nazionali,

soprattutto le Istituzioni che fanno capo

alla pubblica amministrazione.

Analisi funzionale eseguita il 18/10/2014

Page 49: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

49

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

Page 50: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

50

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

Page 51: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

51

1.  Cross-Device: sito in versione unica per pc, visibile e navigabile da vari device 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

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

1.5 1.5 2 1.5 2

Page 52: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

52

3. USABILITY ANALYSIS/Musée National d’Art Moderne, Parigi

Page 53: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

53

3. USABILITY ANALYSIS/Musée National d’Art Moderne, Parigi

Page 54: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

54

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

1.5 0.5 2 1.5 1.5

1.  Cross-Device: sito in versione unica per pc, visibile e navigabile da vari device

2.  Architettura: la navigazione è poco intuitiva, mancano indicazioni sulla posizione

dell’utente, la voce “Collezioni” è assente e si può accedere alle opere solo tramite

la barra di ricerca. In alcuni casi, pur rimanendo all’interno dello stesso dominio, la

navigazione comporta l’apertura di nuove finestre

3.  Contenuti e Servizi: sono presenti un’area personale da cui l’utente può salvare/

modificare alcuni contenuti e una versione semplificata del sito, in francese, per

utenti con handicap cognitivi. Le immagini, poche, possono essere fruite nel

dettaglio grazie allo zoom. La versione inglese presenta contenuti non tradotti

4.  Labelling: visto il carattere prevalentemente testuale del sito, l’interazione

risulterebbe più immediata grazie all’uso di gerarchie/metafore visive

5.  Look and Feel: trattandosi del sito di un museo d’arte colpisce l’abbondanza del

testo VS la carenza di immagini

3. USABILITY ANALYSIS//www.centrepompidou.fr ©2010

Page 55: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

55

3. USABILITY ANALYSIS/National Gallery of Art, Washington

Page 56: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

56

3. USABILITY ANALYSIS/National Gallery of Art, Washington

Page 57: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

57

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

1.5 2.5 2 2 2.5

1.  Cross-Device: sito in versione unica per pc, visibile e navigabile da vari device 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, alcune informazioni non sono aggiornate (mostre della libreria del Museo) 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

Page 58: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

58

3. USABILITY ANALYSIS/National Palace Museum, Taipei

Page 59: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

59

3. USABILITY ANALYSIS/National Palace Museum, Taipei

Page 60: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

60

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

2.5 2 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 mappa del sito e le briciole di pane, la cui funzione è ribadita nel menu di spalla. Alcune scelte logistiche sono discutibili (vedi le voci di secondo livello di Administration/About, header & footer)

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

Page 61: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

61

3. USABILITY ANALYSIS/Tate Modern, Londra

Page 62: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

62

3. USABILITY ANALYSIS/Tate Modern, Londra

Page 63: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

63

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

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 – pratica sconsigliata

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

Page 64: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

64

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

Page 65: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

65

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

Page 66: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

66

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

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

Page 67: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

67

3. USABILITY ANALYSIS/National Gallery, Londra

Page 68: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

68

3. USABILITY ANALYSIS/National Gallery, Londra

Page 69: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

69

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

4 3.5 3 3.5 2.5

1.  Cross-Device: il sito è responsive, pienamente accessibile anche da mobile (iPhone) 2.  Architettura: il gioco tra il menu principale e la spalla sinistra accompagna l’utente

durante la tutta navigazione. Sempre presente anche un menu dedicato agli shortcut. 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 ma nel menu dedicato alla visita ci sono informazioni in altre lingue

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

Page 70: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

70

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

Page 71: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

71

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

Page 72: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

72

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

3 2.5 3 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 alla decina di bar e 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

Page 73: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

73

3. USABILITY ANALYSIS/British Museum, Londra

Page 74: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

74

3. USABILITY ANALYSIS/British Museum, Londra

Page 75: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

75

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

4 2.5 4 2.5 4

1.  Cross-Device: il sito è responsive, pienamente accessibile anche da mobile (iPhone) 2.  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

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

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

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

Page 76: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

76

3. USABILITY ANALYSIS/Louvre, Parigi

Page 77: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

77

3. USABILITY ANALYSIS/Louvre, Parigi

Page 78: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

78

Cross-Device Architettura

Contenuti e Servizi

Labelling Look and Feel

1.5 2.5 2.5 2 2

1.  Cross-Device: sito in versione unica per pc, visibile e navigabile da vari device

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

Page 79: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

79

3. USABILITY ANALYSIS/Report

Museo Cross-Device

Architettura

Contenuti e Servizi

Labelling Look and Feel

TOTALE 10/14

#SM 01/14

M. d’Orsay 1.5 1.5 2 1.5 2 8.5/20 --

M. National Art Moderne

1.5 0.5 2 1.5 1.5 7/20 77/200

National Gallery US

1.5 2.5 2 2 2.5 10.5/20 109/200

National Palace M.

2.5 2 2 1.5 1.5 9.5/20 99/200

Tate Modern 3 3.5 3 2.5 3 15/20 143/2200

Musei Vaticani

1.5 2 2 1.5 0.5 7.5/20 86/200

National Gallery UK

4 3.5 3 3.5 2.5 16.5/20 144/200

MET 3 2.5 3 3.5 2.5 15.5/20 143/200

British Museum

4 2.5 4 2.5 4 17/20 152/200

Louvre 1.5 2.5 2.5 2 2 10.5/20 121/200

Page 80: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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.

80

3. USABILITY ANALYSIS/Conclusioni

Page 81: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

81

3. USABILITY ANALYSIS/Conclusioni

Page 82: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

82

3. USABILITY ANALYSIS/Conclusioni

Page 83: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

83

3. USABILITY ANALYSIS/Conclusioni

Page 84: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

84

3. USABILITY ANALYSIS/Conclusioni

Page 85: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

85

INDICE

1.  INTRODUZIONE

2.  USABILITY MATTERS

3.   USABILITY ANALYSIS

4.   CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

5.  CREDITS

Page 86: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 86

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: 8.239 like/Twitter: 3.024 follower/Dati aggiornati al 20/10/2014

Page 87: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

87

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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”.

Page 88: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

88

Page 89: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

89

Page 90: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2
Page 91: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

91

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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”.

Page 92: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

92

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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

The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

MOCK UP SAMPLE SREENS

The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

DESIGN SPECIFICATION

The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

DEVELOPMENT

MEET BUSINESS REQUIREMENTS

YES

NO

MEET BUSINESS REQUIREMENTS

YES

NO

AGILE E2E ACCENTURE MULTIMEDIA AGENCY MODEL

Page 93: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

93

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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

Page 94: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

94

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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

Page 95: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

95

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli 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

temi sviluppati in verticale

LEGENDA

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

temi sviluppati in verticale

LEGENDA

Page 96: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

Museo Poldi Pezzoli VISITA - informazioni utili

ImparaScopri Visita SostieniVisita

Museo Poldi Pezzoli // Wireframe Home Page // giugno 2014

Tariffe

GruppiI gruppi devono prenotare la visita telefonando al Museo alcuni giorni prima.

ScuolePer i gruppi scolastici è necessaria la prenotazione. I servizi educativi del Museo offrono numerosi itinerari guidati per tutte le classi (a pagamento).

Visite guidateSu 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: [email protected]

Visite guidate

Compra in anticipo su internet il tuo biglietto per il Museo con Vivaticket Biglietti:Intero ! 9,00Ridotto (11-17 anni, sopra i 60 anni) ! 6,00Scolaresche ! 2,00

Biglietti congiunti con Museo Teatrale alla ScalaLunedìmuseiIntero 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 MilanoIntero 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 PezzoliConsiglieri e soci dell'Associazione Amici del Poldi PezzoliBambini fino ai 10 anni accompagnati dai genitoriStudenti 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 PezzoliVia 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: [email protected]

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 CapofilaVia Manzoni, 12 20121 Milano (MI) - Italiat +39 02 45473800 f +39 02 45473811 [email protected]

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

© Copyright | NOTE LEGALI E PRIVACY | MAPPA DEL SITO | CONTATTI | CREDITS

96

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli Una volta approvata

l’alberatura, si passa

dai WIREFRAME alla

proposta GRAFICA.

Page 97: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

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

EnglishMappa del sitofPinterestTripAdvisor

97

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

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.

Page 98: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

98

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

Page 99: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

99

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

Page 100: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

100

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

Page 101: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

101

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

Page 102: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

102

4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

Page 103: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

103

INDICE

1.  INTRODUZIONE

2.  USABILITY MATTERS

3.   USABILITY ANALYSIS

4.   CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli

5.  CREDITS

Page 104: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

5. CREDITS 104

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

http://meredithphoto.com/images/portfolio/architecture/enlarge/architecture-22.jpg

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

Page 105: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

5. CREDITS 105

Le immagini di pp. 5/6, 23, 31/33, 38 e 41/45 sono screenshot dei PDF indicati in bibliografia.

L’immagine a p. 92 è 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.

Page 106: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

5. CREDITS 106

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 2013, 2014

http://www.museus.gov.br/wp-content/uploads/2014/04/TheArtNewspaper2013_ranking.pdf

Un modello di qualità per i siti web, 2005

http://www.rpolillo.it/wp-content/uploads/2010/09/ArticoloMondoDigitale.pdf

Museum analytics, Action Research Project, 2014

http://www.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://www.svegliamuseo.com/it/ebook-guida-pratica-per-i-musei/

Page 107: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

5. CREDITS 107

Elementi di UX design

http://www.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://responsivetest.net

- http://ami.responsivedesign.is

- http://mattkersley.com/responsive/

Page 108: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

5. CREDITS 108

CONTATTI

Vanessa Speziale

vanessa.speziale at yahoo.it

http://linkedin.com/in/vanessaspeziale

http://www.slideshare.net/VanessaSpeziale

Page 109: 2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2

109