8 June 2016

Che cos’è un sito responsive? Iniziamo col dire che probabilmente sai già che cosa non è un sito responsive. Per intenderci, quando strizzi gli occhi per leggere quelle letterine minuscole sul tuo smartphone, non sei su un sito responsive. Quando devi fare scroll e zoom col dito sullo schermo per cercare di leggere una riga di testo fino in fondo, neanche. E nemmeno quando devi stringere il browser e perdi di vista il sito.

Allora che cos’è? Per i non addetti ai lavori, va detto che c’è parecchio disaccordo nel mondo del web design riguardo la definizione esatta di responsive design, ma l’unica cosa certa è che un sito responsive è quello che si adatta alla dimensione del device o del browser, cambiando formato in automatico e riposizionando testo e immagini in modo ottimale.

Come fa? Per prima cosa, gli elementi di programmazione come immagini, box di testo e bottoni hanno proporzioni assegnate su una griglia fluida e non sulle posizioni fisse di un asse X-Y. In pratica, questo significa che un’immagine che dovrebbe occupare il 30% di spazio disponibile sullo schermo occuperà il 30% di qualsiasischermo, qualunque sia l’orientamento. Prova a paragonare tutto questo con il pessimo sito di cui parlavamo all’inizio e capirai la differenza…

In modo un po’ poetico, il responsive design è stato paragonato alle proprietà fisiche dell’acqua (come le descrive il maestro di arti marziali Bruce Lee): “Se metti l’acqua in una tazza, diventa una tazza; se metti l’acqua in una bottiglia, diventa una bottiglia; se la metti in una teiera, diventa una teiera”.

Perché il responsive design è importante

Il mondo è diventato “mobile” e non si torna indietro

L’anno scorso Google ha annunciato che la maggior parte delle ricerche degli utenti avviene da dispositivo mobile e non più da pc fisso; il 2015 ha coinciso anche con l’anno in cui le email vengono aperte più da smartphone che da desktop (percentuali che oggi si aggirano intorno al 55%). Ora, questo non significa che le persone stiano abbandonando il pc: infatti, alcune statistiche rivelano che stiamo passando più tempo su tutti i device, in generale. Significa però che gli utenti non si aspettano di trovare il tuo brand quando navigano in mobilità.
E allora, cosa puoi fare?

La vecchia soluzione era quella di creare un “m-site” solo per mobile, progettato esclusivamente per affiancare un sito preesistente per desktop. Ma questo significava costruire, aggiornare e mantenere un sito interamente separato e quindi molto più lavoro sul lungo periodo. E ora con la crescente diversità di dimensioni per i device mobili (tablet, phablet e tanti smartphone diversi), un sito creato apposta per una dimensione specifica è diventato storia vecchia.

La sfida è fornire ai tuoi clienti la migliore esperienza possibile, qualsiasi device stiano usando o useranno in futuro.

Il responsive design offre una migliore esperienza per l’utente

Rende bene su ogni device

Quando il 73% degli utenti (il link apre un pdf) sottolinea quanto sia importante che il contenuto sia leggibile da ogni device, puoi star certo che la maggior parte di loro lascerà immediatamente la pagina che non è stata creata in ottica mobile. Progettando un sito che possa rendere bene su ogni schermo, offrirai finalmente ai tuoi utenti l’esperienza fluida che si aspettano.

È studiato per un orientamento “mobile”

Al contrario degli scomodi siti in versione desktop (grandi, a più colonne, pieni di testo) che si trovano ancora in giro, la prospettiva di un sito responsive necessita di un approccio “mobile” che dia priorità alla semplicità, alla chiarezza e alla facilità d’uso.

Consente tempi di caricamento rapidi

Mentre i siti con immagini pesanti possono essere una sfida per i tempi di caricamento, il fatto di non dover essere reindirizzati verso un sito dedicato renderà più veloce l’accesso dell’utente al tuo contenuto.

Ma non sono solo gli utenti a volere una migliore user experience: anche Google!

Google  responsive

Ad aprile 2015 Google ha annunciato un aggiornamento dell’algoritmo che molti hanno interpretato come la fine di internet come lo conoscevamo. In poche parole, Google ha affermato che i risultati di ricerca avrebbero favorito i siti mobile-friendly, ovvero un calo nel page rank per i siti non ottimizzati. Insomma, Google non scherza e raccomanda fortemente il responsive design.

Un anno dopo si sentono gli effetti di questo nuovo approccio. Come ha riportato Smashing Magazine, i siti mobile-friendly sono cresciuti del 25%, l’85% dei quali ha scelto il responsive design come strategia di ottimizzazione verso il mobile.

Un’unica URL, meno problemi

Avere un sito responsive significa anche concedersi il lusso di una URL unica. Tanti i vantaggi:

• facilità di trovare e condividere facilmente i contenuti
• ricerca semplificata sui motori grazie alla possibilità di mantenere e far crescere la reputazione di una sola URL
• meno errori nella ricerca rispetto ai siti multipli
• maggiore efficienza e velocità di indicizzazione del sito da parte di Google.

Più risparmio sul lungo periodo

Con le abitudini di navigazione che cambiano costantemente, il miglior modo per mantenere il tuo sito al passo coi tempi è costruirne uno che possa rispondere a tutte le esigenze di modifica. Se da un lato dovrai affrontare una spesa iniziale leggermente superiore, dato il lavoro di progettazione e programmazione che c’è dietro, nel tempo avrai un sito sempre accessibile e aggiornato e sarai perfettamente ripagato dai benefici.

Conclusioni: in che direzione andare

Se il tuo unico obiettivo è aggiornare il tuo vecchio sito, puoi semplicemente riadattarlo in ottica user-friendly. Il vantaggio di questo approccio è che non richiede un intervento da front-end e non devi creare un nuovo sito da zero. Ma hai comunque bisogno di un programmatore per farlo e i risultati non sono sempre perfetti.

Se invece il tuo scopo è quello di offrire un sito mobile-friendly che sia veramente ottimale su ogni device risparmiando così tempo e denaro in futuro, la cosa da fare è “essere l’acqua, amico mio”, come disse Bruce Lee. Lasciati trasportare dall’onda del responsive design e investi oggi stesso in un sito ottimizzato.

Moskito Design progetta e crea siti responsive ottimali, landing page e newsletter per imprese grandi e piccole.