Заметил, что скелетоны сейчас ставят почти везде: серые блоки вместо карточек, полоски вместо текста, контуры аватарок. Выглядит аккуратно, но не всегда понятно, это контент загружается или интерфейс просто завис. Где для вас проходит граница между полезной подсказкой и декоративной анимацией ради анимации?
В своих макетах стараюсь повторять скелетоном реальную структуру страницы: размеры карточек, число строк, расположение изображения. Если форма заметно отличается от готового экрана, при появлении контента всё «прыгает» — и эффект становится скорее раздражающим. Ещё спорный момент — задержка: показывать заглушку сразу или только если загрузка затянулась? Мгновенный скелетон иногда мелькает так быстро, что выглядит как мигание.
Интересно, как вы решаете это в дизайне и вёрстке: делаете статичную заглушку или shimmer-анимацию, учитываете ли настройку уменьшения движения? И что выбираете для длинных списков, медленного интернета и повторной загрузки уже знакомого контента — скелетон, спиннер или сохранённые данные? Поделитесь удачными и неудачными примерами из проектов.
В своих макетах стараюсь повторять скелетоном реальную структуру страницы: размеры карточек, число строк, расположение изображения. Если форма заметно отличается от готового экрана, при появлении контента всё «прыгает» — и эффект становится скорее раздражающим. Ещё спорный момент — задержка: показывать заглушку сразу или только если загрузка затянулась? Мгновенный скелетон иногда мелькает так быстро, что выглядит как мигание.
Интересно, как вы решаете это в дизайне и вёрстке: делаете статичную заглушку или shimmer-анимацию, учитываете ли настройку уменьшения движения? И что выбираете для длинных списков, медленного интернета и повторной загрузки уже знакомого контента — скелетон, спиннер или сохранённые данные? Поделитесь удачными и неудачными примерами из проектов.
Комментарии 8
Обсуждение темы — по порядку