Cos' è il responsive web design

Responsive web design: in italiano la miglior traduzione del termine "responsive" è adattivo. Con responsive web design si indica la metodologia di progettazione di un sito web che lo rende appunto adattivo all' ambiente sul quale viene visualizzato, in particolare ad esempio alla risoluzione e all' orientamento dello schermo del dispositivo.
Appena l' utente passa da uno schermo grande ad uno più piccolo (ad esempio dal pc desktop allo smartphone) il sito web deve "adattarsi" alla nuova risoluzione dello schermo, riposizionando i suoi elementi in modo da avere sempre una visualizzazione ottimale, il testo sempre chiaro e ben leggibile, le immagini devono essere ridimensionate ecc...

Sito web Responsive: concetti chiave

Dopo una breve descrizione, passiamo ad alcuni concetti chiave che dobbiamo avere ben presenti:

• responsive web design significa avere un unica versione del sito web che si adatta ai vari dispositivi che l' utente usa per visualizzarlo; non bisogna creare più versioni del sito, ciascuna per il device cui fa riferimento. Pensandoci bene, sarebbe una mole di lavoro non indifferente: duplicare i contenuti del sito n volte, associarli a domini diversi, creare nuove versioni alla commercializzazione di nuovi device con caratteristiche diverse dai precedenti, ripetere ogni modifica per tutte le versioni create.
  La chiave di un sito web adattivo è proprio quella di avere un unico contenitore di informazioni che, grazie ad una serie di tecnologie software (quali CSS, Javascript ecc..), si modifica in maniera del tutto automatica;
• in linea di massima, non è previsto l' utilizzo di nuovi linguaggi di programmazione rispetto a quelli già utilizzati per lo sviluppo e la realizzazione dei siti web: HTML, CSS, Javascript, Ajax ecc..

Obiettivi per un buon sito web responsive

Senza entrare troppo nel dettaglio sulle tecnologie che possiamo utilizzare, diciamo che per ottenere un buon sito web responsive è necessario porsi degli obiettivi minimi, come ad esempio:

• avere un unico contenitore di informazioni;
• rendere il layout del nostro sito web adattivo per il maggior numero di device in commercio;
• ridurre i contenuti al minimo indispensabile per i device con schermi piccoli, come gli smartphone;
• creare un interfaccia ottimizzata per i dispositivi che offrono funzionalità touch (ad esempio non creare pulsanti troppo piccoli da cliccare);
• ottimizzare le immagini in modo tale che i dispositivi che non hanno a disposizione connessioni particolarmente veloci (o comunque hanno un limite di kb di download) le scarichino in maniera veloce senza creare attese per l' utente finale nella visualizzazione delle pagine;
• sfruttare il più possibile tutte le tecnologie che ci vengono fornite dai vari device (ad esempio, i numeri di telefono attivi con skype sui pc e con il gestore di chiamate sugli smartphone, la geolocalizzazione sui dispositivi mobile ecc..).

Fatti trovare da chi ti cerca

Un ultima considerazione: perchè avere un sito web responsive design è ormai fondamentale per promuovere la propria azienda? Se avete già, o pensate di creare il sito web della vostra attività, tenete presente che la maggior parte degli utenti ormai naviga usando tablet e smartphone.
Il responsive web design è attualmente la miglior tecnica di realizzazione di un sito web che deve essere fruibile su una vasta gamma di device: fatti trovare da chi ti cerca, in qualsiasi momento e su qualsiasi dispositivo!