Questo sito o gli strumenti terzi da questo utilizzati (come ad esempio Google Analytics, Google Maps e i social button) si avvalgono di cookie necessari al funzionamento ed utili alle finalità illustrate nella cookie policy. Maggiori info
Negando il consenso, questi strumenti non saranno disponibili durante la navigazione su questo sito, pertanto non potrai usufruire di tutte le sue funzionalità. Potrai modificare la tua scelta in qualsiasi momento consultando le istruzioni nella pagina Utilizzo dei cookies.

Cos' è il responsive web design

Perchè è importante avere un sito web responsive 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!

 

Richiedi un preventivo gratuito

oppure contattaci per avere maggiori informazioni.

 

Approfondimenti recenti

Nokia 8 Sirocco

Nokia 8 Sirocco

  Presentato ufficialmente il nuovo Nokia 8 Sirocco al MWC 2018 di Barcellona. Si tratta di uno smartphone con un design innovativo per l' azienda, dotato di ottiche Zeiss e di ottime proprietà acustiche.   Nokia 8 Sirocco: caratteristiche tecniche Il nuovo Nokia 8 Sirocco presenta un display pOLED 2K da 5.5 pollici con bordi molto sottili, protetto da un Corning Gorilla Glass 5, una potente batteria da 3200 mAh, 6GB di RAM e 128GB di memoria interna, connettività...
Samsung Galaxy s9 e s9Plus

Samsung Galaxy S9 e S9 Plus

  Samsung presenta la sua punta di diamante: il nuovo Samsung Galaxy S9, disponibile anche nella variante S9 Plus, che come vedremo non sarà solamente il fratello "più grande" e con una batteria maggiorata, ma per la prima volta Samsung decide di differenziarlo introducendo la nuovissima doppia fotocamera posteriore e aumentandone la RAM.Scopriamo insieme le caratteristiche dei nuovi e potenti smartphone Samsung.   Samsung Galaxy S9 e S9 Plus: presentazione I nuovi Samsung Galaxy S9 e Samsung Galaxy S9...
Nokia 8110

Nokia 8110: nostalgia anni 90

  Nokia non smette di stupirci! Infatti, dopo il 3310 ecco un altro gradito ritorno, per chi avesse nostalgia degli anni '90: il Nokia 8110. Comparso anche nel film "Matrix", il Nokia 8110 ebbe un enorme successo, in tutto il mondo, e venne soprannominato "banana phone" per la sua curiosa forma curva. Scopriamone insieme tutte le novità.   Nokia 8110: operazione nostalgia con funzioni smart Il Nokia 8110, presentato al Mobile World Congress, ricorda in tutto e per tutto...