No Wi-Fi rápido do escritório, o carregamento parece bom. Usuários estão em trens, em elevadores e em celulares antigos. Teste cada tela que busca dados em condições ruins.
Como simular redes lentas
- Emulador Android: "Extended controls" (controles estendidos), seção "Cellular" (celular): escolha um tipo de rede mais lento e uma intensidade de sinal mais fraca.
- iOS: a Apple oferece ferramentas de condicionamento de rede para desenvolvedores; confira a documentação atual da Apple para saber onde encontrá-las.
- Qualquer aparelho: um proxy com limitação de velocidade, ou alterne entre Wi-Fi e modo avião durante uma requisição.
- Teste real: um aparelho com uma barra de sinal, ou um hotspot público lento.
A checklist
- Algo aparece de imediato. - Por quê: uma tela congelada depois de um toque parece bug. - Como checar: limite bastante a rede e toque em um item. Em um instante, aparecem um spinner, um esqueleto ou um placeholder.
- O feedback acompanha a espera. - Por quê: um spinner por um minuto sem nenhuma informação faz o usuário sair. - Como checar: mantenha uma requisição lenta por mais de 10 segundos. Há um texto como "Ainda carregando..." ou um progresso para tarefas longas?
- Existe um timeout e ele termina em uma mensagem. - Por quê: spinners infinitos são um beco sem saída. - Como checar: bloqueie a requisição por completo. Depois de um limite, o app para e mostra um erro com opção de tentar de novo.
- A nova tentativa funciona. - Por quê: é a saída de toda falha de carregamento. - Como checar: faça o carregamento falhar, restaure a rede e tente de novo. O conteúdo aparece sem sair da tela.
- Sair da tela cancela ou ignora a requisição. - Por quê: respostas atrasadas podem travar o app ou atualizar a tela errada. - Como checar: inicie um carregamento lento, volte e espere. Nenhum travamento, nenhum dado antigo aparecendo em outra tela.
- Toques repetidos não empilham requisições. - Por quê: usuários impacientes tocam de novo e geram duplicatas. - Como checar: toque repetidamente em carregar, atualizar ou enviar em uma conexão lenta. Uma única requisição, ou as posteriores substituem as anteriores.
- Puxar para atualizar se comporta. - Por quê: indicador que nunca termina ou conteúdo duplicado é comum. - Como checar: puxe para atualizar em redes lentas e com falhas. O indicador para e a lista não é duplicada.
- Conteúdo parcial. - Por quê: uma parte lenta não deve bloquear a tela inteira. - Como checar: atrase uma de várias requisições. O restante aparece, e a parte lenta tem seu próprio placeholder ou erro.
- Conteúdo em cache x atualizado. - Por quê: dados antigos mostrados em silêncio confundem, e uma tela em branco quando há cache é desperdício. - Como checar: abra uma tela uma vez online e depois offline. O conteúdo em cache aparece e é marcado como possivelmente desatualizado, se isso importar.
- Paginação e rolagem infinita.
- Por quê: a próxima página pode falhar ou terminar sem aviso.
- Como checar: role até o fim em uma rede lenta e com uma página que falha. Devem aparecer um indicador de carregamento no rodapé, uma opção de tentar de novo e um estado de fim da lista.
- Uploads e downloads mostram progresso e podem ser cancelados.
- Por quê: o usuário precisa saber que está funcionando e poder parar.
- Como checar: envie um arquivo grande em uma conexão lenta, cancele no meio e tente de novo. Nenhum item pela metade fica para trás.
- App em segundo plano durante um carregamento.
- Por quê: o sistema pode pausar ou encerrar o app.
- Como checar: inicie um carregamento, troque de app por um minuto e volte. Ele retoma ou recomeça de forma limpa.
- Placeholders de carregamento não saltam.
- Por quê: mudanças de layout fazem o usuário tocar errado.
- Como checar: observe a transição do esqueleto para o conteúdo; os elementos não se mexem sob o dedo.
- Leitor de tela anuncia carregamento e conclusão.
- Por quê: um carregamento silencioso deixa usuários cegos sem saber o que acontece.
- Como checar: com o leitor de tela ligado, confirme que "carregando" e "carregado" são anunciados ou que o foco vai para o novo conteúdo.
Relacionados
De volta a todas as checklists · Checklist de busca e filtro · Checklist da tela de configurações
Um testador com conexão ruim encontra o que o Wi-Fi do escritório esconde. Comece aqui: feedback privado e estruturado; 1 feedback = 1 crédito.