Qualidade móvel inclui texto legível, controles acessíveis, menu claro e formulário utilizável. A compatibilidade móvel deve ser avaliada pelo que a pessoa consegue fazer. Preencha o formulário em um celular estreito sem rolagem lateral. Uma captura de computador não valida a interação móvel.
Teste tarefas reais num telefone
A compatibilidade móvel deve ser avaliada pelo que a pessoa consegue fazer. Abrir um menu, ler uma explicação, comparar opções e enviar um formulário são tarefas mais reveladoras do que uma captura de ecrã. Um layout pode parecer correto e falhar quando aparece o teclado ou um texto mais longo.
Comece pelo percurso principal e use conteúdo final. Títulos extensos, endereços de email longos e mensagens de validação mostram problemas que exemplos curtos escondem. Verifique se existe deslocamento horizontal inesperado e se a ampliação de texto mantém informação e ações acessíveis. O tamanho da janela é apenas uma das condições.
Use pelo menos um dispositivo real quando possível. Uma barra fixa pode cobrir o botão de envio depois de abrir o teclado. Uma interação baseada em passar o rato pode não ter equivalente por toque. Esses detalhes exigem experimentar a sequência completa, incluindo voltar, corrigir e tentar novamente.
Verifique leitura, toque e orientação
A hierarquia deve continuar clara num espaço estreito. Texto demasiado pequeno, contraste insuficiente e linhas comprimidas dificultam a leitura. Não use cor como único sinal de estado. Um erro precisa de explicação textual, e uma seleção deve ser identificável sem depender apenas de uma mudança subtil de tom.
Observe a distância entre alvos de toque. Ligações pequenas muito próximas podem provocar escolhas erradas. A área clicável deve corresponder ao espaço que parece interativo. Menus e janelas precisam de ter um fecho acessível e uma sequência de foco previsível para quem utiliza teclado ou tecnologia de assistência.
Imagens também exigem revisão. Um recorte automático pode eliminar a parte relevante de uma fotografia. Declare dimensões e escolha proporções adequadas para reduzir alterações de layout. A informação essencial não deve depender de conseguir ampliar uma imagem de texto.
Inclua falhas e recuperação na aceitação
No formulário, teste campos vazios, email inválido e perda de ligação. As mensagens devem explicar como corrigir o problema e permanecer próximas do campo correspondente. Os dados já introduzidos não devem desaparecer sem necessidade. Uma tentativa falhada não deveria obrigar a recomeçar toda a solicitação.
Verifique o estado durante o envio. A pessoa precisa de saber que a operação está em curso, e cliques repetidos não devem criar registos duplicados. A confirmação deve aparecer depois de o servidor guardar o pedido. A experiência móvel inclui a confiança de que a ação foi concluída.
Registe os problemas com página, dispositivo e passos de reprodução. Corrigir um defeito concreto é mais simples do que responder à observação vaga de que “o mobile está estranho”. A verificação termina quando o percurso funciona com conteúdo real e permite recuperar de erros, mantendo legibilidade e acesso aos controlos. Inclua uma verificação após rodar o dispositivo e voltar ao formulário. A mudança de orientação não deveria apagar valores nem deixar uma janela fora da área visível. Esse caso simples pode revelar problemas de posicionamento.
Lista prática
- Testar navegação
- Provocar erros
- Verificar zoom
Um exemplo concreto: Preencha o formulário em um celular estreito sem rolagem lateral.
Um limite importante: Uma captura de computador não valida a interação móvel.
