Skip to main content
LanguageРусский
Основы4 минуты чтенияоктябрь 2026 г.

Что такое пустое состояние в UX?

Краткий ответ

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

Главное

  • Типы: первое использование, очистка пользователем, отсутствие результатов, ошибка или отсутствие доступа.
  • Объясните простыми словами, почему экран пуст
  • Предложите одно четкое действие, которое его наполняет.
  • Сохраняйте иллюстрации и анимацию небольшими и дружелюбными, никогда не мешающими действию.
  • Напишите разные копии для каждого типа пустого состояния.

О пустых экранах легко забыть, потому что дизайнеры обычно работают с образцами данных. В реальном продукте каждый новый пользователь знакомится с ними первым, поэтому они формируют первое впечатление больше, чем любой другой экран.

Существует четыре распространенных типа. Пустые состояния первого использования появляются до того, как человек что-либо создал. Очищенные пользователем состояния появляются после того, как они все завершили или удалили, например пустой список дел. Состояния отсутствия результатов появляются после поиска или фильтра. А состояния ошибки или отсутствия доступа возникают, когда данные вообще невозможно отобразить.

Каждому типу нужны разные слова. Состояние первого использования должно объяснять, для чего предназначен этот экран, и предлагать первое действие: «Проектов пока нет. Создайте свой первый проект». Состояние отсутствия результата должно помочь людям восстановиться: показать, что они искали, и предложить очистить фильтры. Очищенное состояние может стать небольшой наградой.

Визуальные эффекты не являются обязательными. Небольшая иллюстрация или легкая анимация могут сделать экран более дружелюбным, а анимированный персонаж может помочь начинающему пользователю. Будьте легкими, убедитесь, что действие является наиболее заметным, и не полагайтесь на изображение для объяснения состояния.

Если вам нужен дружелюбный анимированный персонаж для пустого состояния, ExodeUI, который мы создаем, имеет бесплатную библиотеку интерактивных талисманов, которые запускаются как файлы ExodeUI и реагируют на ввод.

Частые вопросы

Что должно включать в себя пустое состояние?

Короткий заголовок, одно предложение, объясняющее, почему он пуст или для чего нужен экран, и четкое действие. Иллюстрация не является обязательной.

Что такое нулевое состояние?

Другое название пустого состояния. Обычно оно отображается при первом использовании, прежде чем кто-то добавил какой-либо контент.

Как создать состояние отсутствия результатов?

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

Следует ли анимировать пустые состояния?

Это возможно, если анимация небольшая, не зацикливается и соответствует настройкам ограниченного движения. Действие имеет большее значение, чем анимация.

Связанные руководства и примеры

Добавьте дружелюбного персонажа на пустые экраны

Выберите один из бесплатных интерактивных талисманов, которые реагируют на курсор и нажатия, и добавьте их в свое приложение или на веб-сайт.

Просмотрите бесплатные талисманы
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →