Design web responsive: Superi l'esame?

Il 75% delle ricerche su Internet nel 2017 saranno effettuate tramite dispositivi mobili. Detto ciò, la grande domanda è: Sei davvero pronto per sfruttare tutto questo traffico mobile o lo stai perdendo per strada? Design responsive. Non parliamo di futuro, parliamo di presente. E avere un design web responsive, adattato a smartphone e tablet, non è più un'opzione, è un obbligo e non è sufficiente rimanere a metà strada.

Controlliamo se superi l'esame?

Per cominciare, se non hai un design web responsive stai rinunciando non solo a un altissimo percentuale di traffico potenziale ma, inoltre, la tua visibilità nelle ricerche organiche diminuirà.

Attenzione ai ritmi accelerati dell'aumento del consumo di internet tramite smartphone: nel 2013 solo il 18% degli utenti cercava su Google tramite i propri telefoni. Nel 2017, ben tre su quattro. La tendenza è più che chiara.

Come sapere se il mio sito è responsive 100%?

Non sei sicuro se il tuo sito è responsive? Verificarlo è molto semplice. Nel post precedente di questo blog ti indicavamo una pagina con questa funzionalità. Anche Google stesso ti offre un metodo semplice per saperlo.

In ogni caso, puoi verificarlo tu stesso con una semplice azione: visita il tuo sito e riduci la finestra del browser. Ti appare una barra di scorrimento e devi usarla per vedere tutto il contenuto?

Allora, mi dispiace, non hai un sito responsive. Quello di Elpais.com lo è, ma quello di Elmundo.es non lo è, per mettere due esempi di grandi quotidiani digitali spagnoli.

Cosa dice Google sul design web responsive

Google, che negli ultimi tempi ha messo al centro di tutta la sua strategia l'utente, comprende che se qualcuno accede a un sito può farlo da diversi supporti e in ognuno di essi deve sempre trovarsi di fronte a un sito dove la visualizzazione e le funzioni siano corrette.

Per promuovere che questo sia così nella maggior parte dei casi, verso febbraio 2015 ha annunciato un cambiamento nel suo algoritmo che sarebbe entrato in vigore il 21 aprile dello stesso anno. Naturalmente, si attivarono tutte le allerta 😉

Da quel momento iniziarono a circolare come la polvere su internet voci come, ad esempio, che se per quella data non avevi implementato il design responsive nel tuo sito, questo scomparirebbe dalle ricerche.

Altri, meno allarmisti ma ugualmente falsi, assicuravano che i siti non adattati al mobile sarebbero stati penalizzati. La palla di neve è diventata sempre più grande.

In realtà ciò che è successo -e continua a succedere- non è che si punissero i siti che non offrono il design responsive, ma si premiavano quelli che sì, e, più concretamente, nei risultati delle ricerche da mobile. Sembra lo stesso, ma non lo è.

Google intendeva sensibilizzare sull'importanza di prestare attenzione ai nuovi modelli di consumo dell'utente.

Il fatto è che la campagna ha dato risultati e i webmaster di tutto il mondo si sono messi in moto e hanno iniziato a lavorare sul “mobile first” (progettare pensando prima ai mobile) come opzione più logica per instaurare il responsive. Il menu hamburger -tre barre orizzontali su cui cliccando si espandono le sezioni del sito- è già oggi un “must-have” delle versioni mobili. Fino a quando non si imponga un'altra moda, chiaro.

I vantaggi oltre l'esperienza dell'utente

I vantaggi del design web responsive vanno ben oltre il miglioramento dell'esperienza dei tuoi utenti, che non è poco:

• Ti evita la possibilità di incorrere in contenuti duplicati, come può accadere se opti per creare un sito parallelo specifico per il mobile.
• Caricamento più veloce di tutti gli elementi, un fattore chiave per migliorare il tuo posizionamento, il che a sua volta ti porterà più visite.
• Favorirà la diffusione dei tuoi contenuti poiché tutti i link saranno unificati, senza reindirizzamenti. Gli utenti avranno più facile e accessibile condividere i contenuti, così il SEO del tuo sito, quindi, ne trae vantaggio.
• Il tuo portafoglio e il tuo tempo beneficeranno anche, poiché qualsiasi aggiornamento del tuo sito prima implicava cambiamenti in più fogli di stile, mentre ora ce n'è solo uno.
• Se il tuo sito è un negozio online, noterai la differenza. Dove prima c'erano barriere insormontabili e ti trovavi con la sgradevole sensazione di non trovare sul mobile ciò che c'era nella versione desktop, con il design responsive ci sarà un bel sentiero di mattonelle gialle verso le vendite.

Controlla tutto da diversi dispositivi

Va bene, ti sei convinto e hai sviluppato il tuo design web responsive. La prima cosa che devi fare prima di metterlo a disposizione di tutti è controllare tu stesso che tutto funzioni come deve. Mettiti nei panni dell'utente, visita la tua pagina ed esegui le azioni abituali. E non solo da un mobile e un tablet, cerca di farlo da diversi modelli e in diversi browser. Se lo fa anche un'altra persona estranea al tuo sito, molto meglio.

Ti sottolineiamo questo perché potrebbero esserci funzioni che si vedono bene e funzionano perfettamente sul tuo computer desktop, ma poi non appaiono o non si caricano correttamente dalla navigazione mobile o tablet.

Ricorda di provare con lo schermo in posizione verticale e orizzontale e assicurati che l'uso tattile delle funzionalità sia comodo. Gli utenti non dovrebbero essere costretti a utilizzare lo zoom per toccare con precisione un pulsante o un link.

E non concentriamo tutto il protagonismo sui dispositivi mobili. Anche se ancora con molto meno impatto nel nostro paese, il consumo di internet tramite smart-TV sembra destinato ad aumentare significativamente nei prossimi anni.

Con il design web responsive, il ridimensionamento di tutti gli elementi del tuo sito sugli enormi schermi delle televisioni intelligenti -molte delle quali già curve- non dovrebbe generare problemi. Tuttavia, dobbiamo rimanere attenti alle novità che potrebbero sorgere, perché in questo campo delle tecnologie si sa: rinnovarsi o morire.

Hai superato l'esame? Dubbi o commenti? Il campo dei commenti è tutto tuo 🙂