Atenha-se ao formato real do conteúdo
Use esqueleto ao conhecer a estrutura do conteúdo; Não significa que os dados estejam disponíveis.
Esqueleto Sistema de projeto
Indica o conteúdo futuro sem fazer com que o layout salte.
Conteúdo do checklist
Progresso da revisão
01
Estrutura e significado
Compare as informações e a apresentação no contexto de uso.
02
Interação e usabilidade
Experimente a operação, altere o status e continue trabalhando.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Como revisar
EXEMPLOS
Exemplos de uso
Atenha-se ao formato real do conteúdo
O cartão de resultados de carregamento possui uma área de imagem, título e duas linhas de descrição.
Variantes e casos de uso
Estrutura provisória fiel ao conteúdo
Posicionar os espaços provisórios conforme as áreas de imagem e texto que aparecerão, evitando mudanças de layout na substituição.
Comparar a estrutura de espera com dados reais e títulos longos: a altura principal deve permanecer estável.
Exemplo O cartão de foto tem uma área quadrada e um rodapé de autor iguais aos do cartão carregado.
Nome de exibiçãoAtivoForma conforme o tipo de dado
Usar círculos, linhas de texto ou blocos de imagem conforme a função, em vez de um bloco grande para tudo.
Testar uma lista com avatares e fotos: deve ser possível antecipar o conteúdo que aparecerá.
Exemplo O avatar provisório tem forma circular, o título usa uma linha curta e a foto tem uma área quadrada.