1. Responsive Design: Prima i Contenuti, Prima il Mobile – 4^
parte | Formazione Turismo
http://www.formaz ioneturismo.com/in- evidenz a/responsive- design- prima- i- contenuti- prima- il- mobile- 4- parte March 8, 2013
Turismo 2.0 – Navigando si Impara, by Muse Comunicazione®, continua sul tema del
Responsive Web Design, soffermandosi sulla progettazione di un website rivoluzionario nella
sua versatilità di fruizione.
Oggi analizziamo i rinnovati approcci nel progetto e le nuove strategie operative che vengono
messe in campo.
Content First, Mobile First
Leggendo articoli sulle strategie dei Web Designer specializzati in Responsive Design,
incontrerai spesso le definizioni di “Content First” e “Mobile First”. Vediamo di decodificare in
parole semplici queste espressioni.
Intanto, mai come ora, diventano fondamentali le 4 fasi del processo creativo, ossia la teoria
delle 4 D:
1. Discovery
2. Design
3. Development
4. Deployment
La fase Discovery—termine molto più affascinante di Analisi, perché include anche la
meraviglia e la creatività che è contenuta in un’attività di per sè così razionale e analitica—
nell’approccio responsive, è molto più accurata e mette al centro, oltre all’utente, l’approccio
Mobile e i Contenuti.
I t re disposit ivi principali per i quali si disegna in Responsive Web Design (da Responsive
Process della Yellow Pencil Inc Agency)
Content First: Come Gestire i Contenuti

2. Il nuovo stile, nella raccolta dati e nella progettazione, prevede di mettere al centro i contenuti,
che sono principalmente:
1. immagini
2. video
3. testi
4. logo
5. elementi grafici
6. menù di navigazione
7. eventuali inserzioni pubblicitarie
8. box in evidenza
In questa fase occorre, spesso con carta e penna, iniziare a ordinare gli elementi da inserire,
con schizzi e bozzetti, cercando di dare un ordine di priorità ai vari elementi che metti in gioco.
Le prime bozze che aiut ano a dist ribuire i cont enut i per il layout del sit o web (da
Responsive Process della Yellow Pencil Inc Agency)
Questa fase è importantissima, perché oltre alla domanda:
Quali contenuti devo inserire?”
permette di rilevare:
Quale priorità darò a questi contenuti? Cosa metterò prima in ogni dispositivo? Ci saranno
contenuti che non dovranno essere presenti in alcune device?
Stiamo creando un progetto per almeno 3 tipi di dispositivo, quindi fondiamo in un unico
processo un t riplice approccio.
Diagramma delle Priorità
Sia con un elenco testuale, sia con delle bozze, occorre creare un ordine di priorit à tra gli
elementi, considerando le diverse Device per le quali stiamo progettando.

3. Avendo più Device devi pensare ai cont enut i adat t i per ognuna di esse e met t erli in
ordine di priorit à. Immagine t rat t a da Digit al Inspirat ion.
Il Web Designer Tyler Herman ci spiega che nel suo lavoro parte da un elenco di tutti gli elementi
da inserire, che poi ordina per importanza, in quello da lui definito Diagramma delle Priorit à.
Mobile First: Come Gestire i Contenuti
Luke Wroblewski ha proposto per primo questo approccio, che rappresenta una sorta di
rivoluzione copernicana del Web Design. Sino ad ora si è sempre partiti dalla creazione di un
website adattato per l’ambiente deskt op, per poi conformarlo agli altri dispositivi, quasi con
una concezione di “riduzione” e adeguamento.
Luke Wroblewski ribalta questa logica, in considerazione dell’esponenziale diffusione dei device
mobili, mettendo al centro della scena il Mobile. Si deve partire, sostiene, dai vincoli posti dai
disposit ivi mobili, per selezionare i contenuti essenziali, da implementare ed arricchire man
mano sui dispositivi più performanti (in fatto di hardware e velocità di caricamento) e più capaci
di contenere informazioni e contenuti, quali i Deskt op.
Il Segreto del Successo: Conclusioni
La priorità dei Contenuti e del Mobile va incontro all’evoluzione dei sistemi di comunicazione e
di ricerca. Sempre più importanti i Cont enut i, sia per gli utenti sia per i motori di ricerca e più
diffusi i Mobile, tanto da farne prevedere il sorpasso nei confronti dei “classici” portatili e
computer fissi, nel vicinissimo 2013.

4. Pensi che il t ema del Responsive Web Design sia int eressant e e at t uale? Hai int enzione
di realizzare il sit o web del t uo Hot el con quest e st rat egie proget t uali?
Raccogliamo tutte le testimonianze, con i vostri commenti al post.
Se vuoi, scrivici a info@ musecomunicazione.it o intervieni sul forum.
La Saga del Responsive continua nelle prossime puntate, dove sveleremo i segreti dei
diagrammi di prorità, delle tecniche per mettere il mobile al centro del processo e parleremo
ancora di Contenuti…
Questo articolo è stato scritto da un collaboratore di FormazioneTurismo.com. Se
vuoi pubblicare i tuoi articoli, condividere le tue conoscenze professionali e
partecipare al nostro networking verifica la nostra pagina Guest Post e Rubriche
FormazioneTurismo