Loading state

Loading state (Скелетон / Загрузка) — критичный элемент восприятия скорости приложения. В CJM любого продукта моменты долгого ожидания — это точки наивысшего трения, где происходит основной отток (dro

Loading state (Скелетон / Загрузка) — критичный элемент восприятия скорости приложения. В CJM любого продукта моменты долгого ожидания — это точки наивысшего трения, где происходит основной отток (drop-off) пользователей. Skeleton screens (скелетоны) работают лучше спиннеров: они снижают воспринимаемое время ожидания, повторяя форму контента. Лучшие практики: скелетон точно повторяет структуру реального layout, а для операций дольше 3 секунд применяется прогресс-бар. Антипаттерн: бесконечный спиннер без таймаута и без fallback-действия — пользователь не понимает, зависло ли приложение, и просто закрывает его.

Экран сообщений с тремя вкладками: Активные, Важные и Непрочитанные. Отображается список диалогов с поддержкой, помощником и сервисом Циан, с указанием времени…
Экран сообщений с тремя вкладками: Активные, Важные и Непрочитанные. Отображается список диалогов с поддержкой, помощником и сервисом Циан, с указанием времени…

Что покрывает эта подборка

Подборка loading and waiting-state screens для pending operations, skeletons and progress feedback. В подборке 52 экранов из 43 сценариев и 3 приложений. Репрезентативный пример: Циан_63.Циан_001.webp в сценарии Циан приложения Циан.

Контекст страницы

Семейство
Состояния
Фокус
Loading state
Экранов
52
Сценариев
43
Приложений
3

Семантический профиль

Семейство
Состояния
Фокус
Loading state
Экраны
52
Сценарии
43
Приложения
3

Путь пользователя

Намерение пользователя
Управлять аккаунтом (manage_account), 6
Этап воронки
Другое (other), 3
Роль шага
Промежуточный шаг (intermediate), 10

Паттерны и действия

Паттерн раскладки
Один главный фокус (single_focus), 9
Навигационный паттерн
Нижние вкладки (tab_bar), 7
Тема
Светлая тема (light), 8

Семантические сигналы

Типы экранов
Список (list), Профиль (profile), Другое (other)
Состояния экранов
Загрузка (loading)
Паттерны раскладки
Список (list), Один главный фокус (single_focus)
Навигационные паттерны
Нижние вкладки (tab_bar), Переход вглубь (drill_down)
Намерения пользователя
Управлять аккаунтом (manage_account), Сравнивать (compare), Просматривать (browse), Другое (other)
Этапы воронки
Удержание (retention), Оценка выбора (evaluation), Другое (other), Вход в сценарий (entry)
Темы
Светлая тема (light)
Роли шага
Начальный шаг (entry), Промежуточный шаг (intermediate)

Элементы интерфейса

  • Список (list) (ai_screen_type)
  • Профиль (profile) (ai_screen_type)
  • Другое (other) (ai_screen_type)
  • Загрузка (loading) (ai_screen_state)
  • Список (list) (ai_layout_style)
  • Один главный фокус (single_focus) (ai_layout_style)
  • Нижние вкладки (tab_bar) (ai_navigation_pattern)
  • Переход вглубь (drill_down) (ai_navigation_pattern)

Теги

  • сообщения
  • чат
  • поддержка
  • помощник
  • недвижимость
  • уведомления
  • навигация
  • таббар
  • профиль
  • загрузка
  • мобильное приложение
  • мтс

Ключевые действия

  • Марка и модель (Кнопка (button))
  • Разместить (Кнопка (button))
  • Назад (Кнопка (button))
  • Закрыть (Кнопка (button))

Подходящие страницы