Gerçek içerik yüklenirken içeriğin şeklini gösteren web tasarım modelinin adı nedir?


12

Tek Sayfa Uygulaması (SPA) sitelerinin içeriğini yüklemeden önce site düzenini yüklemesi ve görüntülemesi oldukça yaygındır. Son zamanlarda, sadece bir bekle spinner veya "Yükleniyor ..." mesajı göstermek yerine, birçok tez sitesinin içeriğin dolduracağı şablonu / düzeni, düz geometrik ile doldurulmuş metin ve görüntüleri gösterdiğini fark ettim. şekiller.

Slack Örneği

İyi bir örüntü gibi görünüyor çünkü küçük bir bekleme metni satırı, büyük bir mesaj dökümü veya herhangi bir şeyle değiştirilmekten daha az sarsıcı. Deseni okumak istiyorum, belki de sitemde daha kolay yapmak için bir kütüphane bulmak istiyorum, ancak ne diyeceğimi bilmiyorum ve web'de etkili bir şekilde arama yapmak için yeterince açıklamakta bile sorun yaşıyorum . Bulabildiğim en yakın örnek , uygulamaya belirli bir isim vermeyen bu eski yazıydı .

"Yer tutucu" aklıma gelen ilk şey, ancak elbette <input>etiketlerin gerçek bir placeholdlerözelliği var ve birçok insan dolgu metni veya diğer içerik (Lorem Ipsum, Kitten Ipsum ve benzeri) hakkında soruyor, bu yüzden sonuçlar yararsız olma eğilimindedir . Endüstrinin bu uygulama için benzersiz, açıklayıcı bir isim üzerinde anlaştığını umuyorum ve henüz bulamadım.


2
makaleniz "içerik yer tutucusu" diyor; bu ismin nesi var? Bunun için bir "resmi ad" olduğundan emin değilim
Luciano

Belirli bir dize kullanarak birkaç söz (genellikle Facebook adıyla çağırıyor) görüyorum. En iyi ipucu bu kütüphane ama Açısal bildirici / reaktif modele iyi uyduğunu sanmıyorum. Kazmaya devam edeceğim, teşekkürler.
Coderer

1
@Luciano Sorun "içerik yer tutucusunun" kolayca Lorem Ipsum ve benzeri şeyler olabilmesidir. Bu aynı zamanda grafik tasarım yararlıdır, bu nedenle terim olan belirsiz.
'

Yanıtlar:


18

Benim başıma gelen ilk şey, örneğinizde gösterilen tip önerisine kesinlikle yunanca denirdi .

“Ekranların yüklenmesinde kullanılan yunanca” araması beni bu UX tekniği ve özellikle bu içeriğe İçerik Yer Tutucusu olarak atıfta bulunan makaleyle ilgili birçok makaleye götürdü .

Bence herhangi bir terim kadar iyi.

Yani özellikle burada yunan ve imaj Yer Tutucularınız var ve her şey birlikte bir İçerik Yer Tutucu olarak adlandırılabilir .


2
ilginç, "Yunanca" teriminin kökeninin ne olduğunu merak ediyorum ...
Digital Lightcraft

1
@DigitalLightcraft 'Hepsi benim için Yunanca' ifadesiyle ilgisi olabilir. Daha fazla bilgi için İngilizce'ye soru sormaktan çekinmeyin.SE : P
Vincent

Yardımcı olabildiğime sevindim, evet "yunan" kökenleri bana bilinmiyor, bu ilginç.
mayersdesign

2
Kökeni lorem ipsum ile ilgili ilginç bir bit: "Yunanlı (kukla metin de denir) kullanımı, sayfa tasarımcılarının gerçek içeriği dikkat dağıtıcı olarak davranmadan bir sayfaya metin yerleştirmesine izin verir. İlk olarak 20. yüzyılın ortalarında kullanıldı. Metin, yazılarına hayran olan bir Roma lideri olan Cicero'nun sözlerine dayanıyordu, konuştuğu ve yazdığı dil Yunancadan ziyade Latince idi, bu yüzden bu kukla metnin ismi yanıltıcı. " kaynak
Jamie Bull


2

Geliştirici içerik arkadaşlarınızdan bazıları buna Facebook'un ışıltı efekti diyebilir , çünkü Facebook içerik yer tutucu tekniğini hafif bir parıltılı efektle popülerleştirdi ve kodlarını açık kaynaklı hale getirdi .

Işıltı efektinin amacı, gerçek içeriğin hala yüklendiğini belirtmektir, böylece kullanıcılar sayfanın sıkışıp kaldığını ve yenilendiğini düşünmez.

resim açıklamasını buraya girin


-1

Bu kalıbı kullandığımda buna iskelet sayfası adını verdik. Dinamik içerik üreten büyük sayfalar için çok kullanışlıdır.


4
Bu mevcut cevaplara nasıl katkıda bulunur? Görünüşe göre Coderer zaten "iskelet" teriminden bahsetti
Zach Saucier

Grafik Tasarıma Hoş Geldiniz! Yeterli bir itibara sahipseniz , doğru olduğunu düşündüğünüz cevabı iptal edebilirsiniz . Alternatif olarak, soruyu favori olarak "yıldızla" işaretleyin ve yeni yanıtlar size bildirilir.
Luciano

-4

Bunlara iskelet ekran deniyor.


Merhaba NIck, GD.SE'ye hoş geldiniz. Lütfen diğer yanıtlarda daha önce bahsedilen bilgileri çift göndermeyin. Teşekkürler!
Vincent
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.