Card stack

Card stack (Карточный стек) — компоновка карточками как основной паттерн навигации и discovery, где пользователь принимает решения по одной карточке за раз. Tinder-swipe, рекомендательные ленты, datin

Card stack (Карточный стек) — компоновка карточками как основной паттерн навигации и discovery, где пользователь принимает решения по одной карточке за раз. Tinder-swipe, рекомендательные ленты, dating-apps и инвестиционные экраны — типичные области применения. Лучшие практики: одна карточка — одна сущность, свайп-действия с визуальной подсказкой направления, анимация перехода как сигнал принятого выбора. Сравнение: card stack vs scroll — stack снижает когнитивную нагрузку при бинарном выборе. Антипаттерн: card stack без undo — пользователь случайно свайпнул нужную карточку и не может вернуться.

Главный экран приложения Мой МТС с информацией о балансе, расходах, подключённых услугах и тарифах. Пользователь может искать, пополнить баланс, управлять тари…
Главный экран приложения Мой МТС с информацией о балансе, расходах, подключённых услугах и тарифах. Пользователь может искать, пополнить баланс, управлять тари…

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

Подборка card-led screens для stacked content, catalog cards и benchmark-oriented card interfaces. В подборке 200 экранов из 97 сценариев и 3 приложений. Репрезентативный пример: Мой МТС_25.Cashback_001.webp в сценарии Cashback приложения Мой МТС.

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

Семейство
Паттерны
Фокус
Card stack
Экранов
200
Сценариев
97
Приложений
3

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

Семейство
Паттерны
Фокус
Card stack
Экраны
200
Сценарии
97
Приложения
3

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

Намерение пользователя
Просматривать (browse), 6
Этап воронки
Обнаружение (discovery), 5
Роль шага
Начальный шаг (entry), 12

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

Основное CTA
Другое (other), 9
Паттерн раскладки
Стопка карточек (card_stack), 12
Навигационный паттерн
Нижние вкладки (tab_bar), 10
Тема
Светлая тема (light), 12

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

Типы экранов
Главный экран (home), Список (list), Каталог (catalog), Другое (other)
Состояния экранов
Обычное состояние (default)
Основные CTA
Другое (other), Искать (search)
Паттерны раскладки
Стопка карточек (card_stack)
Навигационные паттерны
Нижние вкладки (tab_bar), Переход вглубь (drill_down)
Намерения пользователя
Управлять аккаунтом (manage_account), Просматривать (browse), Искать (search), Сравнивать (compare)
Этапы воронки
Удержание (retention), Вход в сценарий (entry), Обнаружение (discovery), Оценка выбора (evaluation)
Темы
Светлая тема (light)
Роли шага
Начальный шаг (entry)

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

  • Главный экран (home) (ai_screen_type)
  • Список (list) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Другое (other) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Другое (other) (ai_primary_cta_type)
  • Искать (search) (ai_primary_cta_type)
  • Стопка карточек (card_stack) (ai_layout_style)

Теги

  • баланс
  • расходы
  • подключённые услуги
  • тариф
  • семейная группа
  • персональные бонусы
  • скидки
  • поиск
  • аренда
  • квартира
  • избранное
  • объявления

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

  • пополнить (Кнопка (button))
  • семейная группа (Кнопка (button))
  • мой тариф (Кнопка (button))
  • сменить тариф (Кнопка (button))
  • Позвонить (Кнопка (button))
  • Написать (Кнопка (button))
  • Пополнить (Кнопка (button))
  • Мой тариф (Кнопка (button))

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