← Shared UI

Загрузка и ожидание

shared ui · макеты · общий компонент

Словарь механизмов ожидания внутри живого экрана: механизм под форму ожидания, а не под тип экрана. Полный обвал — отдельный паттерн, системные заглушки.

Какой механизм когда

Skeleton — холодный старт → Web App

Каркас сразу, тело — плейсхолдеры в форме будущего контента: при подмене на данные нет скачка вёрстки.

skeleton · холодный старт
achilles.local/admin/users первый показ · данных ещё нет Каркас и шапка таблицы сразу; тело — плейсхолдеры
Пользователи
ИмяEmailРольСтатусПоследний вход

Keep-previous — переход среза → Admin Panel

Прежние строки притушены, под шапкой — тонкая полоса; новый срез подменяет их на месте, без мигания в пустоту.

keep-previous · переход страницы
achilles.local/admin/users?page=2 контент уже был · едет следующий срез Прежние строки притушены, полоса сверху, подмена на месте
Пользователи
ИмяEmailРольСтатусПоследний вход
Анна Орловаanna@company.comOwneractive5 мин назад
Дмитрий Соколовdmitry@company.comAdminactiveвчера
Игорь Лебедевigor@company.comMemberactive3 дня назад
51–100 из 128
‹ 1 2 3 ›

Спиннер — мелкая зона

Кнопка в процессе, инлайн-проверка, короткое действие в модалке. Целый список так не грузим — там skeleton.

спиннер · кнопка и мелкая зона
Проверка соединения…

Полоса — смена экрана целиком

Тонкая полоса под шапкой, пока грузится следующий маршрут. Живёт на уровне оболочки (layout), не на контентных экранах.

полоса · переход между экранами
achilles.local/admin/settings переход на новый маршрут Полоса под шапкой, пока грузится следующий экран

Инлайн-ошибка — повтор

Блок с причиной и «Повторить» в области данных, каркас экрана жив. Полный обвал — системная заглушка; невидимый фоновый сбой — тост.

инлайн-ошибка · повтор
achilles.local/admin/users запрос упал · каркас экрана жив Ошибка в области данных, остальной экран на месте
Пользователи
Не удалось загрузить список Сервер не ответил. Проверьте соединение и повторите.

Правила