Як називається шаблон веб-дизайну, який показує форму вмісту під час завантаження фактичного вмісту?


12

Досить поширене для сайтів із застосуванням однієї сторінки (SPA) для завантаження та відображення макета сайту перед завантаженням його вмісту. Останнім часом я помітив, що замість того, щоб просто показувати спінер очікування або повідомлення "Завантажувати ...", багато сайтів тез показують шаблон / макет, який вміст буде заповнювати, при цьому текст і зображення заповнюються плоскою геометричною форми.

Приклад з Slack

Це здається гарним зразком, тому що це менше заклинань, ніж те, що один невеликий рядок тексту очікування замінений великим дампажем повідомлень чи будь-яким іншим. Мені хотілося б прочитати про шаблон, можливо, знайти бібліотеку для того, щоб це було легше робити на моєму сайті, але я не маю уявлення, як це назвати, і у мене виникають проблеми, навіть описуючи його достатньо лаконічно, щоб ефективно шукати в Інтернеті. . Найближчим прикладом я міг знайти цю стару статтю, яка не дає конкретної назви практиці.

"Заполнитель" - це перше, про що я міг придумати, але, звичайно, <input>теги тепер мають фактичний placeholdlerатрибут, і багато людей запитують про текст наповнювача чи інший вміст (Lorem Ipsum, Kitten Ipsum тощо), тому результати, як правило, не є корисними . Я сподіваюся, що галузь погодилася на унікальну, описову назву для цієї практики, і я просто її ще не знайшов.


2
у вашій статті йдеться про "заповнення вмісту"; що з цим ім'ям не так? Я не впевнений, що існує "офіційна назва" для цього
Лучано

Я бачу кілька згадок (як правило, виклик Facebook по імені), використовуючи цю конкретну рядок. Найкраща ведуча - це бібліотека, але я не думаю, що вона добре би відповідала кутовій декларативній / реактивній моделі. Я продовжую копати, дякую.
Кодерер

1
@Luciano Проблема полягає в тому, що "заповненням вмісту" також може бути Lorem Ipsum та подібні речі. Це також корисно в області графічного дизайну, так що термін є неоднозначним.
йо

Відповіді:


18

Перше, що мені прийшло в голову, було те, що пропозицію про тип, показану у вашому прикладі, безумовно, називають привітанням .

Пошук «привітань, що використовуються на екранах завантаження», привів мене до декількох статей про цю техніку UX, а саме про цю, в якій йдеться про концепцію як заповнювача вмісту .

Як хороший термін, як будь-який я думаю.

Отже, тут ви маєте привітатись та зображувати заповнювачів місць, і разом все це можна віднести до власника вмісту вмісту.


2
Цікаво, мені цікаво, з чого походить термін "грекінг" ...
Digital Lightcraft

1
@DigitalLightcraft Might має щось спільне з виразом "для мене це все грецько". Для отримання додаткової інформації, не соромтесь залишити питання на English.SE : P
Vincent

Радий, що можу допомогти, так, джерела «привітань» мені невідомі, я думаю, що це цікаво.
Mayersdesign

2
Цікавий біт щодо походження, пов’язаного з lorem ipsum: "Використання привітання (також його називають фіктивним текстом) дозволяє дизайнерам сторінок розміщувати текст на сторінці без фактичного вмісту, який відволікає увагу. Історія привітань незрозуміла, але це було вперше використаний у середині 20 століття. Текст базувався на словах Цицерона, римського вождя, працями якого захоплюються. Мова, якою він говорив і писав, була латиною, а не грецькою, тому називання цього манекенового тексту вводить в оману. " джерело
Джеймі Булл

4

Магічне слово, схоже, вітається (спасибі!), Але це допомогло мені знайти термін "Екран скелета", який, схоже, відноситься до дуже специфічної практики викладення макетного вмісту, щоб отримати загальну форму програми. Я думаю, що теорія полягає в тому, що це може зменшити тривогу з приводу навантаження .


2

Деякі з ваших друзів-розробників можуть позначати це як мерехтливий ефект Facebook, оскільки Facebook популяризував техніку заповнення вмісту з невеликим мерехтливим ефектом та відкривав їх код .

Суть ефекту мерехтіння полягає в тому, щоб вказати, що фактичний вміст все ще завантажується, щоб користувачі не думали, що сторінка застрягла та оновлена.

введіть тут опис зображення


-1

Коли я користувався цією схемою, ми називали її сторінкою скелета. Супер корисний для великих сторінок, які створюють динамічний контент.


4
Як це додає до існуючих відповідей? Схоже, Кодерер уже згадував термін "скелет"
Зак Сосьє

Ласкаво просимо до графічного дизайну! Якщо у вас є достатня репутація, ви можете підтримати відповідь, яку вважаєте правильною. Крім того, "позначайте" зірочкою питання як улюблене, і вам буде повідомлено про всі нові відповіді.
Лучано

-4

Їх називають скелетними екранами.


Привіт NIck, ласкаво просимо на GD.SE. Будь ласка, не опублікуйте подвійну інформацію, про яку вже згадувалося в інших відповідях. Дякую!
Вінсент
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.