Il est assez courant que les sites SPA (Single Page Application) chargent et affichent la disposition du site avant de charger son contenu. Dernièrement, j'ai remarqué qu'au lieu d'afficher simplement un message d'attente ou un message "Chargement ...", beaucoup de ces sites affichent le modèle / la mise en page que le contenu remplira, avec le texte et les images remplis de géométrie plate formes.
Cela semble être un bon modèle car c'est moins choquant que d'avoir une petite ligne de texte d'attente remplacée par un gros vidage de messages ou autre. J'aimerais lire le modèle, peut-être trouver une bibliothèque pour le faire plus facilement sur mon site, mais je n'ai aucune idée de comment l'appeler, et j'ai même du mal à le décrire assez succinctement pour effectuer une recherche efficace sur le Web . L'exemple le plus proche que j'ai pu trouver était cet ancien article qui ne donne pas à la pratique un nom spécifique.
"Placeholder" est la première chose à laquelle je pouvais penser, mais bien sûr, les <input>balises ont maintenant un placeholdlerattribut réel et beaucoup de gens posent des questions sur le texte de remplissage ou autre contenu (Lorem Ipsum, Kitten Ipsum, etc.), donc les résultats ont tendance à être inutiles . J'espère que l'industrie a convenu d'un nom descriptif unique pour cette pratique et je ne l'ai pas encore trouvé.
la source
Réponses:
La première chose qui m'est venue à l' esprit est que la suggestion de type affichée dans votre exemple est certainement appelée greeking .
La recherche de «greeking utilisé dans les écrans de chargement» m'a amené à plusieurs articles sur cette technique UX, et plus précisément celui-ci qui fait référence au concept comme un espace réservé de contenu .
Un terme aussi bon que tout je pense.
Donc, spécifiquement ici, vous avez des espaces réservés greeking et image et ensemble, le tout peut être appelé espace réservé de contenu.
la source
Le mot magique semble être grec (merci!), Mais cela m'a aidé à trouver le terme "écran de squelette", qui semble se référer à la pratique très spécifique de la présentation d' un contenu factice pour obtenir la forme générale de l'application. Je suppose que la théorie est que cela peut réduire l'anxiété au sujet des temps de chargement .
la source
Certains de vos amis de développeur peut s'y référer comme effet de Facebook miroitement , puisque Facebook a popularisé la technique de l' espace réservé contenu avec un léger effet chatoyant et source ouvert leur code .
Le but de l'effet miroitant est d'indiquer que le contenu réel est toujours en cours de chargement, de sorte que les utilisateurs ne pensent pas que la page est bloquée et rafraîchie.
la source
Quand j'ai utilisé ce modèle, nous l'avons appelé une page squelette. Super utile pour les grandes pages qui génèrent du contenu dynamique.
la source
On les appelle des écrans squelettes.
la source