List layout

List layout (Список) — паттерн отображения однородного контента в вертикальной последовательности: история транзакций, сообщения, результаты поиска. Когда использовать: контент с разной длиной текста,

List layout (Список) — паттерн отображения однородного контента в вертикальной последовательности: история транзакций, сообщения, результаты поиска. Когда использовать: контент с разной длиной текста, акцент на метаданных (дата, статус), быстрый скан строк. Лучшие практики: чёткий primary text + secondary, swipe-to-action для частых операций, sticky group headers. Избегайте list layout для визуального каталога — там нужен grid. Антипаттерн: список без разделителей или группировки при большом количестве элементов.

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

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

Подборка list-oriented mobile screens для каталогов, истории, результатов и settings-style surfaces. В подборке 200 экранов из 157 сценариев и 3 приложений. Репрезентативный пример: Циан_64.Для собственника_001.webp в сценарии Для собственника - Мой дом приложения Циан.

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

Семейство
Паттерны
Фокус
List layout
Экранов
200
Сценариев
157
Приложений
3

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

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

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

Намерение пользователя
Управлять аккаунтом (manage_account), 6
Этап воронки
Удержание (retention), 6
Роль шага
Начальный шаг (entry), 12

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

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

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

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

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

  • Список (list) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Загрузка (loading) (ai_screen_state)
  • Добавить в корзину (add_to_cart) (ai_primary_cta_type)
  • Другое (other) (ai_primary_cta_type)
  • Выбрать (select) (ai_primary_cta_type)
  • Список (list) (ai_layout_style)
  • Нижние вкладки (tab_bar) (ai_navigation_pattern)

Теги

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

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

  • Добавить объект (Кнопка (button))
  • Ответить (Кнопка (button))
  • Написать отзыв (Кнопка (button))
  • Задать вопрос (Кнопка (button))
  • Позвонить (Кнопка (button))
  • Написать (Кнопка (button))
  • Добавить объект (Кнопка (button))
  • Назад (Кнопка (button))

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