1. Responsive Web Design: 7 Problemi da Evitare – 6^ parte |
Formazione Turismo
http://www.formaz ioneturismo.com/web- marketing- turistico- alberghiero/responsive- web- design- 7- problemi- da- evitare- 6- parte
March 8, 2013
Turismo 2.0 – Navigando si Impara, by Muse Comunicazione®, continua a trattare la tematica
del Responsive Web Design (RWD), futuro del Web Design, per il prossimo decennio.
Nel post odierno, parliamo dei problemi che possono presentarsi nella gestione di un Progetto di
Web Design adatto per i diversi dispositivi.
—————
7 Problemi da affrontare per i Responsive Website
Nonostante si parli di Responsive Web Design da più di 2 anni – in Italia da molto meno – è un
processo creativo ancora innovativo, rivoluzionario ma perfettibile. Per queste ragioni, esistono
alcune difficoltà che accompagnano le varie fasi di tale approccio.
Ecco la lista dei problemi più ricorrenti:
1. Spiegare il progetto al client e
2. Passare ad un nuovo sist ema di proget t azione
3. Gestire la navigazione
4. Utilizzare le immagini
5. Gestire un layout elast ico
6. Organizzare tempi e Lab per il t est ing
7. Ottimizzare i cost i
Vediamo come affrontarli ed evitarli.
1° Problema: Spiegare cos’è il RWD al Cliente
Un sistema vincente, per spiegare al proprio cliente quanto sarà funzionale il suo sito web nella
versione Responsive, è mostrare un progetto simile, magari di un comparto merceologico
affine, simulandone l’adattabilità e le differenti esperienze d’uso.
2° Problema: Passare ad un Nuovo Sistema di Progettazione
Il processo creativo di un website tradizionale è lineare (da molti definito “a cascata”) e ormai
assodato. Dal briefing si passa alla varie fasi di progettazione (mockup, bozzetti,
approvazione), per apportare eventuali correttivi in corso d’opera, fino allo sviluppo finale.
Con il RWD è più efficace adottare un approccio “agile”, dove tutte le figure professionali sono
coinvolte fin dall’inizio. Sarebbe complesso e oltremodo oneroso, produrre bozzetti grafici in
Photoshop (o simili) per tutte le pagine per i vari dispositivi.
Meglio costruire uno schema di priorità per le informazioni e modularizzare quanto più possibile
i contenuti, servendosi poi di bozzetti cartacei o schemi di Layout per capire e visualizzare
come questi dovranno adattarsi alle diverse dimensioni dello schermo e passare il prima
possibile a un prototipo html.

2. Wiref rame per Responsive Web Design, disegnat i da James Mellers di Adobe (dalla
Rivist a on-line .net )
Gestire un progetto con un nuovo metodo non è soltanto complesso da spiegare e condividere
con il proprio cliente, è anche difficile da approcciare e portare a maturazione per lo staff dei
creativi.
Passare da un approccio costruttivo lineare ad uno multi-piattaforma, ti assicuro, non è semplice,
ma l’ uso di carta e penna in fase progettuale, può tornare molto utile.
Bozzet t i su cart a, un rit orno alle
ant iche prat iche graf iche, per il
modello creat ivo più innovat ivo: il
RWD (dal sit o web Noct urnal
Monkey)
3° Problema: Come Gestire
la Navigazione?
Negli ultimi anni, per ovvie ragioni
legate a Eyetracking e Heat Map
(Mappa di calore) ossia al percorso di
navigazione naturale dell’utente, si
tendeva a collocare il Menù
orizzontalmente nella parte superiore
oppure verticalmente a sinistra della
pagina web.
Dovendo progettare per dispositivi molto diversi tra loro, soprattutto per SmartPhone e Tablet
occorre pensare ad altre soluzioni.
La scelta dei criteri di navigazione è strategica: dev’essere allineata ai contenuti e all’architettura
dell’informazione, prevedendo una nuova disposizione degli elementi per i diversi dispositivi.
4° Problema: Utilizzare le Immagini

3. Quello della gestione delle immagini è, probabilmente, il punto ancora debole dell’approccio
RWD. Foto e media devono essere flessibili e adattarsi alle diverse device, al contempo non
appesantire e influire troppo sul caricamento della pagina, ma non esiste ancora una soluzione
definitiva a problematiche come: differenti dimensioni di schermo e visualizzazione, ristrette
capacità di banda (mobile), resa su display ad alta risoluzione (retina), ecc.
È chiaro a tutti che utilizzare un’unica immagine (quella più grande) per tutti i dispositivi, non è la
soluzione. Pensate a quanto impiegherebbe a caricarla un povero smartphone su banda 2G,
magari per visualizzarla poi a un quarto della dimensione originale.
Diverse sono le proposte avanzate, per chi volesse approfondire: Immagini Responsive e
Standard Web.
5° Problema: Gestire un Layout Elastico
Impostare i Layout delle pagine web, soprattutto quando si hanno molte informazioni da
gestire, diventa molto complesso.
Utile disegnare un diagramma delle priorit à, per far comparire in ogni dispositivo i contenuti
più importanti, facendo scivolare quelli non prioritari in posizioni meno rilevanti. Qui entra in
gioco la soluzione delle griglie fluide, che consente di posizionare in modo diverso i blocchi di
contenuto a seconda dello strumento dal quale l’utente si collega.
6° Problema: Organizzare i Tempi del Testing
Questione da sempre fondamentale, il Testing consente di verificare su diversi sistemi operativi,
browser e schermi il funzionamento ottimale di layout e navigazione.
La sfida si complica con l’aumento dei dispositivi da verificare e con le soluzioni tecnico-
progettuali messe in gioco per ottimizzarne la User Experience.
Necessariamente, in fase di progettazione, occorre prevedere tempi più lunghi ed elastici, non
solo per la costruzione del website e per il suo sviluppo, ma anche per i test, che non si possono
collocare solo nella parte finale del lavoro, ma che attraversano trasversalmente tutte le fasi
creative.
7° Problema: Ottimizzare i Costi
È innegabile che con il dilatarsi dei tempi di creazione e di testing, i cost i di produzione
tendano a lievitare.
Da un lato occorre rendere consapevole il cliente che un Website in Responsive Design è uno
strumento multi-device. E che uno strumento con tali caratteristiche è Future-Friendly.
Dall’altro occorre ottimizzare i costi, automatizzando alcune fasi del lavoro ma soprattutto
creando con il cliente un ambiente collaborativo dall’inizio alla fine, in cui si comprenda
l’importanza del progetto, nel quale prevedere oculatamente ogni sviluppo futuro.
Tornare indietro e modificare un elemento rilevante a progetto definito, può essere molto
oneroso i termini di tempo e di sviluppo.
Quindi oggi più che mai: Attenzione a progettare con cura e lungimiranza!
Il Segreto del Successo: Conclusioni
Per ovviare o meglio evitare problematiche nella realizzazione di un website dalla connotazione

4. così innovativa e così orientata al Futuro, costruisci il tuo progetto intorno al tuo ut ent e e alla
sua esperienza di navigazione.
Content e Mobile al centro di ogni nostra azione!
St ai iniziando a comprendere le dinamiche e i principi che regolano il proget t o di un Sit o
Web in Responsive Design? Vuoi chiarie o approf ondire punt i che t i sono ancora oscuri?
Le tue domande ed esperienze sono ben accette nei commenti al nostro post.
Se desideri risposte personalizzate, scrivi a info@musecomunicazione.it o intervieni sul forum.
Continueremo ad andare a caccia di news sul RWD, per dare risposte sempre più calzanti al
Futuro che… incalza.