Web Napoli Agency

Che cos'è il Viewport?

Il viewport è l'area visibile all'utente di una pagina web.
Le dimensioni del viewport variano in base al dispositivo atto a navigare sul web e ovviamente saranno più piccole su di un telefono cellulare rispetto a quelle più grandi dello schermo di un computer.

Prima di tablet e telefoni cellulari, le pagine Web erano progettate solo per gli schermi dei computer ed era comune che le pagine Web avessero un design statico e una dimensione fissa. Poi, quando abbiamo iniziato a navigare in Internet utilizzando tablet e telefoni cellulari, le pagine Web di dimensioni fisse erano troppo grandi per adattarsi al viewport dei dispositivi in mobilità. Per risolvere questo problema, i browser su quei dispositivi ridimensionavano l'intera pagina web per adattarla allo schermo. Una soluzione rapida, ma non perfetta!

Gli utenti, sui dispositivi desktop e mobile, sono abituati a scorrere i siti Web verticalmente, ma non orizzontalmente!
Quindi, costringere l'utente allo scorrimento orizzontale della pagina web o "rimpicciolirla" per vedere l'intera pagina Web sulla piccola finestra di uno smartphone, significherebbe fargli vivere una scadente esperienza di navigazione.

Per una soddisfacente esperienza di navigazione, è necessario creare un layout di pagina web adattabile alle diverse dimensioni del viewport dei vari dispositivi, siano essi desktop che mobile.