Il termine "responsive web design" si riferisce a siti Web che cambiano e adattano il loro aspetto per una visualizzazione ottimale su schermi di tutte le dimensioni, tablet, smartphone, iPod, kindle insieme a schermi di desktop e laptop. Occasionalmente, nel settore delle arti digitali, viene chiamato "design fluido", "design di siti Web adattivi" o "RWD". I siti Web che non rispondono non cambiano per adattarsi alle diverse dimensioni dello schermo, il che significa che possono essere difficili da navigare e visualizzare su dispositivi più piccoli.
Le vendite di desktop hanno già superato le vendite di telefoni cellulari e la maggior parte delle fonti di formazione sui media digitali prevede che l'utilizzo del Web mobile supererà l'utilizzo del desktop entro il 2014. Sembra quindi ragionevole che sarà presto superato e la ricerca desktop dalla ricerca mobile. Il 60% degli utenti di Internet afferma che sarebbe più disposto ad acquistare da siti Web ottimizzati per dispositivi mobili. Pertanto, le aziende dipendenti dalla SEO avrebbe molto senso iniziare a passare a siti Web ottimizzati per dispositivi mobili e in particolare a design di siti Web reattivi. Soprattutto perché i nuovi aggiornamenti dell'algoritmo di Google ora disapprovano i singoli siti solo per dispositivi mobili. Come quelli con a.mobi nell'URL. Sempre più spesso, vengono creati nuovi siti Web utilizzando metodi di progettazione reattiva per eliminare la necessità di siti Web mobili autonomi. Questa decisione migliora notevolmente anche l'esperienza dell'utente. Ciò porta a una maggiore interazione con i clienti e a più vendite, poiché i potenziali clienti non sono alienati da testo minuscolo e navigazione difficile.
Affinché i design reattivi funzionino, viene utilizzata una query multimediale per determinare le dimensioni dello schermo da cui si accede al sito. Lo script può rilevare tutti i dispositivi, tablet, laptop o smartphone. Quindi utilizza i CSS per visualizzare il sito nel formato corretto. Le immagini possono essere ridimensionate per adattarsi a schermi più piccoli. Il testo diventa più grande e i menu possono essere cambiati in una varietà di diversi formati di sviluppo, al contrario della visualizzazione orizzontale per lo più standard.
I vantaggi dell'utilizzo di questo tipo di design, rispetto alla creazione di una versione mobile del tuo sito completamente separata dal tuo sito originale, sono evidenti. Ogni volta che aggiorni il tuo sito, verrà aggiornato per ogni dispositivo e visualizzato correttamente su ogni schermata. È necessario eseguire l'aggiornamento solo su un sito, mentre con un sito per dispositivi mobili separato sarebbe necessario un sito separato che richiederebbe anche l'aggiornamento. Spesso, i tuoi siti web saranno accessibili da un tablet. Se hai due siti separati, uno per dispositivi mobili e uno per PC, è impossibile indovinare quale versione del sito vedranno gli utenti. Con il design reattivo puoi controllare (per la maggior parte) come apparirà ogni dimensione dello schermo.
Diverse aziende forniscono sia un design fluido che un design mobile per i siti web. Tuttavia, i metodi RWD migliorano costantemente, quindi non sembra avere molto senso avere un sito mobile autonomo. L'unico caso in cui potresti volere un sito separato sarebbe se preferisci fare pubblicità in modo diverso agli utenti di laptop o desktop, rispetto al modo in cui faresti pubblicità
agli utenti di telefoni cellulari. Ad esempio, un'azienda di fast food potrebbe voler indirizzare le persone in movimento con un'offerta speciale immediata, ma mostrare le sue prossime offerte e menu agli utenti di laptop. Tuttavia, in molti casi, un sito Web dovrebbe servire tutti gli utenti allo stesso modo, quindi il design reattivo è la scelta preferita.
In un futuro frenetico, tutti i siti Web dovrebbero avere un design reattivo come gli utenti si aspettano. Pertanto, tra qualche anno, le aziende che realizzano siti web non responsive dovranno pagare per un nuovo sito web per sopperire alla mancanza di contenuti sul proprio sito. Pertanto, prima di iniziare qualsiasi nuovo progetto di progettazione di siti Web, sarebbe bene saperne di più sui costi e sui vantaggi dei design personalizzati.
