​​#хвилинкадизайнера Поради для створення UI-скелетів Що так | Ейдос

​​#хвилинкадизайнера

Поради для створення UI-скелетів

Що таке UI-скелет?
Скелети (набір візуальних плейсхолдерів) використовуються для тимчасового заповнення сторінки вмістом поки завантажуються реальні дані.

Навіщо вони потрібні?
Скелети оптимізують досвід користувача, імітуючи завантаження контенту й надаючи зворотний зв’язок. Вони також створюють певні очікування від сторінки.

Не роби так:
Не використовуйте плейсхолдери, які повністю зміняться, коли сторінка повністю завантажиться
Не треба використовувати плейсхолдери для статичного контенту

Роби так:
Використовуйте UI-скелети лише для динамічного та графічного контенту (показники, зображення, форми)
Одразу показуйте статичний контент
Не забудьте додати трохи руху (за допомогою анімації зазвичай плейсхолдери мають невелике світле переливання кольору). Це зменшує напругу в очікуванні завантаження