Carregamento (loading)

O tempo e o processo entre a ação da pessoa e a resposta do sistema, que pede um sinal claro pra não frustrar.

Hard

O que é

Carregamento é o intervalo em que o sistema busca, processa ou renderiza o que foi pedido. Abrir um site, subir um arquivo, gerar um relatório: tudo isso tem esse momento de espera. E a qualidade da comunicação nesse intervalo afeta direto a confiança e a percepção de velocidade.

Na prática, a pessoa não liga pra diferença técnica entre buscar dado e processar dado. O que ela quer é um sinal reassegurador de que o sistema está realmente trabalhando. Por isso o estado de carregamento, com spinner, barra ou skeleton, é parte do desenho, e não um detalhe que se resolve depois.

Escolher o sinal certo faz diferença. O skeleton dá uma prévia da estrutura e encurta a espera percebida. A barra serve bem quando há etapas medíveis. O spinner cobre a espera curta e incerta. E a acessibilidade pede anúncio pro leitor de tela e foco previsível, porque, sem isso, a pessoa acha que o sistema travou.

Em uma frase

No pagamento a gente precisa de um "processando" claro, senão a pessoa clica de novo e gera cobrança dupla.

A pergunta que ele responde

O que eu mostro nesse intervalo de espera pra pessoa não achar que o sistema quebrou?

Quando usar

Ajuda sempre que houver espera entre a ação e a resposta, e mais ainda em tarefa crítica, como pagamento, em que a incerteza pode levar a pessoa a repetir uma ação que não devia repetir.

Como não usar

O cuidado é não deixar a tela parada sem nenhum sinal. Sem feedback, a pessoa acha que quebrou, repete a ação e, em alguns casos, provoca um erro que não existia antes.

Na prática

Pense numa transação financeira em que o time garante uma mensagem clara de "processando". Esse aviso evita que a pessoa clique de novo achando que falhou, o que poderia até gerar uma cobrança dupla.

Não confunda com

Vale separar carregamento de processamento. O carregamento é buscar conteúdo de um servidor, ou seja, trazer algo de fora. O processamento é transformar dado por cálculo, fazendo um trabalho interno. Um vai buscar, o outro elabora, e às vezes os dois acontecem na mesma espera.

Design

Em inglês

Pronúncia

lôu-din

Também chamado de

loading, estado de carregamento

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre tempo de resposta