La prima scelta che ci si trova ad affrontare nella creazione della versione mobile di un sito giร esistente, consiste nella scelta circa la realizzazione di un nuovo sito web appositamente concepito per la visualizzazione su dispositivi mobili (sito ad hoc) oppure optare per lโadattamento del sito "normale" alle nuove esigenze della mobilitร (versione adattata).
A prima vista la seconda strada (versione adattata) sembrerebbe la piรน semplice da seguire ma, in realtร , le cose non stanno esattamente cosรฌ: adattare una pagina web, concepita per essere visualizzata su un normale computer, alla visualizzazione mobile non รจ cosa semplice e comporta piรน di un problema.
Creare un sito mobile adattando la versione desktop richiede, infatti, che il sito web originario sia stato realizzato con la dovuta perizia mediante una netta separazione tra il design ed il codice. Se ciรฒ รจ stato fatto รจ possibile riutilizzare il codice applicandogli un diverso design (idoneo alle peculiaritร dei device mobili come gli smartphone). Se lo sviluppo del sito originario, viceversa, non รจ stato effettuato in questo modo (codice ed elementi di design sono mescolati) la portabilitร su dispositivi diversi dal computer diventa decisamente piรน complessa.
Eโ giusto ricordare, tuttavia, che la scelta di avere un unico sito multi-device (cioรจ fruibile indipendentemente dal device utilizzato) รจ una delle raccomandazioni del W3C in materia di accessibilitร e comporta una serie di vantaggi come, ad esempio, i minori costi di manutenzione (si dovrร gestire unโunica piattaforma e non due). Detto questo, tuttavia, รจ bene tenere conto di una serie di controindicazioni che, a mio avviso, fanno propendere alla creazione di un sito web ad hoc:
- Adattare una struttura concepita per la fruizione mediante computer non รจ semplicissimo e, in caso di siti vasti e complessi, rende piuttosto probabile commettere degli errori (ad esempio perchรจ taluni elementi eccedono la larghezza del display);
- La fruizione dei contenuti su dispoitivi mobili richiede semplicitร e sintesi, mentre a volte i siti progettati per lโutilizzo sui comuni computer sono ricchissimi di informazioni che pottrebbero rendere piuttosto lenta e difficoltosa la navigazione in mobilitร ;
- Alcuni elementi ricorrenti nelle comuni pagine web โ ad esempio animazioni in flash โ non sono supportati da tutti i device mobili (ad esempio da iPhone e iPad);
- Alcuni elementi di interazione (come i form) sono difficilmente adattabili alla fruizione in mobilitร (o meglio, lo sono ma solo attraverso unโattenta riprogettazione);
- Alcune funzionalitร (come ad esempio il download di file) non sono universalmente supportate dai dispositivi mobili e potrebbero causare errori o malfunzionamenti poco gradevoli;
- Non tutti i dispositivi mobili gestiscono correttamente lโattributo media dei CSS, attraverso il quale viene predisposto il foglio di stile dedicato ai dispositivi di tipo handheld; stesso discorso per le media queries ancora non adeguatamente supportate da tutti i devices (soprattutto da quelli piรน datati).
Alla luce di queste osservazioni, a titolo personale, mi sento di consigliare โ salvo casi particolari โ la creazione di una versione ad hoc: cosรฌ facendo si ha un controllo totale sullโaspetto del sito e sulle informazioni fruibili attraverso di esso. Realizzando una versione appositamente concepita per i dispositivi mobili si correrranno minori rischi di commettere errori e sarร possibile adattare ogni cosa alle peculiaritร del device di destinazione.
La scelta di creare un sito ad hoc รจ, ovviamente, quella che ho adottato nella stesura di questa guida nella quale tralascerรฒ volutamente di illustrare gli accorgimenti necessari per lโadattamento di un sito esistente.
