2014 DIDATTICA - Tecnologia e multimedialità a supporto delle industrie culturali pt.2
-
Upload
vanessa-speziale -
Category
Design
-
view
312 -
download
4
description
Transcript of 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
7.2
L’INNOVAZIONE A SERVIZIO DEI MUSEI Siti web come estensione spazio-temporale degli ambienti espositivi
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
4
INDICE
1. INTRODUZIONE
2. USABILITY MATTERS
3. USABILITY ANALYSIS
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
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 2013.
Il report completo è facilmente reperibile
online, disponibile per il download in
formato pdf.
5
1. INTRODUZIONE
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.
✓
✓
✓
✓
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).
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
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
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
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
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
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
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
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
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
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
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
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
2. USABILITY MATTERS/Non farmi pensare
22
2. USABILITY MATTERS/Non farmi pensare
23
2. USABILITY MATTERS/Non farmi pensare
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.
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.
26
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.
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, 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à
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
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À
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
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
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À.
2. USABILITY MATTERS/Modelli di qualità - #svegliamuseo
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.
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.
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.
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”.
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
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.
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.
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.
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.
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.
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
47
INDICE
1. INTRODUZIONE
2. USABILITY MATTERS
3. USABILITY ANALYSIS
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
5. CREDITS
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
49
3. USABILITY ANALYSIS/Musée d’Orsay, Parigi
50
3. USABILITY ANALYSIS/Musée d’Orsay, Parigi
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
52
3. USABILITY ANALYSIS/Musée National d’Art Moderne, Parigi
53
3. USABILITY ANALYSIS/Musée National d’Art Moderne, Parigi
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
55
3. USABILITY ANALYSIS/National Gallery of Art, Washington
56
3. USABILITY ANALYSIS/National Gallery of Art, Washington
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
58
3. USABILITY ANALYSIS/National Palace Museum, Taipei
59
3. USABILITY ANALYSIS/National Palace Museum, Taipei
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
61
3. USABILITY ANALYSIS/Tate Modern, Londra
62
3. USABILITY ANALYSIS/Tate Modern, Londra
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
64
3. USABILITY ANALYSIS/Musei Vaticani, Città del Vaticano
65
3. USABILITY ANALYSIS/Musei Vaticani, Città del Vaticano
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
67
3. USABILITY ANALYSIS/National Gallery, Londra
68
3. USABILITY ANALYSIS/National Gallery, Londra
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
70
3. USABILITY ANALYSIS/Metropolitan Museum of Art, New York
71
3. USABILITY ANALYSIS/Metropolitan Museum of Art, New York
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
73
3. USABILITY ANALYSIS/British Museum, Londra
74
3. USABILITY ANALYSIS/British Museum, Londra
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
76
3. USABILITY ANALYSIS/Louvre, Parigi
77
3. USABILITY ANALYSIS/Louvre, Parigi
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
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
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
81
3. USABILITY ANALYSIS/Conclusioni
82
3. USABILITY ANALYSIS/Conclusioni
83
3. USABILITY ANALYSIS/Conclusioni
84
3. USABILITY ANALYSIS/Conclusioni
85
INDICE
1. INTRODUZIONE
2. USABILITY MATTERS
3. USABILITY ANALYSIS
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
5. CREDITS
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
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”.
88
89
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”.
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
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
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
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
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.
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.
98
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
99
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
100
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
101
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
102
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
103
INDICE
1. INTRODUZIONE
2. USABILITY MATTERS
3. USABILITY ANALYSIS
4. CASE STUDY: un nuovo sito web per il Museo Poldi Pezzoli
5. CREDITS
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
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.
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/
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/
5. CREDITS 108
CONTATTI
Vanessa Speziale
vanessa.speziale at yahoo.it
http://linkedin.com/in/vanessaspeziale
http://www.slideshare.net/VanessaSpeziale
109