Quale dimensione in pixel dovrebbe avere una landing page standard?
Landing page ben progettate lasciano un'impressione positiva e vendono efficacemente il prodotto o servizio offerto. Usare una dimensione finestra inadatta al dispositivo può rovinare la capacità della pagina di fare buona impressione e spingere il visitatore a chiudere la finestra. Le landing page dovrebbero essere progettate attorno a concetti che attirano gli utenti e spiegano chiaramente il prodotto o servizio. Non sono homepage: i visitatori arrivano cliccando un link o un annuncio.
Dimensioni landing page desktop
Monitor desktop e laptop hanno una vasta gamma di dimensioni e risoluzioni, rendendo più facile puntare al minimo comune denominatore per il dimensionamento. La dimensione media dello schermo cresce, ma la maggior parte ha almeno risoluzione 1024x768. Landing page desktop con larghezza 960 pixel funzionano su quasi tutti i monitor. Contenuti entro 720 pixel di altezza si visualizzano sicuramente al caricamento. La larghezza è molto più importante dell'altezza perché gli utenti desktop possono scorrere verso il basso. Puoi sempre fare una pagina più piccola sacrificando spazio.
Progettazione per dispositivi mobili
Una landing page desktop grande non funziona su mobile: il contenuto esce dai lati o si riduce a dimensioni illeggibili. I dispositivi mobili rientrano nella categoria "schermo piccolo" con larghezza sicura di circa 320 pixel. Sebbene alcuni abbiano schermi più grandi, una landing page progettata per 320 pixel di larghezza si visualizza bene sulla maggior parte. Come per i desktop, l'altezza è secondaria; però puoi inserire circa 426 pixel verticali di contenuto visibile contemporaneamente.
Personalizzazione per tablet
Puoi sviluppare landing page personalizzate per tablet; tuttavia, landing page desktop a 960 pixel si adattano a tablet grandi. Tablet piccoli da 7 pollici solitamente hanno schermi 640 pixel: pagine per 960 pixel si riducono di circa un terzo. Poiché puoi visualizzare contenuto piccolo su schermo grande senza perdere qualità e leggibilità, progettare landing page tablet con larghezza 640 pixel e altezza 480 pixel funziona su tutti i dispositivi. Utenti tablet piccoli possono usare orientamento orizzontale, quelli grandi verticale, rendendo la larghezza 640 pixel adatta a entrambi.
Passa al design responsivo
Puoi evitare di creare landing page diverse per dispositivi diversi e usare media query e design responsivo per costruire una pagina che riordina i contenuti in base alla dimensione dello schermo del visitatore. Landing page responsivi possono essere configurati per spostare e ridimensionare contenuti a diverse fasce di risoluzione, permettendo una visualizzazione confortevole su qualsiasi schermo.