Site responsivo: o que testar além de reduzir o ecrã
Um site responsivo deve permitir ler, navegar e enviar formulários no telemóvel. Teste conteúdos, controlos e carregamento durante uma tarefa real.
O site cabe no ecrã do telemóvel, mas o menu tapa o botão de contacto. Ao abrir o formulário, o teclado esconde a mensagem de erro. A página parece adaptada numa captura de ecrã e continua difícil de utilizar.
A responsividade deve ser avaliada durante uma tarefa. O design precisa de reorganizar conteúdos e controlos sem obrigar o visitante a adivinhar onde tocar, ler frases cortadas ou abandonar uma ação a meio.
Comece por um pedido real
Escolha uma tarefa importante, como encontrar um serviço e enviar um pedido. Faça o percurso num telemóvel, sem instruções adicionais. Registe onde foi necessário ampliar, voltar atrás para recuperar informação ou fechar um elemento que estava a tapar outro.
Repita em larguras diferentes e com o aparelho na horizontal. Não é preciso criar um design para cada modelo de telefone; é preciso descobrir onde o conteúdo deixa de funcionar. Títulos longos, outros idiomas e mensagens de validação revelam problemas que uma página vazia esconde.
Leia os conteúdos, não apenas os títulos
Verifique parágrafos, listas, tabelas e legendas. Imagens com texto podem tornar-se ilegíveis quando reduzidas. Uma explicação em HTML ou um diagrama adaptado pode ser mais útil do que exigir que o leitor amplie toda a figura.
O critério de refluxo da WCAG trata de preservar informação e funcionalidades sem deslocamento em duas direções, com exceções para conteúdos que precisam desse formato.
Aumente o texto no navegador e observe a reorganização dos componentes. Uma altura fixa pode cortar um botão ou uma mensagem quando a letra cresce. Inclua elementos fixos, como avisos de cookies, chat e publicidade, na verificação.
Use menus e formulários até ao fim
Abra e feche o menu, mude de página, regresse e tente navegar com teclado. O foco deve continuar identificável. No formulário, verifique campos obrigatórios, teclados adequados aos dados pedidos e mensagens de erro próximas do problema.
Envie um pedido de teste e confirme a receção. Um botão que muda de cor não comprova o envio. Se a ligação falhar, a pessoa deve perceber o que aconteceu e conseguir repetir sem reconstruir toda a mensagem.
Observe o carregamento em condições de utilização
Não dependa apenas do Wi-Fi rápido do escritório. Veja quando aparece a informação principal e se a página se desloca enquanto carregam imagens, tipos de letra e anúncios. Reserve espaço para esses elementos e investigue ficheiros excessivos antes de acrescentar efeitos.
As ferramentas de desempenho ajudam a localizar problemas, mas uma pontuação isolada não descreve toda a experiência. Registe a página, o aparelho ou a simulação, as condições de rede e o resultado. Assim, poderá comparar uma correção de forma clara.
O que isto tem a ver com pesquisa e vendas
O Google indica que usa a versão móvel do conteúdo para indexação e classificação. Não retire informação essencial apenas para encurtar o design móvel.
O efeito nas vendas deve ser medido no próprio negócio. Corrigir um formulário remove um obstáculo; não cria procura nem garante receitas automaticamente. Acompanhe se as pessoas concluem as tarefas e se os contactos correspondem à oferta. São essas observações que orientam as próximas melhorias.
Se recebe tráfego de campanha, reveja também o percurso completo de uma landing page.
Sobre o autor
Tiago F SantiagoComentários
Ainda sem comentários
Partilhe uma dúvida ou experiência relacionada com o artigo.
Artigos relacionados
