Дизайн пустого состояния

Спроектируй пустое состояние для: {{feature}}.

Покрой 3 варианта пустоты

A. Первый раз — пользователь никогда не делал этого

• Объясни ценность фичи в 1 предложении
• Покажи 1-3 примера того, что появится
• Главный CTA — самое простое первое действие
• Опционально: видео или гифка "как это будет выглядеть"

B. Сейчас пусто, но было / будет

• Например: список фильтрован и ничего не подходит
• Объясни почему пусто
• Предложи изменить фильтр / сбросить
• Не приземляй на онбординг — это раздражает

C. Пусто навсегда (запрет)

• Например: нет доступа, удалено
• Не используй пустое состояние — это ошибка, а не пустота
• Покажи объяснение + действие (запросить доступ, вернуться)

Структура пустого состояния

┌──────────────────────────┐
│      [Иконка / иллюстр.] │ ← не обязательна; если есть — функциональная
│                          │
│      Заголовок           │ ← что здесь будет / почему пусто
│      Подзаголовок        │ ← пояснение
│                          │
│      [Primary CTA]       │ ← первое действие
│      [Secondary]         │ ← документация / посмотреть пример
└──────────────────────────┘

Принципы

• НЕ "Здесь пока ничего нет"
• НЕ generic stock иллюстрация ("человечек грустит")
• Заголовок описывает БУДУЩЕЕ — что появится
• CTA — глагол + объект ("Создать проект")
• Высота — не на весь экран, не крошечный — естественный

Скопируй и реальную копию для каждого варианта в стиле {{feature}}. Не "lorem ipsum".

Что делает пустое состояние плохим

• Stock-человечек
• Лозунг без действия ("Добро пожаловать!")
• CTA "Начать" (что начать?)
• Полностраничная иллюстрация занимает 80% экрана