Es bastante común que los sitios de aplicación de página única (SPA) carguen y muestren el diseño del sitio antes de cargar su contenido. Últimamente, me he dado cuenta de que, en lugar de mostrar un mensaje de espera o "Cargando ...", muchos de estos sitios muestran la plantilla / diseño que el contenido se completará, con el texto y las imágenes rellenos con geometría plana formas
Parece un buen patrón porque es menos discordante que tener una pequeña línea de texto de espera reemplazada por un gran volcado de mensajes o lo que sea. Me gustaría leer sobre el patrón, tal vez encontrar una biblioteca para hacerlo más fácilmente en mi sitio, pero no tengo idea de cómo llamarlo, y tengo problemas incluso para describirlo de manera sucinta como para buscar en la web de manera efectiva . El ejemplo más cercano que pude encontrar fue este viejo artículo que no le da a la práctica un nombre específico.
"Marcador de posición" es lo primero que se me ocurre, pero por supuesto las <input>
etiquetas ahora tienen un placeholdler
atributo real y mucha gente pregunta sobre el texto de relleno u otro contenido (Lorem Ipsum, Kitten Ipsum y similares) por lo que los resultados tienden a ser inútiles . Espero que la industria haya acordado un nombre único y descriptivo para esta práctica y todavía no lo he encontrado.
fuente
Respuestas:
Lo primero que se me ocurrió fue que la sugerencia de tipo que se muestra en su ejemplo se conoce como griego .
La búsqueda de "uso griego en las pantallas de carga" me llevó a varios artículos sobre esta técnica UX, y específicamente a este que se refiere al concepto como un marcador de posición de contenido .
Tan buen término como cualquiera, creo.
Entonces, específicamente aquí tienes marcadores de posición de imagen y de Grecia y, en conjunto, todo esto puede denominarse marcador de posición de contenido.
fuente
La palabra mágica parece ser griega (¡gracias!), Pero eso me ayudó a encontrar el término "Pantalla de esqueleto", que parece referirse a la práctica muy específica de presentar contenido simulado para obtener la forma general de la aplicación. Supongo que la teoría es que puede reducir la ansiedad sobre los tiempos de carga .
fuente
Algunos de sus amigos desarrolladores pueden referirse a él como el efecto de brillo de Facebook , ya que Facebook popularizó la técnica de marcador de posición de contenido con un ligero efecto de brillo y su código de fuente abierta .
El objetivo del efecto de brillo es indicar que el contenido real todavía se está cargando, para que los usuarios no piensen que la página está atascada y se actualiza.
fuente
Cuando usé este patrón, lo llamamos una página esqueleto. Súper útil para páginas grandes que generan contenido dinámico.
fuente
Se llaman pantallas de esqueleto.
fuente