Esegui ricerca
SearchEsegui ricerca

Responsive Web Design

Quando un sito è progettato in Responsive web design l’utente visualizza sempre correttamente tutti i contenuti a prescindere dal device utilizzato (computer desktop, tablet o cellulare) e dal suo orientamento.

Responsive Web Design

L’approccio migliore per costruire siti che si adattino ad ogni dispositivo è quello Responsive che consente di ottenere il ridimensionamento fluido dei contenuti utilizzando un mix di griglie, layout e immagini flessibili. Il server invia lo stesso codice HTML a tutti i dispositivi e il codice CSS modifica la visualizzazione della pagina sul dispositivo adattandola alle dimensioni dello schermo.

Questo design adattivo definisce le dimensioni degli elementi con unità di misura relative (ricorrendo alle percentuali) che garantiscono fluidità. Le immagini flessibili adattano la loro dimensione all'impaginazione evitando di sovrapporsi agli altri elementi e i contenuti (testi, logo, menù di navigazione principale) si dispongono sullo schermo in modo differente a seconda del dispositivo utilizzato dall’utente.

Quando si progetta per i dispositivi mobili, il problema principale è la dimensione ridotta dello schermo. L’obiettivo primario è semplificare e guadagnare spazio sottraendolo in maniera intelligente agli elementi di navigazione a beneficio dei contenuti più rilevanti.

Il Responsive web design, oltre ad essere consigliato da Google, permette di:

  • ridurre al minimo la necessità per l'utente di ridimensionare, scorrere e spostare i contenuti
  • semplificare il layout degli elementi presenti sulla pagina e nascondere gli elementi secondari ai dispositivi mobili con schermi piccoli
  • fornire un’interfaccia adatta all’interazione touch
  • gestire un'unica versione del sito anziché due distinte (come avviene creando URL separati per i dispositivi mobili).

Pubblicando le versioni desktop e per dispositivi mobili in corrispondenza dello stesso URL, le aziende non sprecano tempo su due fronti e possono dedicarsi all’aggiornamento dei contenuti (e Google ha meno siti da monitorare).

Tutti i siti che ho realizzato, insieme a Img internet, sono progettati in Responsive Web Design.

Fonte: Digital.com

 

Image

Enrico Forzato © 2015 | P IVA 11924160150 Via Nuova, 72 - 45020 Villanova del Ghebbo (RO)  

Contatti | Privacy e cookies policy