Sito Responsive è una tecnica del web design utilizzata per realizzare siti e applicativi web adattabili e ottimizzati per tutte i dispositivi con monitor di diverse risoluzioni e dimensioni.
Un sito responsive è un sito web in grado di adattarsi graficamente in maniera automatica a qualsiasi dispositivo su cui viene visualizzato (dai pc ai tablet, passando per smartphone e web tv).
In questo modo, un sito web responsive riduce al minimo la necessità dell’utente di ridimensionare l’immagine mostrata sullo schermo e di scorrere tra i vari contenuti per trovare ciò che sta cercando, migliorando la sua esperienza d’uso.
Ma cosa significa “sito responsive”?
- è un sito costruito utilizzando un template grafico che adotta i principi del responsive design
- il responsive design è una tecnica di progettazione grazie alla quale ogni elemento della pagina si adatta automaticamente per essere visualizzato al meglio su ogni dispositivo
- NON è la versione mobile di un sito desktop: il sito è sempre uno, quello che cambia è il modo di presentare i contenuti
- Google approva: tra i diversi modi di realizzare siti mobile friendly, Google consiglia di utilizzare il responsive design
Dal punto di vista visuale, il design responsive è caratterizzato da:
- dimensione del testo abbondanti, per permettere una lettura ottimale ad ogni risoluzione
- elementi selezionabili ben distanziati tra loro: il dito che li deve selezionare dagli schermi touch non deve avere difficoltà
- spaziature generose intorno agli elementi della pagina: facilitano la lettura veloce, che da mobile è un must
- contenuti essenziali: da mobile non c’è tempo da perdere e lo spazio è ridotto, quindi via i fronzoli inutili
- menu “hamburger”, ovvero identificato da tre linee sovrapposte (come un panino stilizzato)