Visualização não disponível para mobile
Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.
Visão geral
O componente de Loading é utilizado para indicar ao usuário que um processo ou operação está em andamento e que ele precisa aguardar até a conclusão. Este componente é crucial para melhorar a experiência do usuário, fornecendo feedback visual sobre o status das operações em tempo real.
Do's and Don'ts
✅ Quando uma operação de carregamento leva mais do que alguns segundos.✅ Durante a inicialização de aplicações ou carregamento de páginas.✅ Ao buscar ou carregar dados dinamicamente, como em requisições de API.✅ Durante o envio ou processamento de formulários.
🚫 Quando a operação é instantânea ou leva apenas uma fração de segundo.🚫 Em operações que não requerem feedback explícito para o usuário.🚫 Evite o uso excessivo, que pode causar distração ou frustração ao usuário.
Tipos de loading
Carregar componente
- Posicione o componente de Loading próximo ao conteúdo ou seção que está sendo carregado.
- Use mensagens claras, como "Carregando..." ou "Aguarde, por favor", para informar ao usuário sobre o estado atual.
- Certifique-se de que o componente de Loading é visualmente distinto e facilmente reconhecível.
Carregar Página
- Posicione o componente de Loading no centro da tela que esta sendo carregado.
- Aplique um background de no fundo para impedir o uso durante o loading
Acessibilidade
- Certifique-se de que o componente de Loading é visível para todos os usuários, incluindo aqueles com deficiências visuais.
Loading
Visão geral
O componente de Loading é utilizado para indicar ao usuário que um processo ou operação está em andamento e que ele precisa aguardar até a conclusão. Este componente é crucial para melhorar a experiência do usuário, fornecendo feedback visual sobre o status das operações em tempo real.
Do's and Don'ts
✅ Quando uma operação de carregamento leva mais do que alguns segundos.✅ Durante a inicialização de aplicações ou carregamento de páginas.✅ Ao buscar ou carregar dados dinamicamente, como em requisições de API.✅ Durante o envio ou processamento de formulários.
🚫 Quando a operação é instantânea ou leva apenas uma fração de segundo.🚫 Em operações que não requerem feedback explícito para o usuário.🚫 Evite o uso excessivo, que pode causar distração ou frustração ao usuário.
Tipos de loading
Carregar componente
- Posicione o componente de Loading próximo ao conteúdo ou seção que está sendo carregado.
- Use mensagens claras, como "Carregando..." ou "Aguarde, por favor", para informar ao usuário sobre o estado atual.
- Certifique-se de que o componente de Loading é visualmente distinto e facilmente reconhecível.
Carregar Página
- Posicione o componente de Loading no centro da tela que esta sendo carregado.
- Aplique um background de no fundo para impedir o uso durante o loading
Acessibilidade
- Certifique-se de que o componente de Loading é visível para todos os usuários, incluindo aqueles com deficiências visuais.