Che dimensioni dovrebbe avere la mia pagina di destinazione standard in pixel?
Le pagine di destinazione ben progettate lasciano un'impressione positiva e vendono efficacemente il prodotto o il servizio che offri sul tuo sito web. L'utilizzo di una dimensione della finestra inappropriata per il dispositivo può rovinare la capacità di una pagina di destinazione di lasciare una buona impressione e indurre il visitatore a fare clic sulla "X" per chiudere la finestra. Le pagine di destinazione dovrebbero essere progettate attorno a concetti che attirino gli utenti e spieghino chiaramente il prodotto o servizio. Le pagine di destinazione non sono home page:i visitatori arrivano alle pagine di destinazione facendo clic su un collegamento o su un annuncio pubblicitario.
Dimensioni della pagina di destinazione del desktop
I monitor per desktop e laptop sono disponibili in una vasta gamma di dimensioni e risoluzioni, rendendo più facile fare appello al minimo comune denominatore quando si ridimensiona la pagina di destinazione. La dimensione media dello schermo continua a crescere, ma la maggior parte dei monitor ha una risoluzione di almeno 1024 x 768. Le pagine di destinazione desktop con una larghezza di 960 pixel funzioneranno su quasi tutti i monitor di computer. Qualsiasi contenuto della pagina di destinazione all'interno dell'altezza di 720 pixel verrà visualizzato in modo sicuro sullo schermo al caricamento della pagina. La larghezza di una pagina di destinazione desktop è molto più importante dell'altezza perché gli utenti desktop possono scorrere lo schermo verso il basso per visualizzare contenuti aggiuntivi. Puoi sempre creare una pagina più piccola e sacrificare lo spazio sullo schermo.
Progettazione per dispositivi mobili
Una pagina di destinazione desktop di grandi dimensioni non funzionerà sui dispositivi mobili:il contenuto si sporcherà lateralmente o si ridurrà a dimensioni illeggibili. I dispositivi mobili rientrano nella categoria delle dimensioni dello schermo "piccolo" e presentano una larghezza di risoluzione sicura di circa 320 pixel. Sebbene alcuni dispositivi mobili abbiano schermi più grandi, qualsiasi pagina di destinazione progettata per una larghezza di 320 pixel verrà visualizzata bene sulla maggior parte dei dispositivi mobili. Come per i desktop, l'altezza è una preoccupazione secondaria per le pagine di destinazione mobili; tuttavia, puoi adattare circa 426 pixel verticali di contenuto sullo schermo contemporaneamente.
Personalizza per dispositivi tablet
Puoi sviluppare landing page personalizzate per siti tablet; tuttavia, le pagine di destinazione desktop con larghezza di 960 pixel si adatteranno a dispositivi tablet più grandi. I tablet più piccoli nella gamma da 7 pollici di solito sono dotati di schermi larghi 640 pixel:le pagine di destinazione progettate per schermi larghi 960 pixel verranno ridimensionate di circa un terzo per adattarsi allo schermo più piccolo. Poiché puoi visualizzare contenuti più piccoli su uno schermo più grande senza sacrificare qualità e leggibilità, la progettazione di pagine di destinazione per tablet con una larghezza di 640 pixel e un'altezza di 480 pixel funzionerà su tutti i dispositivi. Gli utenti di tablet più piccoli possono scegliere di tenere il dispositivo in modalità orizzontale, mentre gli utenti di tablet più grandi terranno il dispositivo in modalità verticale, in modo che la larghezza di 640 pixel soddisfi entrambe le dimensioni dello schermo.
Passa al design reattivo
Puoi rinunciare a creare pagine di destinazione diverse per dispositivi diversi e utilizzare invece query multimediali e un concetto di design reattivo per creare una pagina che riorganizza i contenuti in base alle dimensioni dello schermo del visitatore. Le pagine di destinazione dal design reattivo possono essere configurate per spostare i contenuti e modificare le dimensioni dei contenuti a diversi intervalli di risoluzione, consentendo ai contenuti di essere visualizzati comodamente su qualsiasi schermo.