Sito web mobile, applicazioni e Responsive Web Design

Da non sottovalutare la costante crescita che i dispositivi mobile stanno subendo: un gran numero di utenti accede ad internet dai propri smartphone o tablet (25 milioni di italiani si connetto ad internet da questi dispositivi, il 43% sul totale della popolazione)111 _{ed è quindi opportuno rendere usabile e accessibile un sito}

internet anche da tali tecnologie. È facile incappare infatti in un sito internet via smartphone che non risponda alle caratteristiche di accessibilità e usabilità: i testi risultano illeggibili poiché minuscoli, si necessita di uno scorrimento orizzontale e uno zoom continuo, in quanto la pagina web non è conforme alle dimensioni (ridotte) di uno schermo mobile. Ci si ostina ad utilizzare players come Flash che

non sono supportati da smartphone e tablet, ma solo da browser via desktop.112

Questi errori, molto comuni, arrecano disturbo all'utente che risulterà infastidito e sarà propenso a terminare presto la visita all'interno del sito. Per ovviare a tali problemi di disomogenea fruibilità, sono state pensate tre possibili soluzioni di strategia mobile: creare delle nuove applicazioni scaricabili dallo store del proprio dispositivo; costruire un sito internet mobile separato da quello accessibile via desktop; creare un universale sito web HTML usufruendo della modalità responsive.113

L'applicazione nativa, scaricabile dallo store del proprio smartphone, è utile in quanto veicola informazioni ricche e/o interattive; spesso i contenuti sono raggiungibili anche senza l'ausilio di una connessione internet.114 _{Un museo che} 111 Fonte: We Are Social

112 Seo per dispositivi mobili: strategie per evitare errori comuni. Disponibile su:

https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/?hl=it (Visitato in data 09/02/2016).

113 7 considerations for your mobile stategy. Disponibile su: http://marshaplat.com/2012/10/15/is- your-mobile-strategy-responsive/ (Visitato in data 09/02/2016).

114 Sito responsive o app: quali le ragioni per scegliere? Disponibile su:

http://www.web3king.com/socialmarketing/sito-responsive-o-app-scelta/ (Visitato in data 09/02/2016).

