O construtor de páginas GetCourse permite que você crie e edite páginas do site de acordo com suas necessidades e ao seu gosto. Mas, às vezes, a landing em dispositivos móveis não é exibida da maneira que você esperava.
Em tal situação, em primeiro lugar, vale a pena verificar o texto. Pode ser que, no momento da inserção, o texto tenha "grudado" em blocos grandes devido a espaços rígidos. A remoção de espaços rígidos permite que a página seja exibida corretamente.
Além disso, você pode alterar os blocos especificamente para dispositivos móveis usando a configuração da visibilidade do bloco.
Visibilidade em dispositivos - o bloco ficará visível (oculto), dependendo da resolução da tela do dispositivo a partir do qual o usuário acessou a página.
Resoluções possíveis:
menos do que 320px
320px (iPhone X/XS/6/7/8/SE)
410px (iPhone XR/XS Max/6, 7, 8 Plus)
760px (iPad)
1020px (iPad Pro, iPad comum horizontalmente)
1200px (notebooks)
1600px (monitores grandes)
mais do que 1600px
Adaptando os textos
Sabe-se que, ao navegar em sites a partir de dispositivos móveis, os usuários leem menos, rolando a tela em textos longos.
Portanto, especialmente para dispositivos móveis, o texto requer elaboração, é preciso retirar conteúdos menos importantes, deixando o que for mais significativo.
E é através da configuração da visibilidade dos blocos que alteramos o conteúdo para diferentes tipos de dispositivos.
Atenção para a fonte para textos visíveis apenas no celular. A fonte não deve ser muito pequena nem muito grande, o conteúdo do site deve ser legível.
O usuário não deve precisar tomar medidas adicionais para ler o texto.
Use títulos e frases cativantes.
Adicione também uma imagem ou um fragmento animado ao texto, isso ajudará a prender a atenção do usuário e aumentar a compreensão do texto.
Otimizando imagens
Ao criar a página de destino, você fez uma capa muito bonita e, no computador, ela parece ótima. Mas! quando visualizada a partir de um dispositivo móvel, a página demora muito para carregar, pois tem uma imagem "pesada", de alta resolução e nitidez, nem todos os dispositivos e a velocidade da internet móvel conseguirão baixar a imagem instantaneamente. Enquanto se aguarda o download, haverá um espaço "vazio" na página.
Para evitar isso, é necessário fazer pelo menos dois blocos, um para visualização em computadores e outro para dispositivos móveis. Também é possível fazer um terceiro bloco - para visualização em tablets. E para cada bloco carregar uma imagem apropriada: para computadores, você pode usar imagens de alta resolução, para dispositivos móveis - imagens mais "leves" para que sejam baixadas instantaneamente pelo usuário.
Você pode usar o serviço adaptivator ou o modo de desenvolvedor do seu navegador para verificar a exibição do site em diferentes dispositivos.
Consulte o próximo artigo para saber mais sobre como adaptar manualmente a versão móvel da página.
Por favor, entre com seu usuário