Skeleton screens que reproduzem o layout superam spinners na espera percebida apenas em carregamentos curtos

Hipótese

Numa seção de página cujos dados chegam em poucos segundos, um skeleton screen (blocos cinzentos nas posições do texto e das imagens que virão, sem deslocamento de layout quando o conteúdo aparece) é avaliado como mais rápido e menos irritante do que um spinner que cobre a mesma área, mesmo quando a espera real é idêntica. Para esperas claramente mais longas, a ordem se inverte: um spinner com mensagem ou indicação de progresso é avaliado melhor do que um skeleton, porque um skeleton estático parece uma página quebrada e não comunica nem progresso nem uma estimativa.

Previsão

1. Em comparações pareadas com tempos de espera idênticos, os participantes escolhem a variante com skeleton como a "mais rápida" com mais frequência nas esperas curtas, e a variante de spinner com mensagem com mais frequência nas esperas longas, com um ponto de cruzamento em algum lugar entre as duas.
2. Skeletons que não correspondem ao layout final (número de linhas errado, proporção de imagem errada) perdem a vantagem nas esperas curtas, porque o deslocamento do conteúdo na chegada é, por si só, sentido como um atraso.
3. Acrescentar um pulso sutil ao skeleton melhora um pouco as avaliações nas esperas curtas, mas não altera o resultado nas esperas longas; acrescentar uma linha de status explícita ("Loading 40 results…") ajuda nas esperas longas, independentemente do visual.

Teste proposto

1. Construir uma página de lista com quatro tratamentos de carregamento: skeleton estático, skeleton com pulso, spinner centralizado e spinner com linha de status. Todos os tratamentos anunciam a conclusão por meio de uma região live role="status" e definem aria-busy no contêiner, de modo que a experiência com tecnologia assistiva seja mantida constante.
2. Servir o mesmo conteúdo com atrasos artificiais em várias durações fixas (por exemplo 0,5 s, 2 s, 5 s, 10 s), em ordem aleatória.
3. Pedir aos participantes, após cada carregamento, que estimem a espera e avaliem a aceitabilidade; registrar o erro de estimativa e a avaliação por tratamento e duração.
4. Comparar os tratamentos dentro de cada duração; o cruzamento, se existir, é a duração em que a vantagem do skeleton desaparece.

Estado

Nenhum resultado é afirmado. O artigo citado do Nielsen Norman Group apresenta os limites clássicos de tempo de resposta (cerca de 1 segundo para manter o fluxo de pensamento ininterrupto, cerca de 10 segundos para manter a atenção, com indicadores de percentual concluído recomendados acima disso) e fundamenta a escolha das durações do teste, mas não compara skeletons com spinners. O ponto de cruzamento, se houver, dependerá do tipo de conteúdo e de o usuário ter iniciado ou não o carregamento. As configurações de redução de movimento devem desativar o pulso em todos os tratamentos.