Qual é o nome do padrão de design da web para mostrar a forma do conteúdo enquanto o conteúdo real está sendo carregado?

É bastante comum que sites de aplicativos de página única (SPA) carreguem e exibam o layout do site antes de carregar seu conteúdo. Ultimamente, notei que, em vez de apenas mostrar uma mensagem de espera ou "Carregando ...", muitos sites mostram o modelo / layout que o conteúdo preencherá, com o texto e as imagens preenchidos com linhas geométricas planas. formas.

Parece um bom padrão, porque é menos chocante do que ter uma pequena linha de espera de texto substituída por uma grande quantidade de mensagens ou qualquer outra coisa. Gostaria de ler sobre o padrão, talvez encontrar uma biblioteca para fazê-lo com mais facilidade no meu site, mas não tenho idéia do que chamá-lo, e estou tendo problemas para descrevê-lo de forma sucinta o suficiente para pesquisar na Web de maneira eficaz. . O exemplo mais próximo que pude encontrar foi este artigo antigo, que não dá à prática um nome específico.

"Marcador de posição" é a primeira coisa que pude pensar, mas é claro que as <input>tags agora têm um placeholdleratributo real e muitas pessoas perguntam sobre o texto de preenchimento ou outro conteúdo (Lorem Ipsum, Kitten Ipsum e outros), de modo que os resultados tendem a ser inúteis . Espero que a indústria tenha concordado com um nome exclusivo e descritivo para essa prática e ainda não a encontrei.

A primeira coisa que me ocorreu foi que a sugestão de tipo que está sendo mostrada no seu exemplo é certamente referida como grega .

Pesquisando "greeking usado no carregamento de telas" me levou a vários artigos sobre essa técnica de UX, e especificamente este que se refere ao conceito como um espaço reservado para conteúdo .

Um termo tão bom quanto qualquer outro.

Então, especificamente aqui, você tem espaços reservados gregos e com imagens e, juntos, a coisa toda pode ser chamada de espaço reservado para conteúdo.

A palavra mágica parece ser grega (obrigada!), Mas isso me ajudou a encontrar o termo "Tela do esqueleto", que parece se referir à prática muito específica de criar conteúdo falso para obter a forma geral do aplicativo. Eu acho que a teoria é que ela pode reduzir a ansiedade sobre os tempos de carregamento .

Alguns de seus amigos de desenvolvedores podem se referir a ele como efeito cintilante do Facebook , já que o Facebook popularizou a técnica de espaço reservado para conteúdo com um leve efeito cintilante e criou código aberto .

O objetivo do efeito cintilante é indicar que o conteúdo real ainda está sendo carregado, para que os usuários não pensem que a página está travada e atualizada.

Quando usei esse padrão, chamamos de página esquelética. Super útil para páginas grandes que estão gerando conteúdo dinâmico.

Eles são chamados de telas de esqueleto.