Como melhorar telas de carregamento no UX
Aprenda a tornar telas de carregamento mais agradáveis e úteis, melhorando a experiência do usuário.
Nossa paciência está cada vez menor, especialmente entre o público jovem. Designers de UX precisam considerar essa impaciência na criação de experiências de produto. O tempo de espera percebido é significativamente maior do que o tempo real devido ao tédio.
As telas de carregamento podem ser tornadas mais agradáveis de duas maneiras principais: tornando-as divertidas ou úteis.
Como tornar o tempo de espera divertido
Pequenas mudanças podem tornar a espera mais divertida, como:
Crie spinners alegres
Spinners de carregamento são comuns, mas podem ser criativos e cativantes. Um spinner envolvente pode fazer dez segundos parecerem dois.
Padrões de esqueleto mostram progresso enquanto capturam atenção. Eles ajudam a melhorar a UX ao mitigar frustrações associadas a telas totalmente em branco.
Mostre o valor acontecendo em segundo plano
Por vezes, o tempo de espera significa que algo valioso está acontecendo no segundo plano. Mostre isso aos usuários para criar uma sensação de progresso.
Como tornar o tempo de espera útil
Se os usuários precisam esperar, por que não deixá-los fazer algo útil? A indústria de jogos usa telas de carregamento para oferecer dicas e truques, como no Sims 4.
Use telas de carregamento para dicas
Ofereça dicas sobre como aproveitar melhor o seu produto. Isso pode ser aplicado a quase qualquer produto, especialmente aqueles com curva de aprendizado.
Informe quanto tempo levará
Inclua sempre uma estimativa de tempo para esperas mais longas. Os usuários não devem adivinhar se têm tempo para um café ou se tudo ficará pronto em 20 segundos.
Experimente estados de carregamento mais interessantes do que apenas o logotipo, como animações ou citações motivacionais.
Tempo de espera e acessibilidade
Ao trabalhar na experiência de espera, não se esqueça da acessibilidade, especialmente para usuários com deficiência visual. Para tempos de espera mais longos, suporte dedicado é essencial.
Escolhendo a melhor abordagem para o tempo de espera
Existem muitas maneiras de projetar um tempo de espera interessante. A escolha geralmente depende do tempo de espera real.
Dica Pro — Ao avaliar o tempo de espera, use o mesmo tipo de rede que a maioria dos seus usuários (WiFi/5G/LTE/3G).
Vale a pena investir na interface de carregamento?
Na maioria dos produtos, os usuários passam menos de 1% do tempo em um “estado de espera”. Se você está em estágio inicial, caçando o ajuste do produto ao mercado, o tempo de espera provavelmente não deve ser sua prioridade. Mas para produtos maduros, até pequenas melhorias podem significar grandes retornos.
Dicas para melhorar as experiências de espera
- Seja criativo com spinners
- Use telas de esqueleto
- Mostre o que acontece no segundo plano
- Transforme o tempo de espera em tempo de aprendizado
- Sempre inclua ETAs para esperas mais longas
- Alinhe a experiência de espera ao valor do produto
