Sommario
Responsive web design, qual è il vantaggio per il web?Molti aspetti del comportamento degli utenti sono stati studiati da specialisti di marketing e indicano che il 70% delle persone tra i 18 e i 45 anni naviga in Internet non da computer, ma da tablet e telefoni, che è un mercato molto ampio che ama mettere da parte.
Che cos'è un web design reattivo?
È un design che si adatta a qualsiasi dispositivo e risoluzione dello schermo, indipendentemente dal fatto che si tratti di un telefono, un tablet, un computer o uno schermo TV. Tutto questo deve essere adattato senza creare versioni differenti di un sito web per ogni dispositivo, ma è un unico sito web che deve sapersi adattare.
Un modo è tramite il modulo di query multimediali CSS3 che consente il rendering del contenuto per adattarsi a condizioni come la risoluzione dello schermo
Ad esempio nel file di stili.css
@import url (styles.css) solo schermo e (max-device-width: 480px);
All'interno del file iniziamo a definire dispositivi con una larghezza massima di 480px e orientati orizzontalmente:
@media solo schermo e (larghezza massima del dispositivo: 480 px) e (orientamento: orizzontale) {
/ * qui ci saranno gli stili per questo dispositivo * /
}
Altro stile per lo schermo verticale
@media solo schermo e (larghezza minima: 680 px) e (larghezza massima: 979 px) e (orientamento: verticale) {
/ * stili * /
}
Qui definiamo gli stili per un iPhone 5
@media schermo e (dispositivo-aspect-ratio: 40/71) {
/ * stili * /
}
L'ideale è misurare tutto in percentuale per poter realizzare un sito web generico senza dover fare tanti fogli di stile.
Un modo è posizionare il contenuto che copre l'80% della larghezza dello schermo, questo manterrà la sezione del contenuto su qualsiasi dispositivo.
Alcuni vantaggi e aspetti da considerare
I lavori di web design responsive sono un modo di fare SEO poiché evitiamo di duplicare link e contenuti per diverse versioni del dispositivo, Google gli piace anche se non significa che sia necessario. Se lo facciamo per gli utenti mobili e non per Google.
Per ogni dispositivo, l'esperienza e l'urgenza sono diverse poiché viene utilizzato in momenti diversi.
In genere chi naviga da computer è al lavoro o a casa, quindi la ricerca sarà più rilassata e con più tempo per leggere e vedere il banner, chi naviga da tablet sarà sicuramente un professionista o qualcuno che svolge un compito specifico per quindi hai bisogno di indicazioni o informazioni di riferimento ma non qualcosa che ostacoli la tua ricerca.
Mentre coloro che navigano per telefono saranno i più giovani o le persone con molta più mobilità e cercheranno informazioni rapide e concrete per richieste urgenti o ricerca rapida di informazioni su un luogo, un evento o un'esigenza di comunicazione, alcuni di questi aspetti si rivelano nel comScore report di marketing online che è gratuito, gratuito e riflette le tendenze annuali.
