Landing pages bem desenhadas causam boa impressão e vendem efetivamente seu produto ou serviço. Usar tamanho inadequado ao dispositivo pode arruinar a capacidade de causar boa impressão e levar o visitante a fechar a janela. Landing pages devem ser desenhadas em torno de conceitos que atraiam usuários e expliquem claramente o produto. Landing pages não são homepages: visitantes chegam clicando em link ou anúncio.
Monitores desktop e laptop vêm em enorme variedade de tamanhos e resoluções, facilitando apelar ao menor denominador comum ao dimensionar sua landing page. O tamanho médio de tela cresce, mas a maioria tem pelo menos resolução 1024x768. Landing pages desktop com largura de 960 pixels funcionam em quase qualquer monitor. Conteúdo dentro de 720 pixels de altura será exibido com segurança no carregamento. A largura é mais importante que a altura porque usuários desktop podem rolar para ver mais. Pode sempre fazer página menor sacrificando espaço.
Uma landing page grande não funciona em mobile: conteúdo transborda ou encolhe para tamanho ilegível. Dispositivos móveis se encaixam na categoria "pequena" com largura segura de ~320 pixels. Embora alguns tenham telas maiores, qualquer landing page para 320px de largura exibirá bem na maioria. Como no desktop, altura é secundária; porém, cabem ~426 pixels verticais na tela de uma vez.
Pode desenvolver landing pages personalizadas para tablets; porém, páginas desktop de 960px cabem em tablets maiores. Tablets menores (~7 polegadas) costumam ter 640px de largura: páginas para 940px escalam ~1/3 para caber. Como pode exibir conteúdo menor em tela maior sem perder qualidade, desenhar landing pages para tablet com 640px largura e 480px altura funciona em todos. Usuários de tablets menores podem usar modo paisagem, maiores modo retrato, fazendo 640px acomodar ambos.
Pode evitar fazer landing pages diferentes para cada dispositivo e usar media queries e design responsivo para construir página que reorganiza conteúdo dependendo do tamanho da tela do visitante. Landing pages responsivas podem mover conteúdo e mudar tamanhos em diferentes faixas de resolução, permitindo exibição confortável em qualquer tela.
Tecnologia Eletrônica © [www.351231.com]