possiede una propria applicazione, migliora la propria immagine verso l'utenza, poiché attraverso essa può veicolare informazioni aggiuntive, immagini, video e percorsi di visita. Tuttavia, un'applicazione presenta alcune limitazioni, in quanto è molto meno diretta rispetto ad un sito web, poiché deve essere scaricata per forza sul dispositivo e risulta impegnativa per gli sviluppatori, in quanto è necessario crearne ameno due versioni, una per i dispositivi Android ed una per quelli IOs. Necessita inoltre di continui aggiornamenti e possiede costi più elevati rispetto un sito mobile e responsive.115 _{Un'istituzione museale deve quindi valutare}

con attenzione la scelta di costituire o meno un' applicazione, in quanto la maggior parte dell'utenza richiede informazioni di base immediate, con la possibilità di accedere anche da link dai social network o blog e perciò più propensa ad affidarsi ad un sito web. L'uso di un'applicazione può risultare utile per l'istituzione in alcuni casi: durante la fruizione in situ ad esempio, per ideare esperienze di visita interattive che richiedano l'uso di dispositivi mobili e dei loro servizi NFC, Bluetooth, e GPS.116

Creare un sito web mobile risulta essere una scelta più consona, in quanto è simile ad un qualunque sito web, ma ottimizzato per essere visualizzato su dispositivi dallo schermo più piccolo. Come un sito internet, include testi, immagini, audio, video e link, ma in più può accedere ad alcune funzioni come il click to call, per

chiamare direttamente un numero di telefono e i servizi di geolocalizzazione.117

Nonostante un sito mobile risulti piuttosto semplice da delineare per il esperti informatici, esso necessita di costanti aggiornamenti in quanto non è direttamente collegato al sito web fruibile via desktop, ma è completamente un altro sito, con un dominio diverso e creato esclusivamente per la visualizzazione su dispositivi

115 7 considerations for your mobile strategy, op.cit. (Visitato in data 09/02/2016). 116 Di questo argomento se ne discuterà in modo più approfondito nel capitolo successivo. 117 Meglio una mobile app o un sito responsive? Disponibile su:

http://www.crowdm.com/blog/crowdm/mobile-app-o-sito-responsive/ (Visitato in data 09/02/2016).

mobili.

Diversamente, il sito creato con l'ausilio del Responsive Web Design - RWD (design adattivo in italiano), ha la caratteristica di riuscire a modificarsi, a modellarsi a seconda della larghezza dello schermo del browser e del dispositivo che viene utilizzato dall'utente. Secondo Kyla Knight di Smashing Magazine :

“Quando l’utente passa dal suo PC desktop ad un iPad, il sito dovrebbe

automaticamente adattarsi alla nuova risoluzione, modificare le dimensioni delle immagini e le interazioni basate sugli script. In altre parole, un sito dovrebbe implementare tutte quelle tecnologie utili per un adattamento automatico alle preferenze dell’utente.” (Kyla Knight, 2011)118

Il sito web responsive è unico, non si necessitano versioni diverse per ogni dispositivo: il responsive web design è un sistema auto-adattante rispetto tutte le tipologie di device. 119 _{Per un museo, l'utilizzo del design responsive potrebbe}

essere la soluzione migliore per la creazione di un sito web: nonostante necessiti di uno sforzo particolare iniziale, sopratutto per gli sviluppatori in quanto devono costruire un'interfaccia che si adatti autonomamente al dispositivo utilizzato, in una prospettiva futura risulterà molto meno impegnativo rispetto la creazione di un sito mobile ad-hoc, poiché i contenuti e le modifiche verranno applicati ad un unico sito, fruibile da diversi dispositivi (desktop, laptop, tablet, smartphone).120

Alcuni musei a livello globale hanno adottato l'uso del design responsivo, la maggioranza sono statunitensi, altri anche a livello europeo121_{. In Italia gli esempi} 118 Lamanna Cesare, Cos'è il responsive design. Disponibile su:

http://www.html.it/pag/32821/cose-il-responsive-design/ (Visitato in data 09/02/2016). 119 Ibidem

120 7 considerations for your mobile stategy, op.cit. (Visitato in data 09/02/2016).

121 A livello europeo si segnalano il Rijksmuseum e lo Stedelijk museum di Amsterdam, il Victoria and Albert Museum di Londra e il Museo Nacional Centro de Arte Reina Sofìa di Madrid.

sono ancora pochi, ma si segnala un caso di eccellenza nazionale, il MaXXI di Roma, a cui il 9 ottobre 2015 è stato assegnato il terzo premio al 5th Annual Lovie Awards122 _{come uno dei migliori progetti europei nel web, scelto dalla}

International Academy of Digital Arts & Sciences (IADAS). Grazie invece al voto del pubblico online, il MaXXI ha conquistato il primo premio al People's Lovie Awards.123 _{La premiazione effettiva si è tenuta il 12 novembre al British Film}

Institute. Possedere un sito web full-responsive è quindi un ottimo biglietto da visita per i musei in quanto figurerà anche tra le prime pagine di ricerca di Google; non a caso, la stessa multinazionale lo raccomanda per ottenere maggiore visibilità durante la ricerca.

Fig. 2.5: Un esempio di Responsive Web Design applicato al sito web del Rijksmuseum di Amsterdam.

122 Il Lovie Awards è un prestigioso premio il cui intento è riconoscere l'eccellenza di Internet a livello europeo. Tale premio comprende cinque categorie: Websites, Internet Video, Online Advertising, Mobile & Apps, Social. Disponibile su: http://lovieawards.eu/ (Visitato in data 09/02/2016).

123 Marsala. Helga, L’anima hi-tech del Maxxi. Il sito del museo tra i migliori d’Europa. Mentre

nasce Digital Think-In, progetto internazionale sulla comunicazione digitale nella cultura,

2015, Artribune. Disponibile su: http://www.artribune.com/2015/10/lanima-hi-tech-del-maxxi- il-sito-del-museo-tra-i-migliori-deuropa-mentre-nasce-digital-think-in-progetto-internazionale- sulla-comunicazione-digitale-nella-cultura/ (Visitato in data 09/02/2016).